proto-ikons-wc 0.0.103 → 0.0.105

package/dist/cjs/acura-ikon_119.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff45e4e4.js');
+const index = require('./index-f60de1b5.js');
 
 const acuraIkonCss = "";
 

package/dist/cjs/{index-ff45e4e4.js → index-f60de1b5.js}

@@ -301,6 +301,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -766,11 +781,38 @@ const patch = (oldVNode, newVNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -856,6 +898,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -867,7 +919,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -891,7 +943,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         instance = instance.render() ;
         {
@@ -906,7 +970,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1158,6 +1222,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1196,12 +1262,25 @@ const connectedCallback = (elm) => {
                 initializeComponent(elm, hostRef, cmpMeta);
             }
         }
+        else {
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
+        }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
-        getHostRef(elm);
+        const hostRef = getHostRef(elm);
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff45e4e4.js');
+const index = require('./index-f60de1b5.js');
 
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
+  if (typeof window === 'undefined') return undefined;
   return index.bootstrapLazy([["acura-ikon_119.cjs",[[0,"acura-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"alfa-romeo-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"alfa-romeo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"alien-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"am-general-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"asterisk-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"aston-martin-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"aston-martin-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"audi-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"barcode-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"barcode-scan-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"bash-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"beaker-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"bently-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"bmw-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"bugatti-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"buick-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"cadillac-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"chart-bar-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-bubble-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-donut-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-donuts-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"check-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chevrolet-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"chevron-double-left-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chrysler-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"circular-saw-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"citroen-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"close-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"daewoo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"dodge-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"eagle-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"ferrari-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"fiat-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fiat-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"fingerprint-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fire-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fisker-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"flask-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ford-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"genesis-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"geo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"git-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"gmc-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"honda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"hummer-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"hyundai-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"infiniti-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"isuzu-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"jaguar-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jaguar-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"java-script-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jeep-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jeep-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"kia-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lamborghini-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"lamborghini-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"land-rover-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lexus-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lincoln-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lotus-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"lotus-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"maserati-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"maybach-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mazda-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mazda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mclaren-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mclaren-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mercedes-benz-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mercedes-benz-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mercury-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mini-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mini-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mitsubishi-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"nissan-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"oldsmobile-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"one-password-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"opel-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"panoz-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"paw-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"peugeot-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"peugeot-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"plymouth-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"pontiac-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"porsche-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"protocol-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"pulse-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"puzzle-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"qr-code-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"radio-2-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"radio-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ram-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ram-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"refresh-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"renault-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"renault-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"rolls-royce-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"saab-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"saab-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"saturn-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"scion-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"seat-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"skoda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"slug-icon",{"label":[1],"name":[1],"size":[2]}],[0,"smart-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"spider-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"spyker-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"spyker-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"subaru-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"subaru-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"suzuki-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"svg-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"tesla-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"toyota-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"vector-curve-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"volkswagen-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"volvo-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"volvo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"webhook-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}]]]], options);
 };
 

