proto-ikon-loader-wc 0.0.306 → 0.0.308

package/dist/cjs/acura-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 acuraIkonCss = "";
 

package/dist/cjs/alfa-romeo-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 alfaRomeoAltIkonCss = "";
 

package/dist/cjs/alfa-romeo-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 alfaRomeoIkonCss = "";
 

package/dist/cjs/alien-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 alienIconCss = "";
 

package/dist/cjs/am-general-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 amGeneralIkonCss = "";
 

package/dist/cjs/asterisk-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 asteriskIconCss = "";
 

package/dist/cjs/aston-martin-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 astonMartinAltIkonCss = "";
 

package/dist/cjs/aston-martin-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 astonMartinIkonCss = "";
 

package/dist/cjs/audi-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 audiIkonCss = "";
 

package/dist/cjs/barcode-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 barcodeIconCss = "";
 

package/dist/cjs/barcode-scan-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 barcodeScanIconCss = "";
 

package/dist/cjs/bash-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 bashIconCss = "";
 

package/dist/cjs/beaker-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 beakerIconCss = "";
 

package/dist/cjs/bently-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 bentlyIkonCss = "";
 

package/dist/cjs/bmw-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 bmwIkonCss = "";
 

package/dist/cjs/bugatti-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 bugattiIkonCss = "";
 

package/dist/cjs/buick-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 buickIkonCss = "";
 

package/dist/cjs/cadillac-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 cadillacIkonCss = "";
 

package/dist/cjs/chart-bar-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 chartBarIconCss = "";
 

package/dist/cjs/chart-bubble-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 chartBubbleIconCss = "";
 

package/dist/cjs/chart-donut-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 chartDonutIconCss = "";
 

package/dist/cjs/chart-donuts-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 chartDonutsIconCss = "";
 

package/dist/cjs/check-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 checkIconCss = "";
 

package/dist/cjs/chevrolet-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 chevroletIkonCss = "";
 

package/dist/cjs/chevron-double-left-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 chevronDoubleLeftIconCss = "";
 

package/dist/cjs/chrysler-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 chryslerIkonCss = "";
 

package/dist/cjs/circular-saw-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 circularSawIconCss = "";
 

package/dist/cjs/citroen-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 citroenIkonCss = "";
 

package/dist/cjs/close-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 closeIconCss = "";
 

package/dist/cjs/daewoo-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 daewooIkonCss = "";
 

package/dist/cjs/dodge-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 dodgeIkonCss = "";
 

package/dist/cjs/eagle-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 eagleIkonCss = "";
 

package/dist/cjs/ferrari-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 ferrariIkonCss = "";
 

package/dist/cjs/fiat-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 fiatAltIkonCss = "";
 

package/dist/cjs/fiat-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 fiatIkonCss = "";
 

package/dist/cjs/fingerprint-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 fingerprintIconCss = "";
 

package/dist/cjs/fire-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 fireIconCss = "";
 

package/dist/cjs/fisker-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 fiskerIkonCss = "";
 

package/dist/cjs/flask-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 flaskIconCss = "";
 

package/dist/cjs/ford-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 fordIkonCss = "";
 

package/dist/cjs/genesis-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 genesisIkonCss = "";
 

package/dist/cjs/geo-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 geoIkonCss = "";
 

package/dist/cjs/git-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 gitIconCss = "";
 

package/dist/cjs/gmc-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 gmcIkonCss = "";
 

package/dist/cjs/honda-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 hondaIkonCss = "";
 

package/dist/cjs/hummer-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 hummerIkonCss = "";
 

package/dist/cjs/hyundai-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 hyundaiIkonCss = "";
 

package/dist/cjs/{index-169d2cea.js → index-0ae4504e.js}

@@ -49,6 +49,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
@@ -336,6 +343,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);
                 }
@@ -1421,12 +1432,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 = {
@@ -1435,6 +1447,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];
             }
@@ -1485,15 +1502,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;
@@ -1645,7 +1670,7 @@ const flush = () => {
         }
     }
 };
-const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
+const nextTick = (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 exports.bootstrapLazy = bootstrapLazy;

package/dist/cjs/infiniti-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 infinitiIkonCss = "";
 

package/dist/cjs/isuzu-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 isuzuIkonCss = "";
 

package/dist/cjs/jaguar-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 jaguarAltIkonCss = "";
 

package/dist/cjs/jaguar-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 jaguarIkonCss = "";
 

package/dist/cjs/java-script-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 javaScriptIconCss = "";
 

package/dist/cjs/jeep-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 jeepAltIkonCss = "";
 

package/dist/cjs/jeep-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 jeepIkonCss = "";
 

package/dist/cjs/kia-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 kiaIkonCss = "";