@fluid-topics/ft-wc-utils 1.0.63 → 1.1.1

package/build/silent-define.d.ts

@@ -1 +1 @@
-import "../lib/scoped-custom-element-registry.js";
+import "@webcomponents/scoped-custom-element-registry/src/scoped-custom-element-registry.js";

package/build/silent-define.js

@@ -1,4 +1,4 @@
-import "../lib/scoped-custom-element-registry.js";
+import "@webcomponents/scoped-custom-element-registry/src/scoped-custom-element-registry.js";
 try {
     // Throws expected error to replace default window.customElements.define
     //@ts-ignore

package/build/silent-define.min.js

@@ -1,17 +1,15 @@
 !function(){
 /**
-     * @license
-     * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
-     * This code may only be used under the BSD style license found at
-     * http://polymer.github.io/LICENSE.txt
-     * The complete set of authors may be found at
-     * http://polymer.github.io/AUTHORS.txt
-     * The complete set of contributors may be found at
-     * http://polymer.github.io/CONTRIBUTORS.txt
-     * Code distributed by Google as part of the polymer project is also
-     * subject to an additional IP rights grant found at
-     * http://polymer.github.io/PATENTS.txt
-     *
-     * @see https://github.com/webcomponents/polyfills/tree/master/packages/scoped-custom-element-registry
-     */
-if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,n=window.customElements.get,s=window.customElements,o=new WeakMap,i=new WeakMap,c=new WeakMap,r=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,o){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(o))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const r=o.prototype.attributeChangedCallback,a=new Set(o.observedAttributes||[]);w(o,a,r);const l={elementClass:o,connectedCallback:o.prototype.connectedCallback,disconnectedCallback:o.prototype.disconnectedCallback,adoptedCallback:o.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:o.formAssociated,formAssociatedCallback:o.prototype.formAssociatedCallback,formDisabledCallback:o.prototype.formDisabledCallback,formResetCallback:o.prototype.formResetCallback,formStateRestoreCallback:o.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,l),this._definitionsByClass.set(o,l);let h=n.call(s,t);h||(h=d(t),e.call(s,t,h)),this===window.customElements&&(c.set(o,l),l.standInClass=h);const u=this._awaitingUpgrade.get(t);if(u){this._awaitingUpgrade.delete(t);for(const t of u)i.delete(t),m(t,l,!0)}const f=this._whenDefinedPromises.get(t);return void 0!==f&&(f.resolve(o),this._whenDefinedPromises.delete(t)),o}upgrade(){b.push(this),s.upgrade.apply(s,arguments),b.pop()}get(t){const e=this._definitionsByTag.get(t);return e?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let n=this._whenDefinedPromises.get(t);return void 0===n&&(n={},n.promise=new Promise((t=>n.resolve=t)),this._whenDefinedPromises.set(t,n)),n.promise}_upgradeWhenDefined(t,e,n){let s=this._awaitingUpgrade.get(e);s||this._awaitingUpgrade.set(e,s=new Set),n?s.add(t):s.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const n=c.get(this.constructor);if(!n)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],n.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),o.set(e,n),e},window.HTMLElement.prototype=t.prototype;const l=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!l(e)){const t=b[b.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),l(e)||(e=r.get(e)?.getRootNode()||document)}return e.customElements},d=e=>class{static get formAssociated(){return!0}constructor(){const n=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(n,HTMLElement.prototype);const s=h(n)||window.customElements,o=s._getDefinition(e);return o?m(n,o):i.set(n,s),n}connectedCallback(){const t=o.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=o.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){const t=o.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=o.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=o.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=o.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=o.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},w=(t,e,n)=>{if(0===e.size||void 0===n)return;const s=t.prototype.setAttribute;s&&(t.prototype.setAttribute=function(t,o){const i=t.toLowerCase();if(e.has(i)){const t=this.getAttribute(i);s.call(this,i,o),n.call(this,i,t,o)}else s.call(this,i,o)});const o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){const s=t.toLowerCase();if(e.has(s)){const t=this.getAttribute(s);o.call(this,s),n.call(this,s,t,null)}else o.call(this,s)})},u=e=>{const n=Object.getPrototypeOf(e);if(n!==window.HTMLElement)return n===t||"HTMLElement"===n?.prototype?.constructor?.name?Object.setPrototypeOf(e,window.HTMLElement):u(n)},m=(t,e,n=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),o.set(t,e),a=t;try{new e.elementClass}catch(t){u(e.elementClass),new e.elementClass}e.observedAttributes.forEach((n=>{t.hasAttribute(n)&&e.attributeChangedCallback.call(t,n,null,t.getAttribute(n))})),n&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},f=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=f.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let b=[document];const E=(t,e,n=void 0)=>{const s=(n?Object.getPrototypeOf(n):t.prototype)[e];t.prototype[e]=function(){b.push(this);const t=s.apply(n||this,arguments);return void 0!==t&&r.set(t,this),b.pop(),t}};E(ShadowRoot,"createElement",document),E(ShadowRoot,"importNode",document),E(Element,"insertAdjacentHTML");const M=(t,e)=>{const n=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...n,set(t){b.push(this),n.set.call(this,t),b.pop()}})};if(M(Element,"innerHTML"),M(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,n=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...n){const s=e.call(this,...n);return t.set(s,this),s},n.forEach((e=>{const n=window.ElementInternals.prototype,s=n[e];n[e]=function(...e){const n=t.get(this);if(!0!==o.get(n).formAssociated)throw new DOMException(`Failed to execute ${s} on 'ElementInternals': The target element is not a form-associated custom element.`);s?.call(this,...e)}}));class s extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class i{constructor(t){const e=new Map;t.forEach(((t,n)=>{const s=t.getAttribute("name"),o=e.get(s)||[];this[+n]=t,o.push(t),e.set(s,o)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new s(t))}))}namedItem(t){return this[t]}}const c=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=c.get.call(this,[]),e=[];for(const n of t){const t=o.get(n);t&&!0!==t.formAssociated||e.push(n)}return new i(e)}})}}try{window.customElements.define("custom-element",null)}catch(t){const e=window.customElements.define;window.customElements.define=(t,n,s)=>{if(null!==n)try{e.bind(window.customElements)(t,n,s)}catch(e){console.info(t,n,s,e)}}}}();
+   * @license
+   * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
+   * This code may only be used under the BSD style license found at
+   * http://polymer.github.io/LICENSE.txt
+   * The complete set of authors may be found at
+   * http://polymer.github.io/AUTHORS.txt
+   * The complete set of contributors may be found at
+   * http://polymer.github.io/CONTRIBUTORS.txt
+   * Code distributed by Google as part of the polymer project is also
+   * subject to an additional IP rights grant found at
+   * http://polymer.github.io/PATENTS.txt
+   */
+if(!ShadowRoot.prototype.createElement){const t=window.HTMLElement,e=window.customElements.define,n=window.customElements.get,s=window.customElements,o=new WeakMap,i=new WeakMap,c=new WeakMap,r=new WeakMap;let a;window.CustomElementRegistry=class{constructor(){this._definitionsByTag=new Map,this._definitionsByClass=new Map,this._whenDefinedPromises=new Map,this._awaitingUpgrade=new Map}define(t,o){if(t=t.toLowerCase(),void 0!==this._getDefinition(t))throw new DOMException(`Failed to execute 'define' on 'CustomElementRegistry': the name "${t}" has already been used with this registry`);if(void 0!==this._definitionsByClass.get(o))throw new DOMException("Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry");const r=o.prototype.attributeChangedCallback,a=new Set(o.observedAttributes||[]);w(o,a,r);const l={elementClass:o,connectedCallback:o.prototype.connectedCallback,disconnectedCallback:o.prototype.disconnectedCallback,adoptedCallback:o.prototype.adoptedCallback,attributeChangedCallback:r,formAssociated:o.formAssociated,formAssociatedCallback:o.prototype.formAssociatedCallback,formDisabledCallback:o.prototype.formDisabledCallback,formResetCallback:o.prototype.formResetCallback,formStateRestoreCallback:o.prototype.formStateRestoreCallback,observedAttributes:a};this._definitionsByTag.set(t,l),this._definitionsByClass.set(o,l);let h=n.call(s,t);h||(h=d(t),e.call(s,t,h)),this===window.customElements&&(c.set(o,l),l.standInClass=h);const u=this._awaitingUpgrade.get(t);if(u){this._awaitingUpgrade.delete(t);for(const t of u)i.delete(t),m(t,l,!0)}const f=this._whenDefinedPromises.get(t);return void 0!==f&&(f.resolve(o),this._whenDefinedPromises.delete(t)),o}upgrade(){b.push(this),s.upgrade.apply(s,arguments),b.pop()}get(t){const e=this._definitionsByTag.get(t);return e?.elementClass}_getDefinition(t){return this._definitionsByTag.get(t)}whenDefined(t){const e=this._getDefinition(t);if(void 0!==e)return Promise.resolve(e.elementClass);let n=this._whenDefinedPromises.get(t);return void 0===n&&(n={},n.promise=new Promise((t=>n.resolve=t)),this._whenDefinedPromises.set(t,n)),n.promise}_upgradeWhenDefined(t,e,n){let s=this._awaitingUpgrade.get(e);s||this._awaitingUpgrade.set(e,s=new Set),n?s.add(t):s.delete(t)}},window.HTMLElement=function(){let e=a;if(e)return a=void 0,e;const n=c.get(this.constructor);if(!n)throw new TypeError("Illegal constructor (custom element class must be registered with global customElements registry to be newable)");return e=Reflect.construct(t,[],n.standInClass),Object.setPrototypeOf(e,this.constructor.prototype),o.set(e,n),e},window.HTMLElement.prototype=t.prototype;const l=t=>t===document||t instanceof ShadowRoot,h=t=>{let e=t.getRootNode();if(!l(e)){const t=b[b.length-1];if(t instanceof CustomElementRegistry)return t;e=t.getRootNode(),l(e)||(e=r.get(e)?.getRootNode()||document)}return e.customElements},d=e=>class{static get formAssociated(){return!0}constructor(){const n=Reflect.construct(t,[],this.constructor);Object.setPrototypeOf(n,HTMLElement.prototype);const s=h(n)||window.customElements,o=s._getDefinition(e);return o?m(n,o):i.set(n,s),n}connectedCallback(){const t=o.get(this);t?t.connectedCallback&&t.connectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!0)}disconnectedCallback(){const t=o.get(this);t?t.disconnectedCallback&&t.disconnectedCallback.apply(this,arguments):i.get(this)._upgradeWhenDefined(this,e,!1)}adoptedCallback(){const t=o.get(this);t?.adoptedCallback?.apply(this,arguments)}formAssociatedCallback(){const t=o.get(this);t&&t.formAssociated&&t?.formAssociatedCallback?.apply(this,arguments)}formDisabledCallback(){const t=o.get(this);t?.formAssociated&&t?.formDisabledCallback?.apply(this,arguments)}formResetCallback(){const t=o.get(this);t?.formAssociated&&t?.formResetCallback?.apply(this,arguments)}formStateRestoreCallback(){const t=o.get(this);t?.formAssociated&&t?.formStateRestoreCallback?.apply(this,arguments)}},w=(t,e,n)=>{if(0===e.size||void 0===n)return;const s=t.prototype.setAttribute;s&&(t.prototype.setAttribute=function(t,o){const i=t.toLowerCase();if(e.has(i)){const t=this.getAttribute(i);s.call(this,i,o),n.call(this,i,t,o)}else s.call(this,i,o)});const o=t.prototype.removeAttribute;o&&(t.prototype.removeAttribute=function(t){const s=t.toLowerCase();if(e.has(s)){const t=this.getAttribute(s);o.call(this,s),n.call(this,s,t,null)}else o.call(this,s)});const i=t.prototype.toggleAttribute;i&&(t.prototype.toggleAttribute=function(t,s){const o=t.toLowerCase();if(e.has(o)){const t=this.getAttribute(o);i.call(this,o,s);const e=this.getAttribute(o);n.call(this,o,t,e)}else i.call(this,o,s)})},u=e=>{const n=Object.getPrototypeOf(e);if(n!==window.HTMLElement)return n===t?Object.setPrototypeOf(e,window.HTMLElement):u(n)},m=(t,e,n=!1)=>{Object.setPrototypeOf(t,e.elementClass.prototype),o.set(t,e),a=t;try{new e.elementClass}catch(t){u(e.elementClass),new e.elementClass}e.attributeChangedCallback&&e.observedAttributes.forEach((n=>{t.hasAttribute(n)&&e.attributeChangedCallback.call(t,n,null,t.getAttribute(n))})),n&&e.connectedCallback&&t.isConnected&&e.connectedCallback.call(t)},f=Element.prototype.attachShadow;Element.prototype.attachShadow=function(t){const e=f.apply(this,arguments);return t.customElements&&(e.customElements=t.customElements),e};let b=[document];const k=(t,e,n=void 0)=>{const s=(n?Object.getPrototypeOf(n):t.prototype)[e];t.prototype[e]=function(){b.push(this);const t=s.apply(n||this,arguments);return void 0!==t&&r.set(t,this),b.pop(),t}};k(ShadowRoot,"createElement",document),k(ShadowRoot,"importNode",document),k(Element,"insertAdjacentHTML");const p=(t,e)=>{const n=Object.getOwnPropertyDescriptor(t.prototype,e);Object.defineProperty(t.prototype,e,{...n,set(t){b.push(this),n.set.call(this,t),b.pop()}})};if(p(Element,"innerHTML"),p(ShadowRoot,"innerHTML"),Object.defineProperty(window,"customElements",{value:new CustomElementRegistry,configurable:!0,writable:!0}),window.ElementInternals&&window.ElementInternals.prototype.setFormValue){const t=new WeakMap,e=HTMLElement.prototype.attachInternals,n=["setFormValue","setValidity","checkValidity","reportValidity"];HTMLElement.prototype.attachInternals=function(...n){const s=e.call(this,...n);return t.set(s,this),s},n.forEach((e=>{const n=window.ElementInternals.prototype,s=n[e];n[e]=function(...e){const n=t.get(this);if(!0===o.get(n).formAssociated)return s?.call(this,...e);throw new DOMException(`Failed to execute ${s} on 'ElementInternals': The target element is not a form-associated custom element.`)}}));class s extends Array{constructor(t){super(...t),this._elements=t}get value(){return this._elements.find((t=>!0===t.checked))?.value||""}}class i{constructor(t){const e=new Map;t.forEach(((t,n)=>{const s=t.getAttribute("name"),o=e.get(s)||[];this[+n]=t,o.push(t),e.set(s,o)})),this.length=t.length,e.forEach(((t,e)=>{t&&(1===t.length?this[e]=t[0]:this[e]=new s(t))}))}namedItem(t){return this[t]}}const c=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get:function(){const t=c.get.call(this,[]),e=[];for(const n of t){const t=o.get(n);t&&!0!==t.formAssociated||e.push(n)}return new i(e)}})}}try{window.customElements.define("custom-element",null)}catch(t){const e=window.customElements.define;window.customElements.define=(t,n,s)=>{if(null!==n)try{e.bind(window.customElements)(t,n,s)}catch(e){console.info(t,n,s,e)}}}}();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "1.0.63",
+  "version": "1.1.1",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -13,10 +13,11 @@
     "lib/*"
   ],
   "dependencies": {
-    "@fluid-topics/design-system-variables": "0.0.17",
-    "@fluid-topics/public-api": "1.0.50",
+    "@fluid-topics/design-system-variables": "0.0.18",
+    "@fluid-topics/public-api": "1.0.51",
     "@reduxjs/toolkit": "1.9.5",
-    "lit": "2.7.2"
+    "@webcomponents/scoped-custom-element-registry": "0.0.9",
+    "lit": "3.1.0"
   },
