proto-autos-wc 0.0.886 → 0.0.888

package/dist/cjs/{index-df4c4055.js → index-0b4c0364.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.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -369,7 +369,18 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          const injectStyle = (
+            /**
+             * we render a scoped component
+             */
+            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
+             * we are using shadow dom and render the style tag within the shadowRoot
+             */
+            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
+          );
+          if (injectStyle) {
+            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -392,7 +403,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
@@ -516,7 +527,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+    const rootNode = elm.getRootNode();
+    const isElementWithinShadowRoot = !rootNode.querySelector("body");
+    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (newVNode2.$children$) {
@@ -680,7 +693,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
         elm.textContent = "";
       }
       addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-    } else if (oldChildren !== null) {
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
     if (isSvgMode && tag === "svg") {
@@ -929,7 +945,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           if (this.hasOwnProperty(propName)) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
+          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
             return;
           } else if (propName == null) {
             const hostRef = getHostRef(this);

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-df4c4055.js');
+const index = require('./index-0b4c0364.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-df4c4055.js');
+const index = require('./index-0b4c0364.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.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-df4c4055.js');
+const index = require('./index-0b4c0364.js');
 
 const KEY = 'proto-autos';
 const DATA = 'data';

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.19.2",
-    "typescriptVersion": "5.4.5"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [],
   "bundles": []

package/dist/esm/{index-2d18a604.js → index-e234d552.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.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -347,7 +347,18 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          const injectStyle = (
+            /**
+             * we render a scoped component
+             */
+            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
+             * we are using shadow dom and render the style tag within the shadowRoot
+             */
+            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
+          );
+          if (injectStyle) {
+            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
+          }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -370,7 +381,7 @@ var attachStyles = (hostRef) => {
   const scopeId2 = addStyle(
     elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
+  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
@@ -494,7 +505,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+    const rootNode = elm.getRootNode();
+    const isElementWithinShadowRoot = !rootNode.querySelector("body");
+    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (newVNode2.$children$) {
@@ -658,7 +671,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
         elm.textContent = "";
       }
       addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-    } else if (oldChildren !== null) {
+    } else if (
+      // don't do this on initial render as it can cause non-hydrated content to be removed
+      !isInitialRender && BUILD.updatable && oldChildren !== null
+    ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
     if (isSvgMode && tag === "svg") {
@@ -907,7 +923,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           if (this.hasOwnProperty(propName)) {
             newValue = this[propName];
             delete this[propName];
-          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && this[propName] == newValue) {
+          } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
+          this[propName] == newValue) {
             return;
           } else if (propName == null) {
             const hostRef = getHostRef(this);

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-2d18a604.js';
-export { s as setNonce } from './index-2d18a604.js';
+import { b as bootstrapLazy } from './index-e234d552.js';
+export { s as setNonce } from './index-e234d552.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-2d18a604.js';
-export { s as setNonce } from './index-2d18a604.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e234d552.js';
+export { s as setNonce } from './index-e234d552.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.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-2d18a604.js';
+import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-e234d552.js';
 
 const KEY = 'proto-autos';
 const DATA = 'data';

package/dist/proto-autos-wc/p-37503c78.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:{},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?R(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,D);const u=R(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},R=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),T={},D={forEach:(e,t)=>e.map(H).forEach(t),map:(e,t)=>e.map(H).map(t).map(L)},H=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=R(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||(e[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);null!=o&&s.setAttribute("nonce",o),(!(1&t.o)||1&t.o&&"HEAD"!==e.nodeName)&&e.insertBefore(s,e.querySelector("link"))}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||R(null,null),r=(e=>e&&e.m===T)(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).R.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.R.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.R.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.T)?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.T)?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],D: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,R: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),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.H)&&t.H.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.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,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}

package/dist/proto-autos-wc/{p-77f4bc90.entry.js → p-4863dbad.entry.js}

@@ -1 +1 @@
-import{g as e,f as r,h as t,r as o}from"./p-10e44a0b.js";const n="proto-autos",a="data",i="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 b=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 f(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var m=function(){function e(){var r=this;f(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 b(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}(),p=function(){function e(r){var t=r.url,o=r.interceptors,n=r.headers,a=r.onStart,i=r.onEnd,l=r.omitEmptyVariables,s=void 0!==l&&l,c=r.requestOptions,d=void 0===c?{}:c;f(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:a,onEnd:i},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,m),b(e,[{key:"query",value:function(e){var r,t=this,o=e.operationName,n=e.query,a=e.variables,i=e.opts,l=void 0===i?{}:i,s=e.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return r=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(a):a,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      }",a=Object.assign({},this.requestObject);return a.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,a).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,a){if(r.onEnd(),!o)return a(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(e){return!o[e]}))&&n&&n.length)return a(n);var i=Object.assign(t,o);return Object.keys(o).map((function(e){return r.EnumMap[e]=o[e],e})),e({data:i,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:[]},a=()=>{var r;o=new Map(Object.entries(null!==(r=u(e))&&void 0!==r?r:{})),n.reset.forEach((e=>e()))},i=e=>(n.get.forEach((r=>r(e))),o.get(e)),l=(e,t)=>{const a=o.get(e);r(t,a,e)&&(o.set(e,t),n.set.forEach((r=>r(e,t,a))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>i(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:i,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())),a()},reset:a,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},y=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},v=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 p({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{w(!0),s(i,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(a,o),y(o)}))}))},j=()=>{w();const e=l(a),r=l(i);e?(y(e),r&&v(r)):k()},O=k,S=e=>{s(i,e),v(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:r}=e,{dealerId:o,name:n,vehicles:a}=r||{},i=a?a.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,i||"")),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:a,color:i}=e.value||{};return t("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",N(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(n)?"border-yellow-600 bg-yellow-300":q(a)?"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,a||"",", ",i||""),t("label",null,N(a)?"- 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 mr-6 mt-6 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.7")),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:[]},a=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==a?"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:"feda85eadc52048b5c1a40fcde7ea3d93862c33a",id:"app",class:"ds1-main"},t(U,{key:"44858fba755b983aba71d0231d9e110d111da285"}),t(M,{key:"eb036dc15a1462db2712a795d7a47a8eabea8a94",label:"Auto Dealers"}),t(D,{key:"5fef85ac71f67e61a3a5be3cddf935e0d6f36a61"}),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:"b615b6556ab82a3e051fa75e61fa7b10d706fb53",dealer:r}),t(J,{key:"04bd237c771a83d4e94dff5070a58b63cdf3a41e"}))}};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}.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}.mr-6{margin-right:1.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.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))}.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))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.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))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.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))}.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-37503c78.js";const n="proto-autos",a="data",i="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 b=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 f(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var m=function(){function e(){var r=this;f(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 b(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}(),p=function(){function e(r){var t=r.url,o=r.interceptors,n=r.headers,a=r.onStart,i=r.onEnd,l=r.omitEmptyVariables,s=void 0!==l&&l,c=r.requestOptions,d=void 0===c?{}:c;f(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:a,onEnd:i},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,m),b(e,[{key:"query",value:function(e){var r,t=this,o=e.operationName,n=e.query,a=e.variables,i=e.opts,l=void 0===i?{}:i,s=e.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return r=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(a):a,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      }",a=Object.assign({},this.requestObject);return a.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,a).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,a){if(r.onEnd(),!o)return a(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(e){return!o[e]}))&&n&&n.length)return a(n);var i=Object.assign(t,o);return Object.keys(o).map((function(e){return r.EnumMap[e]=o[e],e})),e({data:i,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:[]},a=()=>{var r;o=new Map(Object.entries(null!==(r=u(e))&&void 0!==r?r:{})),n.reset.forEach((e=>e()))},i=e=>(n.get.forEach((r=>r(e))),o.get(e)),l=(e,t)=>{const a=o.get(e);r(t,a,e)&&(o.set(e,t),n.set.forEach((r=>r(e,t,a))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>i(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:i,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())),a()},reset:a,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},y=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},v=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 p({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{w(!0),s(i,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(a,o),y(o)}))}))},j=()=>{w();const e=l(a),r=l(i);e?(y(e),r&&v(r)):k()},O=k,S=e=>{s(i,e),v(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:r}=e,{dealerId:o,name:n,vehicles:a}=r||{},i=a?a.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,i||"")),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:a,color:i}=e.value||{};return t("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",N(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(n)?"border-yellow-600 bg-yellow-300":q(a)?"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,a||"",", ",i||""),t("label",null,N(a)?"- 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 mr-6 mt-6 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.7")),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:[]},a=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==a?"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:"feda85eadc52048b5c1a40fcde7ea3d93862c33a",id:"app",class:"ds1-main"},t(U,{key:"44858fba755b983aba71d0231d9e110d111da285"}),t(M,{key:"eb036dc15a1462db2712a795d7a47a8eabea8a94",label:"Auto Dealers"}),t(D,{key:"5fef85ac71f67e61a3a5be3cddf935e0d6f36a61"}),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:"b615b6556ab82a3e051fa75e61fa7b10d706fb53",dealer:r}),t(J,{key:"04bd237c771a83d4e94dff5070a58b63cdf3a41e"}))}};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}.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}.mr-6{margin-right:1.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.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))}.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))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.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))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity))}.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))}.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-10e44a0b.js";export{s as setNonce}from"./p-10e44a0b.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-77f4bc90",[[1,"proto-autos",{tag:[1]}]]]],a))));
+import{p as o,b as t}from"./p-37503c78.js";export{s as setNonce}from"./p-37503c78.js";import{g as a}from"./p-e1255160.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),o(t)})().then((async o=>(await a(),t([["p-4863dbad",[[1,"proto-autos",{tag:[1]}]]]],o))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-autos-wc",
-  "version": "0.0.886",
+  "version": "0.0.888",
   "description": "prototype - a simple GraphQL demo rendered in Stencil and Tailwind",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -27,15 +27,15 @@
     "format": "prettier --write src cSpell.json"
   },
   "dependencies": {
-    "@stencil/core": "4.19.2",
+    "@stencil/core": "4.20.0",
     "@stencil/store": "2.0.16",
     "fetchql": "3.0.0",
-    "proto-tailwindcss-clrs": "0.0.343",
+    "proto-tailwindcss-clrs": "0.0.345",
     "tailwindcss": "3.4.7"
   },
   "license": "MIT",
   "devDependencies": {
-    "autoprefixer": "10.4.19",
+    "autoprefixer": "10.4.20",
     "concurrently": "8.2.2",
     "cspell": "8.13.1",
     "eslint": "9.8.0",

package/dist/proto-autos-wc/p-10e44a0b.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:()=>P,unwrapErr:()=>R});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,P=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},T=(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?A(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,N);const u=A(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},A=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),L={},N={forEach:(e,t)=>e.map(U).forEach(t),map:(e,t)=>e.map(U).map(t).map(D)},U=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),D=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),T(e.vtag,t,...e.vchildren||[])}const t=A(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},F=new WeakMap,H=e=>"sc-"+e.S,W=(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=G(n),s=G(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||(e[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(V);t=t.replace(_,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},q=/\s/,G=e=>e?e.split(q):[],V="Capture",_=RegExp(V+"$"),z=(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 B(Object.keys(l)))e in s||W(o,e,l[e],void 0,n,t.o);for(const e of B(Object.keys(s)))W(o,e,l[e],s[e],n,t.o)};function B(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var I=!1,J=(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(I||(I="svg"===o.m),l=o.v=a.createElementNS(I?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),I&&"foreignObject"===o.m&&(I=!1),z(null,o,I),null!=M&&l["s-si"]!==M&&l.classList.add(l["s-si"]=M),o.h)for(r=0;r<o.h.length;++r)s=J(e,o,r),s&&l.appendChild(s);"svg"===o.m?I=!1:"foreignObject"===l.tagName&&(I=!0)}return l["s-hn"]=x,l},K=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=J(null,n,l),r&&(o[l].v=r,Z(i,r,t)))},Q=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},X=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),Y=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(z(e,t,I="svg"===r||"foreignObject"!==r&&I),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(X(h,d,l))Y(h,d,l),h=t[++i],d=o[++c];else if(X(p,y,l))Y(p,y,l),p=t[--f],y=o[--m];else if(X(h,y,l))Y(h,y,l),Z(e,h.v,p.v.nextSibling),h=t[++i],y=o[--m];else if(X(p,d,l))Y(p,d,l),Z(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=J(t&&t[c],n,u):(Y(r,d,l),t[u]=void 0,s=r.v),d=o[++c]):(s=J(t&&t[c],n,c),d=o[++c]),s&&Z(h.v.parentNode,s,h.v)}i>f?K(e,null==o[m+1]?null:o[m+1].v,n,o,c,m):c>m&&Q(t,i,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),K(o,null,t,s,0,s.length-1)):null!==l&&Q(l,0,l.length-1),I&&"svg"===r&&(I=!1)):e.i!==i&&(o.data=i)},Z=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),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.k),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.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=H(t),l=i.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,r=F.get(e=e.head||e);if(r||F.set(e,r=new Set),!r.has(o)){{s=a.createElement("style"),s.innerHTML=l;const t=null!=(n=f.C)?n:k(a);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}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&&(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.O,s=e.M||A(null,null),r=(e=>e&&e.m===L)(t)?t:T(null,null,t);if(x=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,M=o["s-sc"],Y(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.k;64&e.o||(e.o|=64,pe(t),he(n,"componentDidLoad"),e.P(t),o||fe()),e.j&&(e.j(),e.j=void 0),512&e.o&&b((()=>te(e,!1))),e.o&=-517},ae=e=>{{const t=n(e),o=t.$hostElement$.isConnected;return o&&2==(18&t.o)&&te(t,!1),o}},fe=()=>{pe(a.documentElement),b((()=>(e=>{const t=f.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)=>{var l,s;const r=e.prototype;if(t.R){const i=Object.entries(null!=(l=t.R)?l:{});if(i.map((([e,[l]])=>{(31&l||2&o&&32&l)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).T.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.T.get(t),i=s.o,c=s.t;o=((e,t)=>null==e||j(e)?e:1&t?e+"":e)(o,l.R[t][0]),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.T.set(t,o),c&&2==(18&i)&&te(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.A)?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.A)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},de=(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],R:o[2],L:o[3]};4&l.o&&(S=!0),l.R=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,T:new Map};o.N=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.N)&&t.N.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.k=n);break}}o.R&&Object.entries(o.R).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.U){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.U;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.D}" was not found`);o.isProxied||(me(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=H(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=()=>te(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.N)&&e.N.then((()=>{}))}})()))}componentOnReady(){return n(this).N}};l.U=e[0],m.includes(c)||d.get(c)||(h.push(c),d.define(c,me(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(fe,30)))},ye=e=>f.C=e;export{de as b,ae as f,ce as g,T as h,h as p,o as r,ye as s}