proto-ikons-wc 0.1.22 → 0.1.24

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-rLd0miPk.js');
+var index = require('./index-CbqLW2ga.js');
 
 const acuraIkonCss = "";
 

package/dist/cjs/{index-rLd0miPk.js → index-CbqLW2ga.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const NAMESPACE = 'proto-ikons-wc';
-const BUILD = /* proto-ikons-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
+const BUILD = /* proto-ikons-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
 
 /*
- Stencil Client Platform v4.37.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -33,13 +33,17 @@ var registerHost = (hostElement, cmpMeta) => {
     $flags$: 0,
     $hostElement$: hostElement,
     $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map()
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map()
   };
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
+  {
+    hostRef.$fetchedCbList$ = [];
+  }
   const ref = hostRef;
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
@@ -789,6 +793,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   }
   let maybePromise;
   if (isInitialLoad) {
+    {
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
+      }
+    }
     maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
   } else {
     maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
@@ -945,7 +954,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback) {
+  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -979,8 +988,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -995,7 +1002,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
                 if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$onReadyPromise$.then(() => {
+                  ref.$fetchedCbList$.push(() => {
                     if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
                       ref.$lazyInstance$[memberName] = newValue;
                     }
@@ -1016,7 +1023,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               if (ref.$lazyInstance$) {
                 setterSetVal();
               } else {
-                ref.$onReadyPromise$.then(() => setterSetVal());
+                ref.$fetchedCbList$.push(() => {
+                  setterSetVal();
+                });
               }
             }
           }
@@ -1029,14 +1038,15 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
+          const hostRef = getHostRef(this);
           if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          }
+          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
           this[propName] == newValue) {
             return;
           } else if (propName == null) {
-            const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
               const instance = hostRef.$lazyInstance$ ;
@@ -1051,7 +1061,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
           newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
-          if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -1161,7 +1171,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-rLd0miPk.js');
+var index = require('./index-CbqLW2ga.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/proto-ikons-wc.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-rLd0miPk.js');
+var index = require('./index-CbqLW2ga.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.37.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/collection/collection-manifest.json

@@ -122,7 +122,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.37.1",
+    "version": "4.38.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/acura-ikon/acura-ikon.js

@@ -24,7 +24,6 @@ export class AcuraIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +39,11 @@ export class AcuraIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class AcuraIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'acura'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -80,6 +79,7 @@ export class AcuraIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/alfa-romeo-alt-ikon/alfa-romeo-alt-ikon.js

@@ -26,7 +26,6 @@ export class AlfaRomeoAltIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -42,11 +41,11 @@ export class AlfaRomeoAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class AlfaRomeoAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +81,11 @@ export class AlfaRomeoAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'alfa-romeo-alt'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -102,6 +101,7 @@ export class AlfaRomeoAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/alfa-romeo-ikon/alfa-romeo-ikon.js

@@ -24,7 +24,6 @@ export class AlfaRomeoIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +39,11 @@ export class AlfaRomeoIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class AlfaRomeoIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'alfa-romeo'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -80,6 +79,7 @@ export class AlfaRomeoIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/alien-icon/alien-icon.js

@@ -26,7 +26,6 @@ export class AlienIcon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -42,11 +41,11 @@ export class AlienIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class AlienIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +81,11 @@ export class AlienIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'alien'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -102,6 +101,7 @@ export class AlienIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/am-general-ikon/am-general-ikon.js

@@ -24,7 +24,6 @@ export class AmGeneralIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +39,11 @@ export class AmGeneralIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class AmGeneralIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'am-general'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -80,6 +79,7 @@ export class AmGeneralIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/asterisk-icon/asterisk-icon.js

@@ -26,7 +26,6 @@ export class AsteriskIcon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -42,11 +41,11 @@ export class AsteriskIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class AsteriskIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +81,11 @@ export class AsteriskIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'asterisk'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -102,6 +101,7 @@ export class AsteriskIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/aston-martin-alt-ikon/aston-martin-alt-ikon.js

@@ -26,7 +26,6 @@ export class AstonMartinAltIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -42,11 +41,11 @@ export class AstonMartinAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class AstonMartinAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +81,11 @@ export class AstonMartinAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'aston-martin-alt'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -102,6 +101,7 @@ export class AstonMartinAltIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/aston-martin-ikon/aston-martin-ikon.js

@@ -24,7 +24,6 @@ export class AstonMartinIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +39,11 @@ export class AstonMartinIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class AstonMartinIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'aston-martin'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -80,6 +79,7 @@ export class AstonMartinIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/audi-ikon/audi-ikon.js

@@ -24,7 +24,6 @@ export class AudiIkon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +39,11 @@ export class AudiIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +59,11 @@ export class AudiIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'audi'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -80,6 +79,7 @@ export class AudiIkon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };

package/dist/collection/components/barcode-icon/barcode-icon.js

@@ -26,7 +26,6 @@ export class BarcodeIcon {
         return {
             "hex": {
                 "type": "string",
-                "attribute": "hex",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -42,11 +41,11 @@ export class BarcodeIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hex",
                 "defaultValue": "undefined"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -62,11 +61,11 @@ export class BarcodeIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "undefined"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -82,11 +81,11 @@ export class BarcodeIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'barcode'"
             },
             "size": {
                 "type": "number",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -102,6 +101,7 @@ export class BarcodeIcon {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "undefined"
             }
         };