proto-autos-wc 0.0.962 → 0.0.963

package/dist/cjs/{index-3fb78776.js → index-c6cbd47c.js}

@@ -24,7 +24,7 @@ const NAMESPACE = 'proto-autos-wc';
 const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -204,20 +204,6 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
-var createTime = (fnName, tagName = "") => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
-var uniqueTime = (key, measureText) => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -319,110 +305,6 @@ var convertToPrivate = (node) => {
   vnode.$name$ = node.vname;
   return vnode;
 };
-var parsePropertyValue = (propValue, propType) => {
-  if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 1 /* String */) {
-      return String(propValue);
-    }
-    return propValue;
-  }
-  return propValue;
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = doc.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(styleElm, referenceNode2);
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   if (oldValue !== newValue) {
     let isProp = isMemberInElement(elm, memberName);
@@ -431,6 +313,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
       const newClasses = parseClassList(newValue);
+      if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
+        newClasses.push(elm["s-si"]);
+      }
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
@@ -750,6 +635,124 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
   patch(oldVNode, rootVnode, isInitialLoad);
 };
+var createTime = (fnName, tagName = "") => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var parsePropertyValue = (propValue, propType) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        {
+          styleElm = doc.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -941,16 +944,62 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        Object.defineProperty(prototype, memberName, {
-          get() {
-            return getValue(this, memberName);
-          },
-          set(newValue) {
-            setValue(this, memberName, newValue, cmpMeta);
-          },
-          configurable: true,
-          enumerable: true
-        });
+        if ((memberFlags & 2048 /* Getter */) === 0) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              return getValue(this, memberName);
+            },
+            set(newValue) {
+              setValue(this, memberName, newValue, cmpMeta);
+            },
+            configurable: true,
+            enumerable: true
+          });
+        } else if (flags & 1 /* isElementConstructor */ && memberFlags & 2048 /* Getter */) {
+          {
+            Object.defineProperty(prototype, memberName, {
+              get() {
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              },
+              configurable: true,
+              enumerable: true
+            });
+          }
+          if (memberFlags & 4096 /* Setter */) {
+            const origSetter = Object.getOwnPropertyDescriptor(prototype, memberName).set;
+            Object.defineProperty(prototype, memberName, {
+              set(newValue) {
+                const ref = getHostRef(this);
+                if (origSetter) {
+                  const currentValue = ref.$hostElement$[memberName];
+                  if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                    ref.$instanceValues$.set(memberName, currentValue);
+                  }
+                  origSetter.apply(this, [parsePropertyValue(newValue, cmpMeta.$members$[memberName][0])]);
+                  setValue(this, memberName, ref.$hostElement$[memberName], cmpMeta);
+                  return;
+                }
+                if (!ref) return;
+                const setterSetVal = () => {
+                  const currentValue = ref.$lazyInstance$[memberName];
+                  if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                    ref.$instanceValues$.set(memberName, currentValue);
+                  }
+                  ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, cmpMeta.$members$[memberName][0]);
+                  setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+                };
+                if (ref.$lazyInstance$) {
+                  setterSetVal();
+                } else {
+                  ref.$onReadyPromise$.then(() => setterSetVal());
+                }
+              }
+            });
+          }
+        }
       }
     });
     if ((flags & 1 /* isElementConstructor */)) {
@@ -979,7 +1028,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
-          this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          if (!propDesc.get || !!propDesc.set) {
+            this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          }
         });
       };
       Cstr.observedAttributes = Array.from(

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3fb78776.js');
+const index = require('./index-c6cbd47c.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3fb78776.js');
+const index = require('./index-c6cbd47c.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-autos-wc.cjs.js', document.baseURI).href));

package/dist/cjs/proto-autos.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3fb78776.js');
+const index = require('./index-c6cbd47c.js');
 
 const KEY = 'proto-autos';
 const DATA = 'data';

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.3",
+    "version": "4.23.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/proto-autos/proto-autos.js

@@ -47,6 +47,8 @@ export class ProtoAutos {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tag",
                 "reflect": false,
                 "defaultValue": "'proto-autos'"

package/dist/esm/{index-907b1d1f.js → index-b6699d88.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'proto-autos-wc';
 const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -182,20 +182,6 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
-var createTime = (fnName, tagName = "") => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
-var uniqueTime = (key, measureText) => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -297,110 +283,6 @@ var convertToPrivate = (node) => {
   vnode.$name$ = node.vname;
   return vnode;
 };
-var parsePropertyValue = (propValue, propType) => {
-  if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 1 /* String */) {
-      return String(propValue);
-    }
-    return propValue;
-  }
-  return propValue;
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = doc.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(styleElm, referenceNode2);
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   if (oldValue !== newValue) {
     let isProp = isMemberInElement(elm, memberName);
@@ -409,6 +291,9 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
       const newClasses = parseClassList(newValue);
+      if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
+        newClasses.push(elm["s-si"]);
+      }
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
@@ -728,6 +613,124 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
   patch(oldVNode, rootVnode, isInitialLoad);
 };
