proto-ikon-loader-wc 0.0.9 → 0.0.13

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.js');
 
 const hyundaiIkonCss = "";
 

package/dist/cjs/{index-3438d0b3.js → index-19c3364c.js}

@@ -22,6 +22,8 @@ function _interopNamespace(e) {
 
 const NAMESPACE = 'proto-ikon-loader-wc';
 
+let scopeId;
+let hostTagName;
 let isSvgMode = false;
 let queuePending = false;
 const win = typeof window !== 'undefined' ? window : {};
@@ -109,8 +111,20 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
 const attachStyles = (hostRef) => {
     const cmpMeta = hostRef.$cmpMeta$;
     const elm = hostRef.$hostElement$;
+    const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
-    addStyle(elm.getRootNode(), cmpMeta);
+    const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
+    if (flags & 10 /* needsScopedEncapsulation */) {
+        // only required when we're NOT using native shadow dom (slot)
+        // or this browser doesn't support native shadow dom
+        // and this host element was NOT created with SSR
+        // let's pick out the inner content for slot projection
+        // create a node to represent where the original
+        // content was first placed, which is useful later on
+        // DOM WRITE!!
+        elm['s-sc'] = scopeId;
+        elm.classList.add(scopeId + '-h');
+    }
     endAttachStyles();
 };
 const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
@@ -127,6 +141,7 @@ const EMPTY_OBJ = {};
  */
 const SVG_NS = 'http://www.w3.org/2000/svg';
 const HTML_NS = 'http://www.w3.org/1999/xhtml';
+const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
     o = typeof o;
@@ -364,6 +379,11 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
         {
             updateElement(null, newVNode, isSvgMode);
         }
+        if (isDef(scopeId) && elm['s-si'] !== scopeId) {
+            // if there is a scopeId and this is the initial render
+            // then let's add the scopeId as a css class
+            elm.classList.add((elm['s-si'] = scopeId));
+        }
         if (newVNode.$children$) {
             for (i = 0; i < newVNode.$children$.length; ++i) {
                 // create the node
@@ -391,6 +411,9 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
 const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
     let containerElm = (parentElm);
     let childNode;
+    if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
+        containerElm = containerElm.shadowRoot;
+    }
     for (; startIdx <= endIdx; ++startIdx) {
         if (vnodes[startIdx]) {
             childNode = createElm(null, parentVNode, startIdx);
@@ -536,10 +559,14 @@ const renderVdom = (hostRef, renderFnResults) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
+    hostTagName = hostElm.tagName;
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* isHost */;
     hostRef.$vnode$ = rootVnode;
-    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm);
+    rootVnode.$elm$ = oldVNode.$elm$ = (hostElm.shadowRoot || hostElm );
+    {
+        scopeId = hostElm['s-sc'];
+    }
     // synchronous patch
     patch(oldVNode, rootVnode);
 };
@@ -977,6 +1004,17 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
                     super(self);
                     self = this;
                     registerHost(self, cmpMeta);
+                    if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+                        // this component is using shadow dom
+                        // and this browser supports shadow dom
+                        // add the read-only property "shadowRoot" to the host element
+                        // adding the shadow root build conditionals to minimize runtime
+                        {
+                            {
+                                self.attachShadow({ mode: 'open' });
+                            }
+                        }
+                    }
                 }
                 connectedCallback() {
                     if (appLoadFallback) {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.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-3438d0b3.js');
+const index = require('./index-19c3364c.js');
 
 const jeepIkonCss = "";