proto-ikon-loader-wc 0.0.306 → 0.0.308

package/dist/cjs/vector-curve-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-169d2cea.js');
+const index = require('./index-0ae4504e.js');
 
 const vectorCurveIconCss = "";
 

package/dist/cjs/volkswagen-ikon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-169d2cea.js');
+const index = require('./index-0ae4504e.js');
 
 const volkswagenIkonCss = "";
 

package/dist/cjs/volvo-alt-ikon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-169d2cea.js');
+const index = require('./index-0ae4504e.js');
 
 const volvoAltIkonCss = "";
 

package/dist/cjs/volvo-ikon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-169d2cea.js');
+const index = require('./index-0ae4504e.js');
 
 const volvoIkonCss = "";
 

package/dist/cjs/webhook-icon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-169d2cea.js');
+const index = require('./index-0ae4504e.js');
 
 const webhookIconCss = "";
 

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.1",
+    "version": "4.7.2",
     "typescriptVersion": "5.2.2"
   },
   "collections": [

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

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

package/dist/esm/alfa-romeo-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const alfaRomeoAltIkonCss = "";
 

package/dist/esm/alfa-romeo-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const alfaRomeoIkonCss = "";
 

package/dist/esm/alien-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const alienIconCss = "";
 

package/dist/esm/am-general-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const amGeneralIkonCss = "";
 

package/dist/esm/asterisk-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const asteriskIconCss = "";
 

package/dist/esm/aston-martin-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const astonMartinAltIkonCss = "";
 

package/dist/esm/aston-martin-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const astonMartinIkonCss = "";
 

package/dist/esm/audi-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const audiIkonCss = "";
 

package/dist/esm/barcode-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const barcodeIconCss = "";
 

package/dist/esm/barcode-scan-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const barcodeScanIconCss = "";
 

package/dist/esm/bash-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const bashIconCss = "";
 

package/dist/esm/beaker-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const beakerIconCss = "";
 

package/dist/esm/bently-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const bentlyIkonCss = "";
 

package/dist/esm/bmw-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const bmwIkonCss = "";
 

package/dist/esm/bugatti-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const bugattiIkonCss = "";
 

package/dist/esm/buick-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const buickIkonCss = "";
 

package/dist/esm/cadillac-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const cadillacIkonCss = "";
 

package/dist/esm/chart-bar-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chartBarIconCss = "";
 

package/dist/esm/chart-bubble-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chartBubbleIconCss = "";
 

package/dist/esm/chart-donut-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chartDonutIconCss = "";
 

package/dist/esm/chart-donuts-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chartDonutsIconCss = "";
 

package/dist/esm/check-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const checkIconCss = "";
 

package/dist/esm/chevrolet-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chevroletIkonCss = "";
 

package/dist/esm/chevron-double-left-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chevronDoubleLeftIconCss = "";
 

package/dist/esm/chrysler-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const chryslerIkonCss = "";
 

package/dist/esm/circular-saw-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const circularSawIconCss = "";
 

package/dist/esm/citroen-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const citroenIkonCss = "";
 

package/dist/esm/close-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const closeIconCss = "";
 

package/dist/esm/daewoo-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const daewooIkonCss = "";
 

package/dist/esm/dodge-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const dodgeIkonCss = "";
 

package/dist/esm/eagle-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const eagleIkonCss = "";
 

package/dist/esm/ferrari-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const ferrariIkonCss = "";
 

package/dist/esm/fiat-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const fiatAltIkonCss = "";
 

package/dist/esm/fiat-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const fiatIkonCss = "";
 

package/dist/esm/fingerprint-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const fingerprintIconCss = "";
 

package/dist/esm/fire-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const fireIconCss = "";
 

package/dist/esm/fisker-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const fiskerIkonCss = "";
 

package/dist/esm/flask-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const flaskIconCss = "";
 

package/dist/esm/ford-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const fordIkonCss = "";
 

package/dist/esm/genesis-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const genesisIkonCss = "";
 

package/dist/esm/geo-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const geoIkonCss = "";
 

package/dist/esm/git-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const gitIconCss = "";
 

package/dist/esm/gmc-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const gmcIkonCss = "";
 

package/dist/esm/honda-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const hondaIkonCss = "";
 

package/dist/esm/hummer-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const hummerIkonCss = "";
 

package/dist/esm/hyundai-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const hyundaiIkonCss = "";
 

package/dist/esm/{index-0e3e1e19.js → index-d2c30fa0.js}

@@ -27,6 +27,13 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+/**
+ * Constant for styles to be globally applied to `slot-fb` elements for pseudo-slot behavior.
+ *
+ * Two cascading rules must be used instead of a `:not()` selector due to Stencil browser
+ * support as of Stencil v4.
+ */
+const SLOT_FB_CSS = 'slot-fb{display:contents}slot-fb[hidden]{display:none}';
 const XLINK_NS = 'http://www.w3.org/1999/xlink';
 /**
  * Default style mode id
@@ -314,6 +321,10 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
                     }
                     styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
                 }
+                // Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
+                if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                    styleElm.innerHTML += SLOT_FB_CSS;
+                }
                 if (appliedStyles) {
                     appliedStyles.add(scopeId);
                 }
@@ -1399,12 +1410,13 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     const customElements = win.customElements;
     const head = doc.head;
     const metaCharset = /*@__PURE__*/ head.querySelector('meta[charset]');
-    const visibilityStyle = /*@__PURE__*/ doc.createElement('style');
+    const dataStyles = /*@__PURE__*/ doc.createElement('style');
     const deferredConnectedCallbacks = [];
     let appLoadFallback;
     let isBootstrapping = true;
     Object.assign(plt, options);
     plt.$resourcesUrl$ = new URL(options.resourcesUrl || './', doc.baseURI).href;
+    let hasSlotRelocation = false;
     lazyBundles.map((lazyBundle) => {
         lazyBundle[1].map((compactMeta) => {
             const cmpMeta = {
@@ -1413,6 +1425,11 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                 $members$: compactMeta[2],
                 $listeners$: compactMeta[3],
             };
+            // Check if we are using slots outside the shadow DOM in this component.
+            // We'll use this information later to add styles for `slot-fb` elements
+            if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
+                hasSlotRelocation = true;
+            }
             {
                 cmpMeta.$members$ = compactMeta[2];
             }
@@ -1463,15 +1480,23 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             }
         });
     });
