proto-ikon-loader-wc 0.0.271 → 0.0.272

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

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

package/dist/cjs/{index-0d28d51a.js → index-314162aa.js}

@@ -374,6 +374,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);
@@ -847,12 +862,39 @@ 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);
     hostTagName = hostElm.tagName;
+    // 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;
@@ -941,6 +983,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$;
@@ -952,7 +1004,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
@@ -976,7 +1028,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() ;
         {
@@ -991,7 +1055,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);
                 }
             }
         }
@@ -1243,6 +1307,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);
@@ -1281,12 +1347,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/infiniti-ikon.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0d28d51a.js');
+const index = require('./index-314162aa.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-0d28d51a.js');
+const index = require('./index-314162aa.js');
 
 const isuzuIkonCss = "";