-  "gitHead": "020d13bf82a28437f4d7a7395ad9b628bc4342f1"
+  "gitHead": "ceae4aed142c27cbf6034f45bb6e3f562163cc15"
 }

package/lib/scoped-custom-element-registry.js

@@ -1,556 +0,0 @@
-/**
- * @license
- * Copyright (c) 2020 The Polymer Project Authors. All rights reserved.
- * This code may only be used under the BSD style license found at
- * http://polymer.github.io/LICENSE.txt
- * The complete set of authors may be found at
- * http://polymer.github.io/AUTHORS.txt
- * The complete set of contributors may be found at
- * http://polymer.github.io/CONTRIBUTORS.txt
- * Code distributed by Google as part of the polymer project is also
- * subject to an additional IP rights grant found at
- * http://polymer.github.io/PATENTS.txt
- *
- * @see https://github.com/webcomponents/polyfills/tree/master/packages/scoped-custom-element-registry
- */
-if (!ShadowRoot.prototype.createElement) {
-    const NativeHTMLElement = window.HTMLElement;
-    const nativeDefine = window.customElements.define;
-    const nativeGet = window.customElements.get;
-    const nativeRegistry = window.customElements;
-
-    const definitionForElement = new WeakMap();
-    const pendingRegistryForElement = new WeakMap();
-    const globalDefinitionForConstructor = new WeakMap();
-    // TBD: This part of the spec proposal is unclear:
-    // > Another option for looking up registries is to store an element's
-    // > originating registry with the element. The Chrome DOM team was concerned
-    // > about the small additional memory overhead on all elements. Looking up the
-    // > root avoids this.
-    const scopeForElement = new WeakMap();
-
-    // Constructable CE registry class, which uses the native CE registry to
-    // register stand-in elements that can delegate out to CE classes registered
-    // in scoped registries
-    window.CustomElementRegistry = class {
-        constructor() {
-            this._definitionsByTag = new Map();
-            this._definitionsByClass = new Map();
-            this._whenDefinedPromises = new Map();
-            this._awaitingUpgrade = new Map();
-        }
-
-        define(tagName, elementClass) {
-            tagName = tagName.toLowerCase();
-            if (this._getDefinition(tagName) !== undefined) {
-                throw new DOMException(
-                    `Failed to execute 'define' on 'CustomElementRegistry': the name "${ tagName }" has already been used with this registry`
-                );
-            }
-            if (this._definitionsByClass.get(elementClass) !== undefined) {
-                throw new DOMException(
-                    `Failed to execute 'define' on 'CustomElementRegistry': this constructor has already been used with this registry`
-                );
-            }
-            // Since observedAttributes can't change, we approximate it by patching
-            // set/removeAttribute on the user's class
-            const attributeChangedCallback =
-                elementClass.prototype.attributeChangedCallback;
-            const observedAttributes = new Set(elementClass.observedAttributes || []);
-            patchAttributes(
-                elementClass,
-                observedAttributes,
-                attributeChangedCallback
-            );
-            // Register the definition
-            const definition = {
-                elementClass,
-                connectedCallback: elementClass.prototype.connectedCallback,
-                disconnectedCallback: elementClass.prototype.disconnectedCallback,
-                adoptedCallback: elementClass.prototype.adoptedCallback,
-                attributeChangedCallback,
-                'formAssociated': elementClass['formAssociated'],
-                'formAssociatedCallback':
-                    elementClass.prototype['formAssociatedCallback'],
-                'formDisabledCallback': elementClass.prototype['formDisabledCallback'],
-                'formResetCallback': elementClass.prototype['formResetCallback'],
-                'formStateRestoreCallback':
-                    elementClass.prototype['formStateRestoreCallback'],
-                observedAttributes,
-            };
-            this._definitionsByTag.set(tagName, definition);
-            this._definitionsByClass.set(elementClass, definition);
-            // Register a stand-in class which will handle the registry lookup & delegation
-            let standInClass = nativeGet.call(nativeRegistry, tagName);
-            if (!standInClass) {
-                standInClass = createStandInElement(tagName);
-                nativeDefine.call(nativeRegistry, tagName, standInClass);
-            }
-            if (this === window.customElements) {
-                globalDefinitionForConstructor.set(elementClass, definition);
-                definition.standInClass = standInClass;
-            }
-            // Upgrade any elements created in this scope before define was called
-            const awaiting = this._awaitingUpgrade.get(tagName);
-            if (awaiting) {
-                this._awaitingUpgrade.delete(tagName);
-                for (const element of awaiting) {
-                    pendingRegistryForElement.delete(element);
-                    customize(element, definition, true);
-                }
-            }
-            // Flush whenDefined callbacks
-            const info = this._whenDefinedPromises.get(tagName);
-            if (info !== undefined) {
-                info.resolve(elementClass);
-                this._whenDefinedPromises.delete(tagName);
-            }
-            return elementClass;
-        }
-
-        upgrade() {
-            creationContext.push(this);
-            nativeRegistry.upgrade.apply(nativeRegistry, arguments);
-            creationContext.pop();
-        }
-
-        get(tagName) {
-            const definition = this._definitionsByTag.get(tagName);
-            return definition?.elementClass;
-        }
-
-        _getDefinition(tagName) {
-            return this._definitionsByTag.get(tagName);
-        }
-
-        whenDefined(tagName) {
-            const definition = this._getDefinition(tagName);
-            if (definition !== undefined) {
-                return Promise.resolve(definition.elementClass);
-            }
-            let info = this._whenDefinedPromises.get(tagName);
-            if (info === undefined) {
-                info = {};
-                info.promise = new Promise((r) => (info.resolve = r));
-                this._whenDefinedPromises.set(tagName, info);
-            }
-            return info.promise;
-        }
-
-        _upgradeWhenDefined(element, tagName, shouldUpgrade) {
-            let awaiting = this._awaitingUpgrade.get(tagName);
-            if (!awaiting) {
-                this._awaitingUpgrade.set(tagName, (awaiting = new Set()));
-            }
-            if (shouldUpgrade) {
-                awaiting.add(element);
-            } else {
-                awaiting.delete(element);
-            }
-        }
-    };
-
-    // User extends this HTMLElement, which returns the CE being upgraded
-    let upgradingInstance;
-    window.HTMLElement = function HTMLElement() {
-        // Upgrading case: the StandInElement constructor was run by the browser's
-        // native custom elements and we're in the process of running the
-        // "constructor-call trick" on the natively constructed instance, so just
-        // return that here
-        let instance = upgradingInstance;
-        if (instance) {
-            upgradingInstance = undefined;
-            return instance;
-        }
-        // Construction case: we need to construct the StandInElement and return
-        // it; note the current spec proposal only allows new'ing the constructor
-        // of elements registered with the global registry
-        const definition = globalDefinitionForConstructor.get(this.constructor);
-        if (!definition) {
-            throw new TypeError(
-                'Illegal constructor (custom element class must be registered with global customElements registry to be newable)'
-            );
-        }
-        instance = Reflect.construct(
-            NativeHTMLElement,
-            [],
-            definition.standInClass
-        );
-        Object.setPrototypeOf(instance, this.constructor.prototype);
-        definitionForElement.set(instance, definition);
-        return instance;
-    };
-    window.HTMLElement.prototype = NativeHTMLElement.prototype;
-
-    // Helpers to return the scope for a node where its registry would be located
-    const isValidScope = (node) =>
-        node === document || node instanceof ShadowRoot;
-    const registryForNode = (node) => {
-        // TODO: the algorithm for finding the scope is a bit up in the air; assigning
-        // a one-time scope at creation time would require walking every tree ever
-        // created, which is avoided for now
-        let scope = node.getRootNode();
-        // If we're not attached to the document (i.e. in a disconnected tree or
-        // fragment), we need to get the scope from the creation context; that should
-        // be a Document or ShadowRoot, unless it was created via innerHTML
-        if (!isValidScope(scope)) {
-            const context = creationContext[creationContext.length - 1];
-            // When upgrading via registry.upgrade(), the registry itself is put on the
-            // creationContext stack
-            if (context instanceof CustomElementRegistry) {
-                return context;
-            }
-            // Otherwise, get the root node of the element this was created from
-            scope = context.getRootNode();
-            // The creation context wasn't a Document or ShadowRoot or in one; this
-            // means we're being innerHTML'ed into a disconnected element; for now, we
-            // hope that root node was created imperatively, where we stash _its_
-            // scopeForElement. Beyond that, we'd need more costly tracking.
-            if (!isValidScope(scope)) {
-                scope = scopeForElement.get(scope)?.getRootNode() || document;
-            }
-        }
-        return scope.customElements;
-    };
-
-    // Helper to create stand-in element for each tagName registered that delegates
-    // out to the registry for the given element
-    const createStandInElement = (tagName) => {
-        return class ScopedCustomElementBase {
-            static get ['formAssociated']() {
-                return true;
-            }
-
-            constructor() {
-                // Create a raw HTMLElement first
-                const instance = Reflect.construct(
-                    NativeHTMLElement,
-                    [],
-                    this.constructor
-                );
-                // We need to install the minimum HTMLElement prototype so that
-                // scopeForNode can use DOM API to determine our construction scope;
-                // upgrade will eventually install the full CE prototype
-                Object.setPrototypeOf(instance, HTMLElement.prototype);
-                // Get the node's scope, and its registry (falls back to global registry)
-                const registry = registryForNode(instance) || window.customElements;
-                const definition = registry._getDefinition(tagName);
-                if (definition) {
-                    customize(instance, definition);
-                } else {
-                    pendingRegistryForElement.set(instance, registry);
-                }
-                return instance;
-            }
-
-            connectedCallback() {
-                const definition = definitionForElement.get(this);
-                if (definition) {
-                    // Delegate out to user callback
-                    definition.connectedCallback &&
-                    definition.connectedCallback.apply(this, arguments);
-                } else {
-                    // Register for upgrade when defined (only when connected, so we don't leak)
-                    pendingRegistryForElement
-                        .get(this)
-                        ._upgradeWhenDefined(this, tagName, true);
-                }
-            }
-
-            disconnectedCallback() {
-                const definition = definitionForElement.get(this);
-                if (definition) {
-                    // Delegate out to user callback
-                    definition.disconnectedCallback &&
-                    definition.disconnectedCallback.apply(this, arguments);
-                } else {
-                    // Un-register for upgrade when defined (so we don't leak)
-                    pendingRegistryForElement
-                        .get(this)
-                        ._upgradeWhenDefined(this, tagName, false);
-                }
-            }
-
-            adoptedCallback() {
-                const definition = definitionForElement.get(this);
-                definition?.adoptedCallback?.apply(this, arguments);
-            }
-
-            // Form-associated custom elements lifecycle methods
-            ['formAssociatedCallback']() {
-                const definition = definitionForElement.get(this);
-                if (definition && definition['formAssociated']) {
-                    definition?.['formAssociatedCallback']?.apply(this, arguments);
-                }
-            }
-
-            ['formDisabledCallback']() {
-                const definition = definitionForElement.get(this);
-                if (definition?.['formAssociated']) {
-                    definition?.['formDisabledCallback']?.apply(this, arguments);
-                }
-            }
-
-            ['formResetCallback']() {
-                const definition = definitionForElement.get(this);
-                if (definition?.['formAssociated']) {
-                    definition?.['formResetCallback']?.apply(this, arguments);
-                }
-            }
-
-            ['formStateRestoreCallback']() {
-                const definition = definitionForElement.get(this);
-                if (definition?.['formAssociated']) {
-                    definition?.['formStateRestoreCallback']?.apply(this, arguments);
-                }
-            }
-
-            // no attributeChangedCallback or observedAttributes since these
-            // are simulated via setAttribute/removeAttribute patches
-        };
-    };
-
-    // Helper to patch CE class setAttribute/getAttribute to implement
-    // attributeChangedCallback
-    const patchAttributes = (
-        elementClass,
-        observedAttributes,
-        attributeChangedCallback
-    ) => {
-        if (
-            observedAttributes.size === 0 ||
-            attributeChangedCallback === undefined
-        ) {
-            return;
-        }
-        const setAttribute = elementClass.prototype.setAttribute;
-        if (setAttribute) {
-            elementClass.prototype.setAttribute = function (n, value) {
-                const name = n.toLowerCase();
-                if (observedAttributes.has(name)) {
-                    const old = this.getAttribute(name);
-                    setAttribute.call(this, name, value);
-                    attributeChangedCallback.call(this, name, old, value);
-                } else {
-                    setAttribute.call(this, name, value);
-                }
-            };
-        }
-        const removeAttribute = elementClass.prototype.removeAttribute;
-        if (removeAttribute) {
-            elementClass.prototype.removeAttribute = function (n) {
-                const name = n.toLowerCase();
-                if (observedAttributes.has(name)) {
-                    const old = this.getAttribute(name);
-                    removeAttribute.call(this, name);
-                    attributeChangedCallback.call(this, name, old, null);
-                } else {
-                    removeAttribute.call(this, name);
-                }
-            };
-        }
-    };
-
-    // Helper to patch CE class hierarchy changing those CE classes created before applying the polyfill
-    // to make them work with the new patched CustomElementsRegistry
-    const patchHTMLElement = (elementClass) => {
-        const parentClass = Object.getPrototypeOf(elementClass);
-
-        if (parentClass !== window.HTMLElement) {
-            if (parentClass === NativeHTMLElement || parentClass?.prototype?.constructor?.name === "HTMLElement") {
-                return Object.setPrototypeOf(elementClass, window.HTMLElement);
-            }
-
-            return patchHTMLElement(parentClass);
-        }
-    };
-
-    // Helper to upgrade an instance with a CE definition using "constructor call trick"
-    const customize = (instance, definition, isUpgrade = false) => {
-        Object.setPrototypeOf(instance, definition.elementClass.prototype);
-        definitionForElement.set(instance, definition);
-        upgradingInstance = instance;
-        try {
-            new definition.elementClass();
-        } catch (_) {
-            patchHTMLElement(definition.elementClass);
-            new definition.elementClass();
-        }
-        // Approximate observedAttributes from the user class, since the stand-in element had none
-        definition.observedAttributes.forEach((attr) => {
-            if (instance.hasAttribute(attr)) {
-                definition.attributeChangedCallback.call(
-                    instance,
-                    attr,
-                    null,
-                    instance.getAttribute(attr)
-                );
-            }
-        });
-        if (isUpgrade && definition.connectedCallback && instance.isConnected) {
-            definition.connectedCallback.call(instance);
-        }
-    };
-
-    // Patch attachShadow to set customElements on shadowRoot when provided
-    const nativeAttachShadow = Element.prototype.attachShadow;
-    Element.prototype.attachShadow = function (init) {
-        const shadowRoot = nativeAttachShadow.apply(this, arguments);
-        if (init.customElements) {
-            shadowRoot.customElements = init.customElements;
-        }
-        return shadowRoot;
-    };
-
-    // Install scoped creation API on Element & ShadowRoot
-    let creationContext = [ document ];
-    const installScopedCreationMethod = (ctor, method, from = undefined) => {
-        const native = (from ? Object.getPrototypeOf(from) : ctor.prototype)[
-            method
-            ];
-        ctor.prototype[method] = function () {
-            creationContext.push(this);
-            const ret = native.apply(from || this, arguments);
-            // For disconnected elements, note their creation scope so that e.g.
-            // innerHTML into them will use the correct scope; note that
-            // insertAdjacentHTML doesn't return an element, but that's fine since
-            // it will have a parent that should have a scope
-            if (ret !== undefined) {
-                scopeForElement.set(ret, this);
-            }
-            creationContext.pop();
-            return ret;
-        };
-    };
-    installScopedCreationMethod(ShadowRoot, 'createElement', document);
-    installScopedCreationMethod(ShadowRoot, 'importNode', document);
-    installScopedCreationMethod(Element, 'insertAdjacentHTML');
-
-    // Install scoped innerHTML on Element & ShadowRoot
-    const installScopedCreationSetter = (ctor, name) => {
-        const descriptor = Object.getOwnPropertyDescriptor(ctor.prototype, name);
-        Object.defineProperty(ctor.prototype, name, {
-            ...descriptor,
-            set(value) {
-                creationContext.push(this);
-                descriptor.set.call(this, value);
-                creationContext.pop();
-            },
-        });
-    };
-    installScopedCreationSetter(Element, 'innerHTML');
-    installScopedCreationSetter(ShadowRoot, 'innerHTML');
-
-    // Install global registry
-    Object.defineProperty(window, 'customElements', {
-        value: new CustomElementRegistry(),
-        configurable: true,
-        writable: true,
-    });
-
-    if (
-        !!window['ElementInternals'] &&
-        !!window['ElementInternals'].prototype['setFormValue']
-    ) {
-        const internalsToHostMap = new WeakMap();
-        const attachInternals = HTMLElement.prototype['attachInternals'];
-        const methods = [
-            'setFormValue',
-            'setValidity',
-            'checkValidity',
-            'reportValidity',
-        ];
-
-        HTMLElement.prototype['attachInternals'] = function (...args) {
-            const internals = attachInternals.call(this, ...args);
-            internalsToHostMap.set(internals, this);
-            return internals;
-        };
-
-        methods.forEach((method) => {
-            const proto = window['ElementInternals'].prototype;
-            const originalMethod = proto[method];
-
-            proto[method] = function (...args) {
-                const host = internalsToHostMap.get(this);
-                const definition = definitionForElement.get(host);
-                if (definition['formAssociated'] === true) {
-                    originalMethod?.call(this, ...args);
-                } else {
-                    throw new DOMException(
-                        `Failed to execute ${ originalMethod } on 'ElementInternals': The target element is not a form-associated custom element.`
-                    );
-                }
-            };
-        });
-
-        // Emulate the native RadioNodeList object
-        class RadioNodeList extends Array {
-            constructor(elements) {
-                super(...elements);
-                this._elements = elements;
-            }
-
-            get ['value']() {
-                return (
-                    this._elements.find((element) => element['checked'] === true)
-                        ?.value || ''
-                );
-            }
-        }
-
-        // Emulate the native HTMLFormControlsCollection object
-        class HTMLFormControlsCollection {
-            constructor(elements) {
-                const entries = new Map();
-                elements.forEach((element, index) => {
-                    const name = element.getAttribute('name');
-                    const nameReference = entries.get(name) || [];
-                    this[+index] = element;
-                    nameReference.push(element);
-                    entries.set(name, nameReference);
-                });
-                this['length'] = elements.length;
-                entries.forEach((value, key) => {
-                    if (!value) {
-                        return;
-                    }
-                    if (value.length === 1) {
-                        this[key] = value[0];
-                    } else {
-                        this[key] = new RadioNodeList(value);
-                    }
-                });
-            }
-
-            ['namedItem'](key) {
-                return this[key];
-            }
-        }
-
-        // Override the built-in HTMLFormElements.prototype.elements getter
-        const formElementsDescriptor = Object.getOwnPropertyDescriptor(
-            HTMLFormElement.prototype,
-            'elements'
-        );
-
-        Object.defineProperty(HTMLFormElement.prototype, 'elements', {
-            get: function () {
-                const nativeElements = formElementsDescriptor.get.call(this, []);
-
-                const include = [];
-
-                for (const element of nativeElements) {
-                    const definition = definitionForElement.get(element);
-
-                    // Only purposefully formAssociated elements or built-ins will feature in elements
-                    if (!definition || definition['formAssociated'] === true) {
-                        include.push(element);
-                    }
-                }
-
-                return new HTMLFormControlsCollection(include);
-            },
-        });
-    }
-}