+    // Add styles for `slot-fb` elements if any of our components are using slots outside the Shadow DOM
+    if (hasSlotRelocation) {
+        dataStyles.innerHTML += SLOT_FB_CSS;
+    }
+    // Add hydration styles
     {
-        visibilityStyle.innerHTML = cmpTags + HYDRATED_CSS;
-        visibilityStyle.setAttribute('data-styles', '');
+        dataStyles.innerHTML += cmpTags + HYDRATED_CSS;
+    }
+    // If we have styles, add them to the DOM
+    if (dataStyles.innerHTML.length) {
+        dataStyles.setAttribute('data-styles', '');
+        head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
         // Apply CSP nonce to the style tag if it exists
         const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
         if (nonce != null) {
-            visibilityStyle.setAttribute('nonce', nonce);
+            dataStyles.setAttribute('nonce', nonce);
         }
-        head.insertBefore(visibilityStyle, metaCharset ? metaCharset.nextSibling : head.firstChild);
     }
     // Process deferred connectedCallbacks now all components have been registered
     isBootstrapping = false;
@@ -1623,7 +1648,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { bootstrapLazy as b, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/infiniti-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const infinitiIkonCss = "";
 

package/dist/esm/isuzu-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const isuzuIkonCss = "";
 

package/dist/esm/jaguar-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const jaguarAltIkonCss = "";
 

package/dist/esm/jaguar-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const jaguarIkonCss = "";
 

package/dist/esm/java-script-icon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const javaScriptIconCss = "";
 

package/dist/esm/jeep-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const jeepAltIkonCss = "";
 

package/dist/esm/jeep-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const jeepIkonCss = "";
 

package/dist/esm/kia-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const kiaIkonCss = "";
 

package/dist/esm/lamborghini-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const lamborghiniAltIkonCss = "";
 

package/dist/esm/lamborghini-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const lamborghiniIkonCss = "";
 

package/dist/esm/land-rover-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const landRoverIkonCss = "";
 

package/dist/esm/lexus-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const lexusIkonCss = "";
 

package/dist/esm/lincoln-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const lincolnIkonCss = "";
 

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-0e3e1e19.js';
-export { s as setNonce } from './index-0e3e1e19.js';
+import { b as bootstrapLazy } from './index-d2c30fa0.js';
+export { s as setNonce } from './index-d2c30fa0.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/lotus-alt-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const lotusAltIkonCss = "";
 

package/dist/esm/lotus-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const lotusIkonCss = "";
 

package/dist/esm/maserati-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const maseratiIkonCss = "";
 

package/dist/esm/maybach-ikon.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0e3e1e19.js';
+import { r as registerInstance, h } from './index-d2c30fa0.js';
 
 const maybachIkonCss = "";