proto-autos-wc 0.0.710 → 0.0.714

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

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

package/dist/cjs/{index-767b5242.js → index-915980fb.js}

@@ -1221,6 +1221,7 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  * @returns a reference to the same constructor passed in (but now mutated)
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
+    var _a;
     if (cmpMeta.$members$) {
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
@@ -1245,7 +1246,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
         });
         if ((flags & 1 /* PROXY_FLAGS.isElementConstructor */)) {
             const attrNameToPropName = new Map();
-            prototype.attributeChangedCallback = function (attrName, _oldValue, newValue) {
+            prototype.attributeChangedCallback = function (attrName, oldValue, newValue) {
                 plt.jmp(() => {
                     const propName = attrNameToPropName.get(attrName);
                     //  In a web component lifecycle the attributeChangedCallback runs prior to connectedCallback
@@ -1293,18 +1294,46 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
                         // `propName` to be converted to a `DOMString`, which may not be what we want for other primitive props.
                         return;
                     }
+                    else if (propName == null) {
+                        // At this point we should know this is not a "member", so we can treat it like watching an attribute
+                        // on a vanilla web component
+                        const hostRef = getHostRef(this);
+                        const flags = hostRef === null || hostRef === void 0 ? void 0 : hostRef.$flags$;
+                        // We only want to trigger the callback(s) if:
+                        // 1. The instance is ready
+                        // 2. The watchers are ready
+                        // 3. The value has changed
+                        if (!(flags & 8 /* HOST_FLAGS.isConstructingInstance */) &&
+                            flags & 128 /* HOST_FLAGS.isWatchReady */ &&
+                            newValue !== oldValue) {
+                            const instance = hostRef.$lazyInstance$ ;
+                            const entry = cmpMeta.$watchers$[attrName];
+                            entry === null || entry === void 0 ? void 0 : entry.forEach((callbackName) => {
+                                if (instance[callbackName] != null) {
+                                    instance[callbackName].call(instance, newValue, oldValue, attrName);
+                                }
+                            });
+                        }
+                        return;
+                    }
                     this[propName] = newValue === null && typeof this[propName] === 'boolean' ? false : newValue;
                 });
             };
-            // create an array of attributes to observe
-            // and also create a map of html attribute name to js property name
-            Cstr.observedAttributes = members
-                .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */) // filter to only keep props that should match attributes
-                .map(([propName, m]) => {
-                const attrName = m[1] || propName;
-                attrNameToPropName.set(attrName, propName);
-                return attrName;
-            });
+            // Create an array of attributes to observe
+            // This list in comprised of all strings used within a `@Watch()` decorator
+            // on a component as well as any Stencil-specific "members" (`@Prop()`s and `@State()`s).
+            // As such, there is no way to guarantee type-safety here that a user hasn't entered
+            // an invalid attribute.
+            Cstr.observedAttributes = Array.from(new Set([
+                ...Object.keys((_a = cmpMeta.$watchers$) !== null && _a !== void 0 ? _a : {}),
+                ...members
+                    .filter(([_, m]) => m[0] & 15 /* MEMBER_FLAGS.HasAttribute */)
+                    .map(([propName, m]) => {
+                    const attrName = m[1] || propName;
+                    attrNameToPropName.set(attrName, propName);
+                    return attrName;
+                }),
+            ]));
         }
     }
     return Cstr;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.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-767b5242.js');
+const index = require('./index-915980fb.js');
 
 const kiaIkonCss = "";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-767b5242.js');
+const index = require('./index-915980fb.js');
 
 const lamborghiniAltIkonCss = "";