+var createTime = (fnName, tagName = "") => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var uniqueTime = (key, measureText) => {
+  {
+    return () => {
+      return;
+    };
+  }
+};
+var parsePropertyValue = (propValue, propType) => {
+  if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 1 /* String */) {
+      return String(propValue);
+    }
+    return propValue;
+  }
+  return propValue;
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
+var registerStyle = (scopeId2, cssText, allowCS) => {
+  let style = styles.get(scopeId2);
+  if (supportsConstructableStylesheets && allowCS) {
+    style = style || new CSSStyleSheet();
+    if (typeof style === "string") {
+      style = cssText;
+    } else {
+      style.replaceSync(cssText);
+    }
+  } else {
+    style = cssText;
+  }
+  styles.set(scopeId2, style);
+};
+var addStyle = (styleContainerNode, cmpMeta, mode) => {
+  var _a;
+  const scopeId2 = getScopeId(cmpMeta);
+  const style = styles.get(scopeId2);
+  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
+  if (style) {
+    if (typeof style === "string") {
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
+      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
+      let styleElm;
+      if (!appliedStyles) {
+        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
+      }
+      if (!appliedStyles.has(scopeId2)) {
+        {
+          styleElm = doc.createElement("style");
+          styleElm.innerHTML = style;
+          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
+          if (nonce != null) {
+            styleElm.setAttribute("nonce", nonce);
+          }
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              if (supportsConstructableStylesheets) {
+                const stylesheet = new CSSStyleSheet();
+                stylesheet.replaceSync(style);
+                styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+              } else {
+                const existingStyleContainer = styleContainerNode.querySelector("style");
+                if (existingStyleContainer) {
+                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                } else {
+                  styleContainerNode.prepend(styleElm);
+                }
+              }
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
+          }
+        }
+        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
+          styleElm.innerHTML += SLOT_FB_CSS;
+        }
+        if (appliedStyles) {
+          appliedStyles.add(scopeId2);
+        }
+      }
+    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
+      styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+    }
+  }
+  return scopeId2;
+};
+var attachStyles = (hostRef) => {
+  const cmpMeta = hostRef.$cmpMeta$;
+  const elm = hostRef.$hostElement$;
+  const flags = cmpMeta.$flags$;
+  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
+  const scopeId2 = addStyle(
+    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    cmpMeta);
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+    elm["s-sc"] = scopeId2;
+    elm.classList.add(scopeId2 + "-h");
+  }
+  endAttachStyles();
+};
+var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
@@ -919,16 +922,62 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        Object.defineProperty(prototype, memberName, {
-          get() {
-            return getValue(this, memberName);
-          },
-          set(newValue) {
-            setValue(this, memberName, newValue, cmpMeta);
-          },
-          configurable: true,
-          enumerable: true
-        });
+        if ((memberFlags & 2048 /* Getter */) === 0) {
+          Object.defineProperty(prototype, memberName, {
+            get() {
+              return getValue(this, memberName);
+            },
+            set(newValue) {
+              setValue(this, memberName, newValue, cmpMeta);
+            },
+            configurable: true,
+            enumerable: true
+          });
+        } else if (flags & 1 /* isElementConstructor */ && memberFlags & 2048 /* Getter */) {
+          {
+            Object.defineProperty(prototype, memberName, {
+              get() {
+                const ref = getHostRef(this);
+                const instance = ref ? ref.$lazyInstance$ : prototype;
+                if (!instance) return;
+                return instance[memberName];
+              },
+              configurable: true,
+              enumerable: true
+            });
+          }
+          if (memberFlags & 4096 /* Setter */) {
+            const origSetter = Object.getOwnPropertyDescriptor(prototype, memberName).set;
+            Object.defineProperty(prototype, memberName, {
+              set(newValue) {
+                const ref = getHostRef(this);
+                if (origSetter) {
+                  const currentValue = ref.$hostElement$[memberName];
+                  if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                    ref.$instanceValues$.set(memberName, currentValue);
+                  }
+                  origSetter.apply(this, [parsePropertyValue(newValue, cmpMeta.$members$[memberName][0])]);
+                  setValue(this, memberName, ref.$hostElement$[memberName], cmpMeta);
+                  return;
+                }
+                if (!ref) return;
+                const setterSetVal = () => {
+                  const currentValue = ref.$lazyInstance$[memberName];
+                  if (!ref.$instanceValues$.get(memberName) && currentValue) {
+                    ref.$instanceValues$.set(memberName, currentValue);
+                  }
+                  ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, cmpMeta.$members$[memberName][0]);
+                  setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
+                };
+                if (ref.$lazyInstance$) {
+                  setterSetVal();
+                } else {
+                  ref.$onReadyPromise$.then(() => setterSetVal());
+                }
+              }
+            });
+          }
+        }
       }
     });
     if ((flags & 1 /* isElementConstructor */)) {
@@ -957,7 +1006,10 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             }
             return;
           }