package/dist/cjs/proto-ikons-wc.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ff45e4e4.js');
+const index = require('./index-f60de1b5.js');
 
 /*
- Stencil Client Patch Browser v4.0.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-ikons-wc.cjs.js', document.baseURI).href));

package/dist/collection/collection-manifest.json

@@ -122,7 +122,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.0.1",
+    "version": "4.0.3",
     "typescriptVersion": "5.0.4"
   },
   "collections": [],

package/dist/esm/acura-ikon_119.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-df7a8676.js';
+import { r as registerInstance, h } from './index-2cc584a9.js';
 
 const acuraIkonCss = "";
 

package/dist/esm/{index-df7a8676.js → index-2cc584a9.js}

@@ -279,6 +279,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -744,11 +759,38 @@ const patch = (oldVNode, newVNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -834,6 +876,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -845,7 +897,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -869,7 +921,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         instance = instance.render() ;
         {
@@ -884,7 +948,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1136,6 +1200,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1174,12 +1240,25 @@ const connectedCallback = (elm) => {
                 initializeComponent(elm, hostRef, cmpMeta);
             }
         }
+        else {
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
+        }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
-        getHostRef(elm);
+        const hostRef = getHostRef(elm);
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
-import { b as bootstrapLazy } from './index-df7a8676.js';
-export { s as setNonce } from './index-df7a8676.js';
+import { b as bootstrapLazy } from './index-2cc584a9.js';
+export { s as setNonce } from './index-2cc584a9.js';
 
 const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
+  if (typeof window === 'undefined') return undefined;
   return bootstrapLazy([["acura-ikon_119",[[0,"acura-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"alfa-romeo-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"alfa-romeo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"alien-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"am-general-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"asterisk-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"aston-martin-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"aston-martin-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"audi-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"barcode-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"barcode-scan-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"bash-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"beaker-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"bently-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"bmw-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"bugatti-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"buick-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"cadillac-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"chart-bar-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-bubble-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-donut-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chart-donuts-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"check-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chevrolet-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"chevron-double-left-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"chrysler-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"circular-saw-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"citroen-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"close-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"daewoo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"dodge-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"eagle-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"ferrari-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"fiat-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fiat-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"fingerprint-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fire-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"fisker-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"flask-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ford-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"genesis-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"geo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"git-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"gmc-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"honda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"hummer-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"hyundai-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"infiniti-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"isuzu-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"jaguar-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jaguar-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"java-script-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jeep-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"jeep-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"kia-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lamborghini-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"lamborghini-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"land-rover-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lexus-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lincoln-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"lotus-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"lotus-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"maserati-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"maybach-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mazda-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mazda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mclaren-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mclaren-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mercedes-benz-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mercedes-benz-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mercury-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mini-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"mini-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"mitsubishi-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"nissan-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"oldsmobile-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"one-password-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"opel-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"panoz-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"paw-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"peugeot-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"peugeot-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"plymouth-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"pontiac-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"porsche-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"protocol-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"pulse-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"puzzle-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"qr-code-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"radio-2-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"radio-icon",{"selected":[4],"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ram-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"ram-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"refresh-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"renault-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"renault-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"rolls-royce-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"saab-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"saab-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"saturn-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"scion-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"seat-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"skoda-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"slug-icon",{"label":[1],"name":[1],"size":[2]}],[0,"smart-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"spider-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"spyker-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"spyker-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"subaru-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"subaru-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"suzuki-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"svg-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"tesla-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"toyota-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"vector-curve-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"volkswagen-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"volvo-alt-ikon",{"hex":[1],"label":[1],"name":[1],"size":[2]}],[0,"volvo-ikon",{"hex":[1],"name":[1],"size":[2]}],[0,"webhook-icon",{"hex":[1],"label":[1],"name":[1],"size":[2]}]]]], options);
 };
 

package/dist/esm/proto-ikons-wc.js

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-df7a8676.js';
-export { s as setNonce } from './index-df7a8676.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-2cc584a9.js';
+export { s as setNonce } from './index-2cc584a9.js';
 
 /*
- Stencil Client Patch Browser v4.0.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/proto-ikons-wc/p-61361063.js

@@ -0,0 +1,2 @@
+let t=!1,n=!1;const e="http://www.w3.org/1999/xlink",l={},o=t=>"object"==(t=typeof t)||"function"===t;function s(t){var n,e,l;return null!==(l=null===(e=null===(n=t.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===e?void 0:e.getAttribute("content"))&&void 0!==l?l:void 0}const i=(t,n,...e)=>{let l=null,s=!1,i=!1;const r=[],u=n=>{for(let e=0;e<n.length;e++)l=n[e],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!o(l))&&(l+=""),s&&i?r[r.length-1].t+=l:r.push(s?c(null,l):l),i=s)};if(u(e),n){const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}const a=c(t,null);return a.l=n,r.length>0&&(a.o=r),a},c=(t,n)=>({i:0,u:t,t:n,h:null,o:null,l:null}),r={},u=new WeakMap,a=t=>"sc-"+t.p,f=(t,n,l,s,i,c)=>{if(l!==s){let r=U(t,n),u=n.toLowerCase();if("class"===n){const n=t.classList,e=h(l),o=h(s);n.remove(...e.filter((t=>t&&!o.includes(t)))),n.add(...o.filter((t=>t&&!e.includes(t))))}else{const a=o(s);if((r||a&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[n]=s;else{const e=null==s?"":s;"list"===n?r=!1:null!=l&&t[n]==e||(t[n]=e)}}catch(t){}let f=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(n=u,f=!0),null==s||!1===s?!1===s&&""!==t.getAttribute(n)||(f?t.removeAttributeNS(e,n):t.removeAttribute(n)):(!r||4&c||i)&&!a&&(s=!0===s?"":s,f?t.setAttributeNS(e,n,s):t.setAttribute(n,s))}}},d=/\s/,h=t=>t?t.split(d):[],p=(t,n,e,o)=>{const s=11===n.h.nodeType&&n.h.host?n.h.host:n.h,i=t&&t.l||l,c=n.l||l;for(o in i)o in c||f(s,o,i[o],void 0,e,n.i);for(o in c)f(s,o,i[o],c[o],e,n.i)},y=(n,e,l)=>{const o=e.o[l];let s,i,c=0;if(null!==o.t)s=o.h=z.createTextNode(o.t);else{if(t||(t="svg"===o.u),s=o.h=z.createElementNS(t?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.u),t&&"foreignObject"===o.u&&(t=!1),p(null,o,t),o.o)for(c=0;c<o.o.length;++c)i=y(n,o,c),i&&s.appendChild(i);"svg"===o.u?t=!1:"foreignObject"===s.tagName&&(t=!0)}return s},w=(t,n,e,l,o,s)=>{let i,c=t;for(;o<=s;++o)l[o]&&(i=y(null,e,o),i&&(l[o].h=i,c.insertBefore(i,n)))},$=(t,n,e)=>{for(let l=n;l<=e;++l){const n=t[l];if(n){const t=n.h;t&&t.remove()}}},m=(t,n)=>t.u===n.u,v=(n,e)=>{const l=e.h=n.h,o=n.o,s=e.o,i=e.u,c=e.t;null===c?(t="svg"===i||"foreignObject"!==i&&t,p(n,e,t),null!==o&&null!==s?((t,n,e,l)=>{let o,s=0,i=0,c=n.length-1,r=n[0],u=n[c],a=l.length-1,f=l[0],d=l[a];for(;s<=c&&i<=a;)null==r?r=n[++s]:null==u?u=n[--c]:null==f?f=l[++i]:null==d?d=l[--a]:m(r,f)?(v(r,f),r=n[++s],f=l[++i]):m(u,d)?(v(u,d),u=n[--c],d=l[--a]):m(r,d)?(v(r,d),t.insertBefore(r.h,u.h.nextSibling),r=n[++s],d=l[--a]):m(u,f)?(v(u,f),t.insertBefore(u.h,r.h),u=n[--c],f=l[++i]):(o=y(n&&n[i],e,i),f=l[++i],o&&r.h.parentNode.insertBefore(o,r.h));s>c?w(t,null==l[a+1]?null:l[a+1].h,e,l,i,a):i>a&&$(n,s,c)})(l,o,e,s):null!==s?(null!==n.t&&(l.textContent=""),w(l,null,e,s,0,s.length-1)):null!==o&&$(o,0,o.length-1),t&&"svg"===i&&(t=!1)):n.t!==c&&(l.data=c)},b=(t,n)=>{n&&!t.$&&n["s-p"]&&n["s-p"].push(new Promise((n=>t.$=n)))},g=(t,n)=>{if(t.i|=16,!(4&t.i))return b(t,t.m),Z((()=>j(t,n)));t.i|=512},j=(t,n)=>{const e=t.v;return S(void 0,(()=>O(t,e,n)))},S=(t,n)=>k(t)?t.then(n):n(),k=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,O=async(t,n,e)=>{var l;const o=t.g,i=o["s-rc"];e&&(t=>{const n=t.j;((t,n)=>{var e;const l=a(n),o=V.get(l);if(t=11===t.nodeType?t:z,o)if("string"==typeof o){let n,i=u.get(t=t.head||t);if(i||u.set(t,i=new Set),!i.has(l)){{n=z.createElement("style"),n.innerHTML=o;const l=null!==(e=B.S)&&void 0!==e?e:s(z);null!=l&&n.setAttribute("nonce",l),t.insertBefore(n,t.querySelector("link"))}i&&i.add(l)}}else t.adoptedStyleSheets.includes(o)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,o])})(t.g.getRootNode(),n)})(t);M(t,n,o,e),i&&(i.map((t=>t())),o["s-rc"]=void 0);{const n=null!==(l=o["s-p"])&&void 0!==l?l:[],e=()=>x(t);0===n.length?e():(Promise.all(n).then(e),t.i|=4,n.length=0)}},M=(t,n,e,l)=>{try{n=n.render(),t.i&=-17,t.i|=2,((t,n,e=!1)=>{const l=t.g,o=t.k||c(null,null),s=(t=>t&&t.u===r)(n)?n:i(null,null,n);if(e&&s.l)for(const t of Object.keys(s.l))l.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.l[t]=l[t]);s.u=null,s.i|=4,t.k=s,s.h=o.h=l,v(o,s)})(t,n,l)}catch(n){W(n,t.g)}return null},x=t=>{const n=t.g,e=t.m;64&t.i||(t.i|=64,P(n),t.O(n),e||C()),t.$&&(t.$(),t.$=void 0),512&t.i&&Y((()=>g(t,!1))),t.i&=-517},C=()=>{P(z.documentElement),Y((()=>(t=>{const n=B.ce("appload",{detail:{namespace:"proto-ikons-wc"}});return t.dispatchEvent(n),n})(_)))},P=t=>t.classList.add("hydrated"),E=(t,n,e)=>{if(n.M){const l=Object.entries(n.M),s=t.prototype;if(l.map((([t,[l]])=>{(31&l||2&e&&32&l)&&Object.defineProperty(s,t,{get(){return((t,n)=>F(this).C.get(n))(0,t)},set(e){((t,n,e,l)=>{const s=F(t),i=s.C.get(n),c=s.i,r=s.v;e=((t,n)=>null==t||o(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?parseFloat(t):1&n?t+"":t)(e,l.M[n][0]),8&c&&void 0!==i||e===i||Number.isNaN(i)&&Number.isNaN(e)||(s.C.set(n,e),r&&2==(18&c)&&g(s,!1))})(this,t,e,n)},configurable:!0,enumerable:!0})})),1&e){const n=new Map;s.attributeChangedCallback=function(t,e,l){B.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(s.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},t.observedAttributes=l.filter((([t,n])=>15&n[0])).map((([t,e])=>{const l=e[1]||t;return n.set(l,t),l}))}}return t},N=(t,n={})=>{var e;const l=[],o=n.exclude||[],i=_.customElements,c=z.head,r=c.querySelector("meta[charset]"),u=z.createElement("style"),f=[];let d,h=!0;Object.assign(B,n),B.P=new URL(n.resourcesUrl||"./",z.baseURI).href,t.map((t=>{t[1].map((n=>{const e={i:n[0],p:n[1],M:n[2],N:n[3]};e.M=n[2];const s=e.p,c=class extends HTMLElement{constructor(t){super(t),R(t=this,e)}connectedCallback(){d&&(clearTimeout(d),d=null),h?f.push(this):B.jmp((()=>(t=>{if(0==(1&B.i)){const n=F(t),e=n.j,l=()=>{};if(1&n.i)(null==n?void 0:n.v)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.i|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){b(n,n.m=e);break}}e.M&&Object.entries(e.M).map((([n,[e]])=>{if(31&e&&t.hasOwnProperty(n)){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e,l,o)=>{if(0==(32&n.i)){n.i|=32;{if((o=H(e)).then){const t=()=>{};o=await o,t()}o.isProxied||(E(o,e,2),o.isProxied=!0);const t=()=>{};n.i|=8;try{new o(n)}catch(t){W(t)}n.i&=-9,t()}if(o.style){let t=o.style;const n=a(e);if(!V.has(n)){const l=()=>{};((t,n,e)=>{let l=V.get(t);G&&e?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,V.set(t,l)})(n,t,!!(1&e.i)),l()}}}const s=n.m,i=()=>g(n,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,n,e)}l()}})(this)))}disconnectedCallback(){B.jmp((()=>(async()=>{if(0==(1&B.i)){const t=F(this);(null==t?void 0:t.v)||(null==t?void 0:t.T)&&t.T.then((()=>{}))}})()))}componentOnReady(){return F(this).T}};e.A=t[0],o.includes(s)||i.get(s)||(l.push(s),i.define(s,E(c,e,1)))}))}));{u.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles","");const t=null!==(e=B.S)&&void 0!==e?e:s(z);null!=t&&u.setAttribute("nonce",t),c.insertBefore(u,r?r.nextSibling:c.firstChild)}h=!1,f.length?f.map((t=>t.connectedCallback())):B.jmp((()=>d=setTimeout(C,30)))},T=t=>B.S=t,A=new WeakMap,F=t=>A.get(t),L=(t,n)=>A.set(n.v=t,n),R=(t,n)=>{const e={i:0,g:t,j:n,C:new Map};return e.T=new Promise((t=>e.O=t)),t["s-p"]=[],t["s-rc"]=[],A.set(t,e)},U=(t,n)=>n in t,W=(t,n)=>(0,console.error)(t,n),q=new Map,H=t=>{const n=t.p.replace(/-/g,"_"),e=t.A,l=q.get(e);return l?l[n]:import(`./${e}.entry.js`).then((t=>(q.set(e,t),t[n])),W)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},V=new Map,_="undefined"!=typeof window?window:{},z=_.document||{head:{}},B={i:0,P:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,l)=>t.addEventListener(n,e,l),rel:(t,n,e,l)=>t.removeEventListener(n,e,l),ce:(t,n)=>new CustomEvent(t,n)},D=t=>Promise.resolve(t),G=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),I=[],J=[],K=(t,e)=>l=>{t.push(l),n||(n=!0,e&&4&B.i?Y(X):B.raf(X))},Q=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){W(t)}t.length=0},X=()=>{Q(I),Q(J),(n=I.length>0)&&B.raf(X)},Y=t=>D().then(t),Z=K(J,!0);export{N as b,i as h,D as p,L as r,T as s}