proto-ikon-loader-wc 0.0.245 → 0.0.247

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a1773c54.js');
+const index = require('./index-217ea54f.js');
 
 const teslaIkonCss = "";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a1773c54.js');
+const index = require('./index-217ea54f.js');
 
 const toyotaIkonCss = "";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a1773c54.js');
+const index = require('./index-217ea54f.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-a1773c54.js');
+const index = require('./index-217ea54f.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-a1773c54.js');
+const index = require('./index-217ea54f.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-a1773c54.js');
+const index = require('./index-217ea54f.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-a1773c54.js');
+const index = require('./index-217ea54f.js');
 
 const webhookIconCss = "";
 

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "3.2.1",
+    "version": "3.2.2",
     "typescriptVersion": "4.9.5"
   },
   "collections": [

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/{index-9d9203ae.js → index-d9ff0579.js}

@@ -552,15 +552,16 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
  * @param vnodes a list of virtual DOM nodes to remove
  * @param startIdx the index at which to start removing nodes (inclusive)
  * @param endIdx the index at which to stop removing nodes (inclusive)
- * @param vnode a VNode
- * @param elm an element
  */
-const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
-    for (; startIdx <= endIdx; ++startIdx) {
-        if ((vnode = vnodes[startIdx])) {
-            elm = vnode.$elm$;
-            // remove the vnode's element from the dom
-            elm.remove();
+const removeVnodes = (vnodes, startIdx, endIdx) => {
+    for (let index = startIdx; index <= endIdx; ++index) {
+        const vnode = vnodes[index];
+        if (vnode) {
+            const elm = vnode.$elm$;
+            if (elm) {
+                // remove the vnode's element from the dom
+                elm.remove();
+            }
         }
     }
 };
@@ -864,15 +865,53 @@ const scheduleUpdate = (hostRef, isInitialLoad) => {
     const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
     return writeTask(dispatch) ;
 };
+/**
+ * Dispatch initial-render and update lifecycle hooks, enqueuing calls to
+ * component lifecycle methods like `componentWillLoad` as well as
+ * {@link updateComponent}, which will kick off the virtual DOM re-render.
+ *
+ * @param hostRef a reference to a host DOM node
+ * @param isInitialLoad whether we're on the initial load or not
+ * @returns an empty Promise which is used to enqueue a series of operations for
+ * the component
+ */
 const dispatchHooks = (hostRef, isInitialLoad) => {
     const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
     const instance = hostRef.$lazyInstance$ ;
-    let promise;
+    // We're going to use this variable together with `enqueue` to implement a
+    // little promise-based queue. We start out with it `undefined`. When we add
+    // the first function to the queue we'll set this variable to be that
+    // function's return value. When we attempt to add subsequent values to the
+    // queue we'll check that value and, if it was a `Promise`, we'll then chain
+    // the new function off of that `Promise` using `.then()`. This will give our
+    // queue two nice properties:
+    //
+    // 1. If all functions added to the queue are synchronous they'll be called
+    //    synchronously right away.
+    // 2. If all functions added to the queue are asynchronous they'll all be
+    //    called in order after `dispatchHooks` exits.
+    let maybePromise;
     endSchedule();
-    return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
+    return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
+/**
+ * This function uses a Promise to implement a simple first-in, first-out queue
+ * of functions to be called.
+ *
+ * The queue is ordered on the basis of the first argument. If it's
+ * `undefined`, then nothing is on the queue yet, so the provided function can
+ * be called synchronously (although note that this function may return a
+ * `Promise`). The idea is that then the return value of that enqueueing
+ * operation is kept around, so that if it was a `Promise` then subsequent
+ * functions can be enqueued by calling this function again with that `Promise`
+ * as the first argument.
+ *
+ * @param maybePromise either a `Promise` which should resolve before the next function is called or an 'empty' sentinel
+ * @param fn a function to enqueue
+ * @returns either a `Promise` or the return value of the provided function
+ */
+const enqueue = (maybePromise, fn) => maybePromise instanceof Promise ? maybePromise.then(fn) : fn();
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
-    // updateComponent
     const elm = hostRef.$hostElement$;
     const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
     const rc = elm['s-rc'];
@@ -977,9 +1016,6 @@ const appDidLoad = (who) => {
     }
     nextTick(() => emitEvent(win, 'appload', { detail: { namespace: NAMESPACE } }));
 };
-const then = (promise, thenFn) => {
-    return promise && promise.then ? promise.then(thenFn) : thenFn();
-};
 const addHydratedFlag = (elm) => elm.classList.add('hydrated')
     ;
 const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
@@ -1110,9 +1146,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
 const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
     // initializeComponent
     if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
+        // Let the runtime know that the component has been initialized
+        hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
         {
-            // we haven't initialized this element yet
-            hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
             // lazy loaded components
             // request the component's implementation to be
             // wired up with the host element

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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