-          this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
+          if (!propDesc.get || !!propDesc.set) {
+            this[propName] = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
+          }
         });
       };
       Cstr.observedAttributes = Array.from(

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-907b1d1f.js';
-export { s as setNonce } from './index-907b1d1f.js';
+import { b as bootstrapLazy } from './index-b6699d88.js';
+export { s as setNonce } from './index-b6699d88.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/esm/proto-autos-wc.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-907b1d1f.js';
-export { s as setNonce } from './index-907b1d1f.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-b6699d88.js';
+export { s as setNonce } from './index-b6699d88.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/proto-autos.entry.js

@@ -1,4 +1,4 @@
-import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-907b1d1f.js';
+import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-b6699d88.js';
 
 const KEY = 'proto-autos';
 const DATA = 'data';

package/dist/proto-autos-wc/p-d092c4aa.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,d=[],y=[],w=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&a.o?$(b):a.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{v(d),v(y),(m=d.length>0)&&a.raf(b)},$=e=>h().then(e),g=w(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>k,unwrap:()=>x,unwrapErr:()=>P});var k=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let o=null,l=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!j(o))&&(o+=""),s&&r?i[i.length-1].i+=o:i.push(s?D(null,o):o),r=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,R);const u=D(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},D=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),H={},R={forEach:(e,t)=>e.map(T).forEach(t),map:(e,t)=>e.map(T).map(t).map(L)},T=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),L=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),A(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},N=(e,t,n,o,s,r)=>{if(n!==o){let i=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=F(n),s=F(o);e["s-si"]&&s.indexOf(e["s-si"])<0&&s.push(e["s-si"]),t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else if(i||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((i||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?i=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(W);t=t.replace(q,""),n&&a.rel(e,t,n,l),o&&a.ael(e,t,o,l)}}},U=/\s/,F=e=>e?e.split(U):[],W="Capture",q=RegExp(W+"$"),G=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||S,s=t.u||S;for(const e of V(Object.keys(l)))e in s||N(o,e,l[e],void 0,n,t.o);for(const e of V(Object.keys(s)))N(o,e,l[e],s[e],n,t.o)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(_||(_="svg"===o.m),l=o.v=f.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),_&&"foreignObject"===o.m&&(_=!1),G(null,o,_),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=z(e,o,r),s&&l.appendChild(s);"svg"===o.m?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=M,l},B=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=z(null,n,l),r&&(o[l].v=r,Q(i,r,t)))},I=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),K=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(G(e,t,_="svg"===r||"foreignObject"!==r&&_),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=t.length-1,h=t[0],p=t[a],m=o.length-1,d=o[0],y=o[m];for(;i<=a&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--a];else if(null==d)d=o[++c];else if(null==y)y=o[--m];else if(J(h,d,l))K(h,d,l),h=t[++i],d=o[++c];else if(J(p,y,l))K(p,y,l),p=t[--a],y=o[--m];else if(J(h,y,l))K(h,y,l),Q(e,h.v,p.v.nextSibling),h=t[++i],y=o[--m];else if(J(p,d,l))K(p,d,l),Q(e,p.v,h.v),p=t[--a],d=o[++c];else{for(u=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].p&&t[f].p===d.p){u=f;break}u>=0?(r=t[u],r.m!==d.m?s=z(t&&t[c],n,u):(K(r,d,l),t[u]=void 0,s=r.v),d=o[++c]):(s=z(t&&t[c],n,c),d=o[++c]),s&&Q(h.v.parentNode,s,h.v)}i>a?B(e,null==o[m+1]?null:o[m+1].v,n,o,c,m):c>m&&I(t,i,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),B(o,null,t,s,0,s.length-1)):!n&&null!==l&&I(l,0,l.length-1),_&&"svg"===r&&(_=!1)):e.i!==i&&(o.data=i)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>null==e||j(e)?e:1&t?e+"":e,Y=new WeakMap,Z=e=>"sc-"+e.S,ee=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},te=(e,t)=>{if(e.o|=16,!(4&e.o))return ee(e,e.O),g((()=>ne(e,t)));e.o|=512},ne=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return oe(void 0,(()=>se(e,n,t)))},oe=(e,t)=>le(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),le=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=Z(t),l=i.get(o);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let s,r=Y.get(e=e.head||e);if(r||Y.set(e,r=new Set),!r.has(o)){{s=f.createElement("style"),s.innerHTML=l;const o=null!=(n=a.C)?n:O(f);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ie(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ue(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},re=null,ie=(e,t,n,o)=>{try{re=t,t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,s=e.M||D(null,null),r=(e=>e&&e.m===H)(t)?t:A(null,null,t);if(M=o.tagName,n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.m=null,r.o|=4,e.M=r,r.v=s.v=o.shadowRoot||o,K(s,r,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return re=null,null},ce=()=>re,ue=e=>{const t=e.$hostElement$,n=e.t,o=e.O;64&e.o||(e.o|=64,pe(t),he(n,"componentDidLoad"),e.P(t),o||ae()),e.j&&(e.j(),e.j=void 0),512&e.o&&$((()=>te(e,!1))),e.o&=-517},fe=e=>{{const t=n(e),o=t.$hostElement$.isConnected;return o&&2==(18&t.o)&&te(t,!1),o}},ae=()=>{pe(f.documentElement),$((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"proto-autos-wc"}});return e.dispatchEvent(t),t})(u)))},he=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},pe=e=>e.classList.add("hydrated"),me=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.A.get(t),i=s.o,c=s.t;o=X(o,l.D[t][0]),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.A.set(t,o),c&&2==(18&i)&&te(s,!1))},de=(e,t,o)=>{var l,s;const r=e.prototype;if(t.D){const i=Object.entries(null!=(l=t.D)?l:{});if(i.map((([e,[l]])=>{if(31&l||2&o&&32&l)if(2048&l){if(1&o&&2048&l&&(Object.defineProperty(r,e,{get(){const t=n(this),o=t?t.t:r;if(o)return o[e]},configurable:!0,enumerable:!0}),4096&l)){const o=Object.getOwnPropertyDescriptor(r,e).set;Object.defineProperty(r,e,{set(l){const s=n(this);if(o){const n=s.$hostElement$[e];return!s.A.get(e)&&n&&s.A.set(e,n),o.call(this,X(l,t.D[e][0])),void me(this,e,s.$hostElement$[e],t)}if(!s)return;const r=()=>{const n=s.t[e];!s.A.get(e)&&n&&s.A.set(e,n),s.t[e]=X(l,t.D[e][0]),me(this,e,s.t[e],t)};s.t?r():s.H.then((()=>r()))}})}}else Object.defineProperty(r,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(n){me(this,e,n,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.R)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(r,c);u.get&&!u.set||(this[c]=(null!==s||"boolean"!=typeof this[c])&&s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.R)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},ye=(e,o={})=>{var l;const h=[],m=o.exclude||[],d=u.customElements,y=f.head,w=y.querySelector("meta[charset]"),v=f.createElement("style"),b=[];let $,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],S:o[1],D:o[2],T:o[3]};4&l.o&&(S=!0),l.D=o[2];const c=l.S,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,k:n,A:new Map};o.H=new Promise((e=>o.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),g?b.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.k,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.H)&&t.H.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.O=n);break}}o.D&&Object.entries(o.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.L;if(!n)return;const o=r.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.N}" was not found`);o.isProxied||(de(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=Z(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.O,c=()=>te(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async()=>{if(!(1&a.o)){const e=n(this);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}})()))}componentOnReady(){return n(this).H}};l.L=e[0],m.includes(c)||d.get(c)||(h.push(c),d.define(c,de(u,l,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=a.C)?l:O(f);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):a.jmp((()=>$=setTimeout(ae,30)))},we=e=>a.C=e;export{ye as b,fe as f,ce as g,A as h,h as p,o as r,we as s}

package/dist/proto-autos-wc/{p-1cd13cfe.entry.js → p-f74ffa59.entry.js}

@@ -1 +1 @@
-import{g as e,f as r,h as t,r as o}from"./p-6a5fabd2.js";const n="proto-autos",i="data",a="pick",l=e=>{const r=localStorage.getItem(e?`${n}-${e}`:n);return r?JSON.parse(r):void 0},s=(e,r)=>{const t=e?`${n}-${e}`:n,o=JSON.stringify(r);localStorage.setItem(t,o)},c=e=>!("isConnected"in e)||e.isConnected,d=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys())e.set(r,e.get(r).filter(c))})(...r)}),2e3)}})(),u=e=>"function"==typeof e?e():e;var f=function(){function e(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(r,t,o){return t&&e(r.prototype,t),o&&e(r,o),r}}();function b(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var p=function(){function e(){var r=this;b(this,e),this.interceptors=[],this.fetch=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return r.interceptorWrapper.apply(r,[fetch].concat(t))}}return f(e,[{key:"addInterceptors",value:function(e){var r=this,t=[];return Array.isArray(e)?e.map((function(e){return t.push(r.interceptors.length),r.interceptors.push(e)})):e instanceof Object&&(t.push(this.interceptors.length),this.interceptors.push(e)),this.updateInterceptors(),function(){return r.removeInterceptors(t)}}},{key:"removeInterceptors",value:function(e){var r=this;Array.isArray(e)&&(e.map((function(e){return r.interceptors.splice(e,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(e,r){return[r].concat(e)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(e){for(var r=arguments.length,t=Array(r>1?r-1:0),o=1;o<r;o++)t[o-1]=arguments[o];var n=Promise.resolve(t);return this.reversedInterceptors.forEach((function(e){var r=e.request,o=e.requestError;(r||o)&&(n=n.then((function(){return r.apply(void 0,t)}),o))})),n=n.then((function(){return e.apply(void 0,t)})),this.reversedInterceptors.forEach((function(e){var r=e.response,t=e.responseError;(r||t)&&(n=n.then(r,t))})),n}}]),e}(),m=function(){function e(r){var t=r.url,o=r.interceptors,n=r.headers,i=r.onStart,a=r.onEnd,l=r.omitEmptyVariables,s=void 0!==l&&l,c=r.requestOptions,d=void 0===c?{}:c;b(this,e);var u=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},n),credentials:"same-origin"},d),u.url=t,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:i,onEnd:a},u.addInterceptors(o),u}return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function, not "+typeof r);e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(e,r):e.__proto__=r)}(e,p),f(e,[{key:"query",value:function(e){var r,t=this,o=e.operationName,n=e.query,i=e.variables,a=e.opts,l=void 0===a?{}:a,s=e.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return r=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(i):i,c.body=JSON.stringify({operationName:o,query:n,variables:r}),this.onStart(),this.fetch(this.url,c).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var r=e.data,o=e.errors;return new Promise((function(e,n){return t.onEnd(),r?Object.keys(r).every((function(e){return!r[e]}))?n(o):e({data:r,errors:o}):n(o||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(e){this.url=e}},{key:"getEnumTypes",value:function(e){var r=this,t={},o=e.filter((function(e){return!r.EnumMap[e]||(t[e]=r.EnumMap[e],!1)}));if(!o.length)return new Promise((function(e){e({data:t})}));var n="\n      query {\n        "+o.map((function(e){return e+': __type(name: "'+e+'") {\n        ...EnumFragment\n      }'})).join("\n")+"\n      }\n      \n      fragment EnumFragment on __Type {\n        kind\n        description\n        enumValues {\n          name\n          description\n        }\n      }",i=Object.assign({},this.requestObject);return i.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,i).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var o=e.data,n=e.errors;return new Promise((function(e,i){if(r.onEnd(),!o)return i(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(e){return!o[e]}))&&n&&n.length)return i(n);var a=Object.assign(t,o);return Object.keys(o).map((function(e){return r.EnumMap[e]=o[e],e})),e({data:a,errors:n})}))}))}},{key:"onStart",value:function(){this.requestQueueLength++,this.requestQueueLength>1||!this.callbacks.onStart||this.callbacks.onStart(this.requestQueueLength)}},{key:"onEnd",value:function(){this.requestQueueLength--,!this.requestQueueLength&&this.callbacks.onEnd&&this.callbacks.onEnd(this.requestQueueLength)}},{key:"doOmitEmptyVariables",value:function(e){var r=this,t={};return Object.keys(e).map((function(o){var n=e[o];return"string"==typeof n&&0===n.length||null==n||(t[o]=n instanceof Object?r.doOmitEmptyVariables(n):n),o})),t}}]),e}();const g={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:h}=(()=>{const t=((e,r=((e,r)=>e!==r))=>{const t=u(e);let o=new Map(Object.entries(null!=t?t:{}));const n={dispose:[],get:[],set:[],reset:[]},i=()=>{var r;o=new Map(Object.entries(null!==(r=u(e))&&void 0!==r?r:{})),n.reset.forEach((e=>e()))},a=e=>(n.get.forEach((r=>r(e))),o.get(e)),l=(e,t)=>{const i=o.get(e);r(t,i,e)&&(o.set(e,t),n.set.forEach((r=>r(e,t,i))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>a(r),ownKeys:()=>Array.from(o.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>o.has(r),set:(e,r,t)=>(l(r,t),!0)}),c=(e,r)=>(n[e].push(r),()=>{((e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)})(n[e],r)});return{state:s,get:a,set:l,on:c,onChange:(r,t)=>{const o=c("set",((e,o)=>{e===r&&t(o)})),n=c("reset",(()=>t(u(e)[r])));return()=>{o(),n()}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(c("set",r.set)),r.get&&e.push(c("get",r.get)),r.reset&&e.push(c("reset",r.reset)),r.dispose&&e.push(c("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{n.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const r=o.get(e);n.set.forEach((t=>t(e,r,r)))}}})(g,void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:r=>{const o=e();o&&((e,r,t)=>{const o=e.get(r);o?o.includes(t)||o.push(t):e.set(r,[t])})(t,r,o)},set:e=>{const o=t.get(e);o&&t.set(e,o.filter(r)),d(t)},reset:()=>{t.forEach((e=>e.forEach(r))),d(t)}}})()),t})(),w=(e=!1)=>{h.loading=e,h.error=void 0,h.pick=0,h.data=void 0,h.dealer=void 0},v=e=>{if(e){const{pick:r}=h;h.dealer=null!=r?e.list[r]:void 0,h.data=e,h.loading=!1}else h.data=void 0,h.loading=!1},y=e=>{const{data:r}=h;r&&void 0!==e?(h.pick=e,h.dealer=r.list[e]):(h.pick=0,h.dealer=void 0)};var x=new m({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{w(!0),s(a,0),x.query({operationName:"Uuid",query:"\n  query Uuid($count: Int!) {\n    uuid(count: $count)\n  }\n",variables:{count:1}}).then((e=>{const r=e.data.uuid[0];x.query({operationName:"Solution",query:"\n  query Solution($id: String!) {\n    solution(id: $id) {\n      id\n      data {\n        dealers {\n          dealerId\n          name\n          vehicles {\n            vin\n            year\n            make\n            model\n            color\n          }\n        }\n      }\n    }\n  }\n",variables:{id:r}}).then((e=>{const t=JSON.parse(JSON.stringify(e.data.solution.data.dealers)),o={id:r,list:t};s(i,o),v(o)}))}))},j=()=>{w();const e=l(i),r=l(a);e?(v(e),r&&y(r)):k()},O=k,S=e=>{s(a,e),y(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:r}=e,{dealerId:o,name:n,vehicles:i}=r||{},a=i?i.length:0;return t("div",{class:z("flex flex-wrap content-center","mb-4 rounded-lg bg-blue-200 p-4","border border-solid border-blue-400")},t("label",{class:"text-xl font-bold"},n?`${n} `:"",t("sup",null,a||"")),t("label",{class:"ml-auto self-center text-right text-sm"},o||""))},$=/^\#[0-9]*/,C=e=>null!=e.match($),N=e=>2554===e,q=e=>e>2010,A=e=>{const{vin:r,make:o,model:n,year:i,color:a}=e.value||{};return t("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",N(i)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(n)?"border-yellow-600 bg-yellow-300":q(i)?"border-green-600 bg-green-200":"border-gray-600 bg-gray-300")},t("div",{class:"mr-1.5 flex flex-col"},t("label",{class:"mb-2 text-xs"},r||""),t("label",{class:"text-lg font-bold"},o||""),t("label",{class:"mb-2 text-sm italic"},n||""),t("label",null,i||"",", ",a||""),t("label",null,N(i)?"- exotic... [ Sierra 117 ]":C(n)?"- track only...":"")),t("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},I=e=>{const{list:r}=e,o=r.length;return 0===o?"":t("div",{class:"flex flex-col"},o?r.map((e=>t(A,{value:e}))):"")},T=e=>{const{dealer:r}=e,{vehicles:o}=r||{vehicles:[]},n=o;return r?t("div",{class:"flex flex-col"},t(E,{value:r}),t(I,{list:n})):""},P="eswat2",U=()=>t("a",{class:"absolute right-0 top-0 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":P,target:"blank",title:P},t("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),J=()=>t("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.4.16")),M=e=>{const{label:r}=e;return t("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},r)},_=e=>{const r=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return t("svg",{class:z(e.class||"","animate-spin"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,o),t("g",null,t("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:r,"stroke-width":"4"}),t("path",{class:"opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},D=()=>{const{loading:e,pick:r,data:o}=h||{},{list:n}=o||{list:[]},i=n.length-1;return e?"":t("div",{class:"flex"},t("div",{class:"refresh hover:text-clrs-red md:w-auto",onClick:()=>O()},t("proto-ikon-loader",{name:"refresh",size:24})),t("div",{class:z("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>t("button",{class:z("h-8 w-8 border-none font-bold",0==o?"rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none":o==i?"rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md":"rounded-none",r==o?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},V=class{constructor(e){o(this,e),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:e,dealer:r}=h;return t("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},t(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),t(M,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),t(D,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),e?t(_,null):t("hr",{class:z("mb-4 ml-0 mr-0 mt-4","border-solid border-gray-300","border-b-0 border-l-0 border-r-0")}),t(T,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:r}),t(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{margin:1.5rem;display:flex;flex-direction:column;font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.absolute{position:absolute}.relative{position:relative}.right-0{right:0px}.top-0{top:0px}.mb-1{margin-bottom:0.25rem}.mb-11{margin-bottom:2.75rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-1\\.5{margin-right:0.375rem}.mr-2{margin-right:0.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-bl-md{border-bottom-left-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-md{border-bottom-right-radius:0.375rem}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-md{border-top-left-radius:0.375rem}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-md{border-top-right-radius:0.375rem}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-clrs-navy{border-color:var(--clrs-navy, #001f3f)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow, #ffdc00)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:0.25}.opacity-75{opacity:0.75}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ikon{height:96px;width:96px}@media (min-width: 500px){.ikon{height:144px;width:144px}}@media (min-width: 700px){.ikon{height:192px;width:192px}}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red, #ff4136)}@media (min-width: 768px){.md\\:w-auto{width:auto}}";export{V as proto_autos}
+import{g as e,f as r,h as t,r as o}from"./p-d092c4aa.js";const n="proto-autos",i="data",a="pick",l=e=>{const r=localStorage.getItem(e?`${n}-${e}`:n);return r?JSON.parse(r):void 0},s=(e,r)=>{const t=e?`${n}-${e}`:n,o=JSON.stringify(r);localStorage.setItem(t,o)},c=e=>!("isConnected"in e)||e.isConnected,d=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys())e.set(r,e.get(r).filter(c))})(...r)}),2e3)}})(),u=e=>"function"==typeof e?e():e;var f=function(){function e(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(r,t,o){return t&&e(r.prototype,t),o&&e(r,o),r}}();function b(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var p=function(){function e(){var r=this;b(this,e),this.interceptors=[],this.fetch=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return r.interceptorWrapper.apply(r,[fetch].concat(t))}}return f(e,[{key:"addInterceptors",value:function(e){var r=this,t=[];return Array.isArray(e)?e.map((function(e){return t.push(r.interceptors.length),r.interceptors.push(e)})):e instanceof Object&&(t.push(this.interceptors.length),this.interceptors.push(e)),this.updateInterceptors(),function(){return r.removeInterceptors(t)}}},{key:"removeInterceptors",value:function(e){var r=this;Array.isArray(e)&&(e.map((function(e){return r.interceptors.splice(e,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(e,r){return[r].concat(e)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(e){for(var r=arguments.length,t=Array(r>1?r-1:0),o=1;o<r;o++)t[o-1]=arguments[o];var n=Promise.resolve(t);return this.reversedInterceptors.forEach((function(e){var r=e.request,o=e.requestError;(r||o)&&(n=n.then((function(){return r.apply(void 0,t)}),o))})),n=n.then((function(){return e.apply(void 0,t)})),this.reversedInterceptors.forEach((function(e){var r=e.response,t=e.responseError;(r||t)&&(n=n.then(r,t))})),n}}]),e}(),m=function(){function e(r){var t=r.url,o=r.interceptors,n=r.headers,i=r.onStart,a=r.onEnd,l=r.omitEmptyVariables,s=void 0!==l&&l,c=r.requestOptions,d=void 0===c?{}:c;b(this,e);var u=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},n),credentials:"same-origin"},d),u.url=t,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:i,onEnd:a},u.addInterceptors(o),u}return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function, not "+typeof r);e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(e,r):e.__proto__=r)}(e,p),f(e,[{key:"query",value:function(e){var r,t=this,o=e.operationName,n=e.query,i=e.variables,a=e.opts,l=void 0===a?{}:a,s=e.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return r=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(i):i,c.body=JSON.stringify({operationName:o,query:n,variables:r}),this.onStart(),this.fetch(this.url,c).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var r=e.data,o=e.errors;return new Promise((function(e,n){return t.onEnd(),r?Object.keys(r).every((function(e){return!r[e]}))?n(o):e({data:r,errors:o}):n(o||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(e){this.url=e}},{key:"getEnumTypes",value:function(e){var r=this,t={},o=e.filter((function(e){return!r.EnumMap[e]||(t[e]=r.EnumMap[e],!1)}));if(!o.length)return new Promise((function(e){e({data:t})}));var n="\n      query {\n        "+o.map((function(e){return e+': __type(name: "'+e+'") {\n        ...EnumFragment\n      }'})).join("\n")+"\n      }\n      \n      fragment EnumFragment on __Type {\n        kind\n        description\n        enumValues {\n          name\n          description\n        }\n      }",i=Object.assign({},this.requestObject);return i.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,i).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var o=e.data,n=e.errors;return new Promise((function(e,i){if(r.onEnd(),!o)return i(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(e){return!o[e]}))&&n&&n.length)return i(n);var a=Object.assign(t,o);return Object.keys(o).map((function(e){return r.EnumMap[e]=o[e],e})),e({data:a,errors:n})}))}))}},{key:"onStart",value:function(){this.requestQueueLength++,this.requestQueueLength>1||!this.callbacks.onStart||this.callbacks.onStart(this.requestQueueLength)}},{key:"onEnd",value:function(){this.requestQueueLength--,!this.requestQueueLength&&this.callbacks.onEnd&&this.callbacks.onEnd(this.requestQueueLength)}},{key:"doOmitEmptyVariables",value:function(e){var r=this,t={};return Object.keys(e).map((function(o){var n=e[o];return"string"==typeof n&&0===n.length||null==n||(t[o]=n instanceof Object?r.doOmitEmptyVariables(n):n),o})),t}}]),e}();const g={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:h}=(()=>{const t=((e,r=((e,r)=>e!==r))=>{const t=u(e);let o=new Map(Object.entries(null!=t?t:{}));const n={dispose:[],get:[],set:[],reset:[]},i=()=>{var r;o=new Map(Object.entries(null!==(r=u(e))&&void 0!==r?r:{})),n.reset.forEach((e=>e()))},a=e=>(n.get.forEach((r=>r(e))),o.get(e)),l=(e,t)=>{const i=o.get(e);r(t,i,e)&&(o.set(e,t),n.set.forEach((r=>r(e,t,i))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>a(r),ownKeys:()=>Array.from(o.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>o.has(r),set:(e,r,t)=>(l(r,t),!0)}),c=(e,r)=>(n[e].push(r),()=>{((e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)})(n[e],r)});return{state:s,get:a,set:l,on:c,onChange:(r,t)=>{const o=c("set",((e,o)=>{e===r&&t(o)})),n=c("reset",(()=>t(u(e)[r])));return()=>{o(),n()}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(c("set",r.set)),r.get&&e.push(c("get",r.get)),r.reset&&e.push(c("reset",r.reset)),r.dispose&&e.push(c("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{n.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const r=o.get(e);n.set.forEach((t=>t(e,r,r)))}}})(g,void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:r=>{const o=e();o&&((e,r,t)=>{const o=e.get(r);o?o.includes(t)||o.push(t):e.set(r,[t])})(t,r,o)},set:e=>{const o=t.get(e);o&&t.set(e,o.filter(r)),d(t)},reset:()=>{t.forEach((e=>e.forEach(r))),d(t)}}})()),t})(),w=(e=!1)=>{h.loading=e,h.error=void 0,h.pick=0,h.data=void 0,h.dealer=void 0},v=e=>{if(e){const{pick:r}=h;h.dealer=null!=r?e.list[r]:void 0,h.data=e,h.loading=!1}else h.data=void 0,h.loading=!1},y=e=>{const{data:r}=h;r&&void 0!==e?(h.pick=e,h.dealer=r.list[e]):(h.pick=0,h.dealer=void 0)};var x=new m({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{w(!0),s(a,0),x.query({operationName:"Uuid",query:"\n  query Uuid($count: Int!) {\n    uuid(count: $count)\n  }\n",variables:{count:1}}).then((e=>{const r=e.data.uuid[0];x.query({operationName:"Solution",query:"\n  query Solution($id: String!) {\n    solution(id: $id) {\n      id\n      data {\n        dealers {\n          dealerId\n          name\n          vehicles {\n            vin\n            year\n            make\n            model\n            color\n          }\n        }\n      }\n    }\n  }\n",variables:{id:r}}).then((e=>{const t=JSON.parse(JSON.stringify(e.data.solution.data.dealers)),o={id:r,list:t};s(i,o),v(o)}))}))},j=()=>{w();const e=l(i),r=l(a);e?(v(e),r&&y(r)):k()},O=k,S=e=>{s(a,e),y(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:r}=e,{dealerId:o,name:n,vehicles:i}=r||{},a=i?i.length:0;return t("div",{class:z("flex flex-wrap content-center","mb-4 rounded-lg bg-blue-200 p-4","border border-solid border-blue-400")},t("label",{class:"text-xl font-bold"},n?`${n} `:"",t("sup",null,a||"")),t("label",{class:"ml-auto self-center text-right text-sm"},o||""))},$=/^\#[0-9]*/,C=e=>null!=e.match($),N=e=>2554===e,q=e=>e>2010,A=e=>{const{vin:r,make:o,model:n,year:i,color:a}=e.value||{};return t("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",N(i)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(n)?"border-yellow-600 bg-yellow-300":q(i)?"border-green-600 bg-green-200":"border-gray-600 bg-gray-300")},t("div",{class:"mr-1.5 flex flex-col"},t("label",{class:"mb-2 text-xs"},r||""),t("label",{class:"text-lg font-bold"},o||""),t("label",{class:"mb-2 text-sm italic"},n||""),t("label",null,i||"",", ",a||""),t("label",null,N(i)?"- exotic... [ Sierra 117 ]":C(n)?"- track only...":"")),t("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},I=e=>{const{list:r}=e,o=r.length;return 0===o?"":t("div",{class:"flex flex-col"},o?r.map((e=>t(A,{value:e}))):"")},T=e=>{const{dealer:r}=e,{vehicles:o}=r||{vehicles:[]},n=o;return r?t("div",{class:"flex flex-col"},t(E,{value:r}),t(I,{list:n})):""},P="eswat2",U=()=>t("a",{class:"absolute right-0 top-0 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":P,target:"blank",title:P},t("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),J=()=>t("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.4.16")),M=e=>{const{label:r}=e;return t("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},r)},_=e=>{const r=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return t("svg",{class:z(e.class||"","animate-spin"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,o),t("g",null,t("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:r,"stroke-width":"4"}),t("path",{class:"opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},D=()=>{const{loading:e,pick:r,data:o}=h||{},{list:n}=o||{list:[]},i=n.length-1;return e?"":t("div",{class:"flex"},t("div",{class:"refresh hover:text-clrs-red md:w-auto",onClick:()=>O()},t("proto-ikon-loader",{name:"refresh",size:24})),t("div",{class:z("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>t("button",{class:z("h-8 w-8 border-none font-bold",0==o?"rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none":o==i?"rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md":"rounded-none",r==o?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},V=class{constructor(e){o(this,e),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:e,dealer:r}=h;return t("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},t(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),t(M,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),t(D,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),e?t(_,null):t("hr",{class:z("mb-4 ml-0 mr-0 mt-4","border-solid border-gray-300","border-b-0 border-l-0 border-r-0")}),t(T,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:r}),t(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{margin:1.5rem;display:flex;flex-direction:column;font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.absolute{position:absolute}.relative{position:relative}.right-0{right:0px}.top-0{top:0px}.mb-1{margin-bottom:0.25rem}.mb-11{margin-bottom:2.75rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-1\\.5{margin-right:0.375rem}.mr-2{margin-right:0.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-bl-md{border-bottom-left-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-md{border-bottom-right-radius:0.375rem}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-md{border-top-left-radius:0.375rem}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-md{border-top-right-radius:0.375rem}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-clrs-navy{border-color:var(--clrs-navy, #001f3f)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow, #ffdc00)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:0.25}.opacity-75{opacity:0.75}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ikon{height:96px;width:96px}@media (min-width: 500px){.ikon{height:144px;width:144px}}@media (min-width: 700px){.ikon{height:192px;width:192px}}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red, #ff4136)}@media (min-width: 768px){.md\\:w-auto{width:auto}}";export{V as proto_autos}

package/dist/proto-autos-wc/proto-autos-wc.esm.js

@@ -1 +1 @@
-import{p as a,b as o}from"./p-6a5fabd2.js";export{s as setNonce}from"./p-6a5fabd2.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),a(s)})().then((async a=>(await t(),o([["p-1cd13cfe",[[1,"proto-autos",{tag:[1]}]]]],a))));
+import{p as a,b as o}from"./p-d092c4aa.js";export{s as setNonce}from"./p-d092c4aa.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),a(s)})().then((async a=>(await t(),o([["p-f74ffa59",[[1,"proto-autos",{tag:[1]}]]]],a))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-autos-wc",
-  "version": "0.0.962",
+  "version": "0.0.963",
   "description": "prototype - a simple GraphQL demo rendered in Stencil and Tailwind",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
     "format": "prettier --write src cSpell.json"
   },
   "dependencies": {
-    "@stencil/core": "4.22.3",
+    "@stencil/core": "4.23.0",
     "@stencil/store": "2.0.16",
     "fetchql": "3.0.0",
     "proto-tailwindcss-clrs": "0.0.388",

package/dist/proto-autos-wc/p-6a5fabd2.js

@@ -1,2 +0,0 @@
-var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,d=[],y=[],w=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&f.o?b($):f.raf($))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{v(d),v(y),(m=d.length>0)&&f.raf($)},b=e=>h().then(e),g=w(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>O,unwrap:()=>x,unwrapErr:()=>P});var O=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let o=null,l=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!j(o))&&(o+=""),s&&r?i[i.length-1].i+=o:i.push(s?D(null,o):o),r=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,R);const u=D(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},D=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),H={},R={forEach:(e,t)=>e.map(T).forEach(t),map:(e,t)=>e.map(T).map(t).map(L)},T=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),L=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),A(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},N=new WeakMap,U=e=>"sc-"+e.S,F=(e,t,n,o,s,r)=>{if(n!==o){let i=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=q(n),s=q(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else if(i||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((i||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?i=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(G);t=t.replace(V,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},W=/\s/,q=e=>e?e.split(W):[],G="Capture",V=RegExp(G+"$"),_=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||S,s=t.u||S;for(const e of z(Object.keys(l)))e in s||F(o,e,l[e],void 0,n,t.o);for(const e of z(Object.keys(s)))F(o,e,l[e],s[e],n,t.o)};function z(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var B=!1,I=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.v=a.createTextNode(o.i);else{if(B||(B="svg"===o.m),l=o.v=a.createElementNS(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),B&&"foreignObject"===o.m&&(B=!1),_(null,o,B),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=I(e,o,r),s&&l.appendChild(s);"svg"===o.m?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=M,l},J=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=I(null,n,l),r&&(o[l].v=r,Y(i,r,t)))},K=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},Q=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),X=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(_(e,t,B="svg"===r||"foreignObject"!==r&&B),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],m=o.length-1,d=o[0],y=o[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==d)d=o[++c];else if(null==y)y=o[--m];else if(Q(h,d,l))X(h,d,l),h=t[++i],d=o[++c];else if(Q(p,y,l))X(p,y,l),p=t[--f],y=o[--m];else if(Q(h,y,l))X(h,y,l),Y(e,h.v,p.v.nextSibling),h=t[++i],y=o[--m];else if(Q(p,d,l))X(p,d,l),Y(e,p.v,h.v),p=t[--f],d=o[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===d.p){u=a;break}u>=0?(r=t[u],r.m!==d.m?s=I(t&&t[c],n,u):(X(r,d,l),t[u]=void 0,s=r.v),d=o[++c]):(s=I(t&&t[c],n,c),d=o[++c]),s&&Y(h.v.parentNode,s,h.v)}i>f?J(e,null==o[m+1]?null:o[m+1].v,n,o,c,m):c>m&&K(t,i,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),J(o,null,t,s,0,s.length-1)):!n&&null!==l&&K(l,0,l.length-1),B&&"svg"===r&&(B=!1)):e.i!==i&&(o.data=i)},Y=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Z=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},ee=(e,t)=>{if(e.o|=16,!(4&e.o))return Z(e,e.k),g((()=>te(e,t)));e.o|=512},te=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return ne(void 0,(()=>le(e,n,t)))},ne=(e,t)=>oe(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),oe=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,le=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=U(t),l=i.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,r=N.get(e=e.head||e);if(r||N.set(e,r=new Set),!r.has(o)){{s=a.createElement("style"),s.innerHTML=l;const o=null!=(n=f.C)?n:k(a);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);re(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ce(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},se=null,re=(e,t,n,o)=>{try{se=t,t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.M||D(null,null),r=(e=>e&&e.m===H)(t)?t:A(null,null,t);if(M=o.tagName,n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.m=null,r.o|=4,e.M=r,r.v=s.v=o.shadowRoot||o,X(s,r,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return se=null,null},ie=()=>se,ce=e=>{const t=e.$hostElement$,n=e.t,o=e.k;64&e.o||(e.o|=64,he(t),fe(n,"componentDidLoad"),e.P(t),o||ae()),e.j&&(e.j(),e.j=void 0),512&e.o&&b((()=>ee(e,!1))),e.o&=-517},ue=e=>{{const t=n(e),o=t.$hostElement$.isConnected;return o&&2==(18&t.o)&&ee(t,!1),o}},ae=()=>{he(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"proto-autos-wc"}});return e.dispatchEvent(t),t})(u)))},fe=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},he=e=>e.classList.add("hydrated"),pe=(e,t,o)=>{var l,s;const r=e.prototype;if(t.A){const i=Object.entries(null!=(l=t.A)?l:{});if(i.map((([e,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).D.get(t))(0,e)},set(o){((e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.D.get(t),i=s.o,c=s.t;o=((e,t)=>null==e||j(e)?e:1&t?e+"":e)(o,l.A[t][0]),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.D.set(t,o),c&&2==(18&i)&&ee(s,!1))})(this,e,o,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){f.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.H)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.H)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},me=(e,o={})=>{var l;const h=[],m=o.exclude||[],d=u.customElements,y=a.head,w=y.querySelector("meta[charset]"),v=a.createElement("style"),$=[];let b,g=!0;Object.assign(f,o),f.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],S:o[1],A:o[2],R:o[3]};4&l.o&&(S=!0),l.A=o[2];const c=l.S,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,O:n,D:new Map};o.T=new Promise((e=>o.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):f.jmp((()=>(e=>{if(!(1&f.o)){const t=n(e),o=t.O,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.T)&&t.T.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Z(t,t.k=n);break}}o.A&&Object.entries(o.A).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.L;if(!n)return;const o=r.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.N}" was not found`);o.isProxied||(pe(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=U(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.k,c=()=>ee(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.o)){const e=n(this);(null==e?void 0:e.t)||(null==e?void 0:e.T)&&e.T.then((()=>{}))}})()))}componentOnReady(){return n(this).T}};l.L=e[0],m.includes(c)||d.get(c)||(h.push(c),d.define(c,pe(u,l,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=f.C)?l:k(a);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(ae,30)))},de=e=>f.C=e;export{me as b,ue as f,ie as g,A as h,h as p,o as r,de as s}