chore: remove element-internals-polyfill (#3128)

Author: bennypowers

core/pfe-core/controllers/internals-controller.ts

@@ -269,14 +269,7 @@ export class InternalsController implements ReactiveController, ARIAMixin {
     globalThis._elementInternals.set(this.host, this.internals);
   }
 
-  /**
-   * We need to polyfill :disabled
-   * see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
-   */
   #polyfillDisabledPseudo() {
-    // START polyfill-disabled
-    // We need to polyfill :disabled
-    // see https://github.com/calebdwilliams/element-internals-polyfill/issues/88
     const orig = (this.element as FACE).formDisabledCallback;
     (this.element as FACE).formDisabledCallback = disabled => {
       this._formDisabled = disabled;

docs/_data/importMap.cjs

@@ -27,7 +27,6 @@ module.exports = async function() {
       'tslib': readPackageVersion('tslib'),
       '@rhds/elements': readPackageVersion('@rhds/elements'),
       'prismjs': readPackageVersion('prismjs'),
-      'element-internals-polyfill': readPackageVersion('element-internals-polyfill'),
       'fuse.js': readPackageVersion('fuse.js'),
       'lit': readPackageVersion('lit'),
       '@lit-labs/ssr-client': readPackageVersion('@lit-labs/ssr-client'),

docs/_plugins/pfe-assets.cjs

@@ -16,9 +16,7 @@ function getFilesToCopy(options) {
     return null;
   }
 
-  const files = {
-    [path.join(cwd, 'node_modules/element-internals-polyfill')]: 'element-internals-polyfill',
-  };
+  const files = {};
 
   const corePkgs = fs.readdirSync(path.join(cwd, 'core'));
 

docs/components/demos.html

@@ -24,7 +24,7 @@
   </noscript>
   <script async
           src="https://ga.jspm.io/npm:es-module-shims@2.0.10/dist/es-module-shims.js"></script>
-  <script type="module">import 'element-internals-polyfill';</script>
+
   <style>
     html,
     body,

docs/main.mjs

@@ -1,5 +1,4 @@
 import '@rhds/elements/rh-footer/rh-footer-universal.js';
-import 'element-internals-polyfill';
 import { PfV5Icon } from '@patternfly/elements/pf-v5-icon/pf-v5-icon.js';
 import '@patternfly/elements/pf-v5-accordion/pf-v5-accordion.js';
 import '@patternfly/elements/pf-v5-alert/pf-v5-alert.js';

elements/pf-v5-button/demo/block.html

@@ -3,7 +3,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   for (const button of document.querySelectorAll('pf-v5-button')) {
     button.addEventListener('click', console.log);

elements/pf-v5-button/demo/form-control.html

@@ -35,7 +35,6 @@ <h2>Both disabled</h2>
 </form>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-switch/pf-v5-switch.js';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
 

elements/pf-v5-button/demo/index.html

@@ -4,7 +4,6 @@
 </pf-v5-button>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   document.getElementById('button').addEventListener('click', async function() {
     await import('@patternfly/elements/pf-v5-badge/pf-v5-badge.js');

elements/pf-v5-button/demo/sizes.html

@@ -15,7 +15,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   for (const button of document.querySelectorAll('pf-v5-button')) {
     button.addEventListener('click', console.log);

elements/pf-v5-button/demo/stateful.html

@@ -11,7 +11,6 @@
 </section>
 
 <script type="module">
-  import 'element-internals-polyfill';
   import '@patternfly/elements/pf-v5-button/pf-v5-button.js';
   import '@patternfly/elements/pf-v5-spinner/pf-v5-spinner.js';