proto-autos-wc 0.1.130 → 0.1.131

package/dist/cjs/{index-CEF0bTIs.js → index-DrvQpdyW.js}

@@ -5,7 +5,7 @@ const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: fals
 const Env = /* proto-autos-wc */ {};
 
 /*
- Stencil Client Platform v4.41.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.41.1 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/dist/cjs/loader.cjs.js

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

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CEF0bTIs.js');
+var index = require('./index-DrvQpdyW.js');
 
 const KEY = 'proto-autos';
 const DATA = 'data';

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.41.0",
+    "version": "4.41.1",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/esm/{index-BL_UzBM7.js → index-bBH8K3KW.js}

@@ -3,7 +3,7 @@ const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: fals
 const Env = /* proto-autos-wc */ {};
 
 /*
- Stencil Client Platform v4.41.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.41.1 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/dist/esm/loader.js

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

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

@@ -1,9 +1,9 @@
-import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-BL_UzBM7.js';
-export { s as setNonce } from './index-BL_UzBM7.js';
+import { p as promiseResolve, B as BUILD, c as consoleDevInfo, w as win, N as NAMESPACE, H, b as bootstrapLazy } from './index-bBH8K3KW.js';
+export { s as setNonce } from './index-bBH8K3KW.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.41.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

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

@@ -1,4 +1,4 @@
-import { S as StencilCore, h, r as registerInstance } from './index-BL_UzBM7.js';
+import { S as StencilCore, h, r as registerInstance } from './index-bBH8K3KW.js';
 
 const KEY = 'proto-autos';
 const DATA = 'data';

package/dist/proto-autos-wc/{p-013509b6.entry.js → p-d2084841.entry.js}

@@ -1 +1 @@
-import{S as e,h as r,r as t}from"./p-BL_UzBM7.js";const o="proto-autos",n="data",a="pick",i=e=>{const r=localStorage.getItem(e?`${o}-${e}`:o);return r?JSON.parse(r):void 0},l=(e,r)=>{const t=e?`${o}-${e}`:o,n=JSON.stringify(r);localStorage.setItem(t,n)},s=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys()){const t=e.get(r).filter((e=>{const r=e.deref();return r&&(!("isConnected"in(t=r))||t.isConnected);var t}));e.set(r,t)}})(...r)}),2e3)}})(),c=e.forceUpdate,d=e.getRenderingRef,u=(e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)};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 h(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var g=function(){function e(){var r=this;h(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}(),b=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;h(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,g),f(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 v={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:m}=(()=>{const e=((e,r=(e,r)=>e!==r)=>{const t=()=>{return("function"==typeof(r=e)?r():r)??{};var r},o=t();let n=new Map(Object.entries(o));const a="undefined"!=typeof Proxy,i=a?null:{},l={dispose:[],get:[],set:[],reset:[]},s=new Map,c=()=>{n=new Map(Object.entries(t())),a||v(),l.reset.forEach((e=>e()))},d=e=>(l.get.forEach((r=>r(e))),n.get(e)),f=(e,t)=>{const o=n.get(e);r(t,o,e)&&(n.set(e,t),a||b(e),l.set.forEach((r=>r(e,t,o))))},h=a?new Proxy(o,{get:(e,r)=>d(r),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>n.has(r),set:(e,r,t)=>(f(r,t),!0)}):(v(),i),g=(e,r)=>(l[e].push(r),()=>{u(l[e],r)});function b(e){!a&&i&&(Object.prototype.hasOwnProperty.call(i,e)||Object.defineProperty(i,e,{configurable:!0,enumerable:!0,get:()=>d(e),set(r){f(e,r)}}))}function v(){if(a||!i)return;const e=new Set(n.keys());for(const r of Object.keys(i))e.has(r)||delete i[r];for(const r of e)b(r)}return{state:h,get:d,set:f,on:g,onChange:(e,r)=>{const o=(t,o)=>{t===e&&r(o)},n=()=>{const o=t();r(o[e])},a=g("set",o),i=g("reset",n);return s.set(r,{setHandler:o,resetHandler:n,propName:e}),()=>{a(),i(),s.delete(r)}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(g("set",r.set)),r.get&&e.push(g("get",r.get)),r.reset&&e.push(g("reset",r.reset)),r.dispose&&e.push(g("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{l.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const r=n.get(e);l.set.forEach((t=>t(e,r,r)))},removeListener:(e,r)=>{const t=s.get(r);t&&t.propName===e&&(u(l.set,t.setHandler),u(l.reset,t.resetHandler),s.delete(r))}}})(v,void 0);return e.use((()=>{if("function"!=typeof d||"function"!=typeof c)return{};const e=c,r=d,t=new Map;return{dispose:()=>t.clear(),get:e=>{const o=r();o&&((e,r,t)=>{let o=e.get(r);o||(o=[],e.set(r,o)),o.some((e=>e.deref()===t))||o.push(new WeakRef(t))})(t,e,o)},set:r=>{const o=t.get(r);if(o){const n=o.filter((r=>{const t=r.deref();return!!t&&e(t)}));t.set(r,n)}s(t)},reset:()=>{t.forEach((r=>{r.forEach((r=>{const t=r.deref();t&&e(t)}))})),s(t)}}})()),e})(),p=(e=!1)=>{m.loading=e,m.error=void 0,m.pick=0,m.data=void 0,m.dealer=void 0},w=e=>{if(e){const{pick:r}=m;m.dealer=null!=r?e.list[r]:void 0,m.data=e,m.loading=!1}else m.data=void 0,m.loading=!1},y=e=>{const{data:r}=m;r&&void 0!==e?(m.pick=e,m.dealer=r.list[e]):(m.pick=0,m.dealer=void 0)};var x=new b({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{p(!0),l(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};l(n,o),w(o)}))}))},j=()=>{p();const e=i(n),r=i(a);e?(w(e),r&&y(r)):k()},O=k,S=e=>{l(a,e),y(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:t}=e,{dealerId:o,name:n,vehicles:a}=t||{},i=a?a.length:0;return r("div",{class:z("flex flex-wrap content-center","mb-4 rounded-lg bg-blue-200 p-4","border border-solid border-blue-400")},r("label",{class:"text-xl font-bold"},n?`${n} `:"",r("sup",null,i||"")),r("label",{class:"ml-auto self-center text-right text-sm"},o||""))},N=/^\#[0-9]*/,$=e=>null!=e.match(N),C=e=>2554===e,q=e=>e>2010,A=e=>{const{vin:t,make:o,model:n,year:a,color:i}=e.value||{};return r("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",C(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":$(n)?"border-yellow-600 bg-yellow-300":q(a)?"border-green-600 bg-green-200":"border-gray-600 bg-gray-300")},r("div",{class:"mr-1.5 flex flex-col"},r("label",{class:"mb-2 text-xs"},t||""),r("label",{class:"text-lg font-bold"},o||""),r("label",{class:"mb-2 text-sm italic"},n||""),r("label",null,a||"",", ",i||""),r("label",null,C(a)?"- exotic... [ Sierra 117 ]":$(n)?"- track only...":"")),r("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},I=e=>{const{list:t}=e,o=t.length;return 0===o?"":r("div",{class:"flex flex-col"},o?t.map((e=>r(A,{value:e}))):"")},T=e=>{const{dealer:t}=e,{vehicles:o}=t||{vehicles:[]},n=o;return t?r("div",{class:"flex flex-col"},r(E,{value:t}),r(I,{list:n})):""},P="eswat2",U=()=>r("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},r("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),M=()=>r("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.18")),J=e=>{const{label:t}=e;return r("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},t)},_=e=>{const t=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return r("svg",{class:z(e.class||"","animate-spin"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,o),r("g",null,r("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:t,"stroke-width":"4"}),r("path",{class:"opacity-75",fill:t,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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},B=()=>{const{loading:e,pick:t,data:o}=m||{},{list:n}=o||{list:[]},a=n.length-1;return e?"":r("div",{class:"flex"},r("div",{class:"refresh hover:text-clrs-red md:w-auto",onClick:()=>O()},r("proto-ikon-loader",{name:"refresh",size:24})),r("div",{class:z("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>r("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",t==o?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},D=class{constructor(e){t(this,e),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:e,dealer:t}=m;return r("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},r(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),r(J,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),r(B,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),e?r(_,null):r("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")}),r(T,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:t}),r(M,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};D.style=" @layer properties; @layer theme, base, components, utilities; @layer theme {   :root,   :host {     --font-sans:       ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';     --color-yellow-300: oklch(90.5% 0.182 98.111);     --color-yellow-600: oklch(68.1% 0.162 75.834);     --color-green-200: oklch(92.5% 0.084 155.995);     --color-green-600: oklch(62.7% 0.194 149.214);     --color-blue-200: oklch(88.2% 0.059 254.128);     --color-blue-400: oklch(70.7% 0.165 254.624);     --color-gray-300: oklch(87.2% 0.01 258.338);     --color-gray-600: oklch(44.6% 0.03 256.802);     --color-white: #fff;     --spacing: 0.25rem;     --text-xs: 0.75rem;     --text-xs--line-height: calc(1 / 0.75);     --text-sm: 0.875rem;     --text-sm--line-height: calc(1.25 / 0.875);     --text-lg: 1.125rem;     --text-lg--line-height: calc(1.75 / 1.125);     --text-xl: 1.25rem;     --text-xl--line-height: calc(1.75 / 1.25);     --text-6xl: 3.75rem;     --text-6xl--line-height: 1;     --font-weight-thin: 100;     --font-weight-bold: 700;     --radius-md: 0.375rem;     --radius-lg: 0.5rem;     --animate-spin: spin 1s linear infinite;   } } @layer utilities {   .absolute {     position: absolute;   }   .relative {     position: relative;   }   .top-0 {     top: calc(var(--spacing) * 0);   }   .right-0 {     right: calc(var(--spacing) * 0);   }   .m-6 {     margin: calc(var(--spacing) * 6);   }   .mt-2 {     margin-top: calc(var(--spacing) * 2);   }   .mt-4 {     margin-top: calc(var(--spacing) * 4);   }   .mt-11 {     margin-top: calc(var(--spacing) * 11);   }   .mr-0 {     margin-right: calc(var(--spacing) * 0);   }   .mr-1\\.5 {     margin-right: calc(var(--spacing) * 1.5);   }   .mr-2 {     margin-right: calc(var(--spacing) * 2);   }   .mb-1 {     margin-bottom: calc(var(--spacing) * 1);   }   .mb-2 {     margin-bottom: calc(var(--spacing) * 2);   }   .mb-4 {     margin-bottom: calc(var(--spacing) * 4);   }   .mb-11 {     margin-bottom: calc(var(--spacing) * 11);   }   .ml-0 {     margin-left: calc(var(--spacing) * 0);   }   .ml-auto {     margin-left: auto;   }   .flex {     display: flex;   }   .inline-flex {     display: inline-flex;   }   .h-8 {     height: calc(var(--spacing) * 8);   }   .w-8 {     width: calc(var(--spacing) * 8);   }   .animate-spin {     animation: var(--animate-spin);   }   .flex-col {     flex-direction: column;   }   .flex-row {     flex-direction: row;   }   .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: var(--radius-lg);   }   .rounded-md {     border-radius: var(--radius-md);   }   .rounded-none {     border-radius: 0;   }   .rounded-tl-md {     border-top-left-radius: var(--radius-md);   }   .rounded-tl-none {     border-top-left-radius: 0;   }   .rounded-tr-md {     border-top-right-radius: var(--radius-md);   }   .rounded-tr-none {     border-top-right-radius: 0;   }   .rounded-br-md {     border-bottom-right-radius: var(--radius-md);   }   .rounded-br-none {     border-bottom-right-radius: 0;   }   .rounded-bl-md {     border-bottom-left-radius: var(--radius-md);   }   .rounded-bl-none {     border-bottom-left-radius: 0;   }   .border {     border-style: var(--tw-border-style);     border-width: 1px;   }   .border-r-0 {     border-right-style: var(--tw-border-style);     border-right-width: 0px;   }   .border-b-0 {     border-bottom-style: var(--tw-border-style);     border-bottom-width: 0px;   }   .border-l-0 {     border-left-style: var(--tw-border-style);     border-left-width: 0px;   }   .border-none {     --tw-border-style: none;     border-style: none;   }   .border-solid {     --tw-border-style: solid;     border-style: solid;   }   .border-blue-400 {     border-color: var(--color-blue-400);   }   .border-clrs-navy {     border-color: var(--clrs-navy, #001f3f);   }   .border-gray-300 {     border-color: var(--color-gray-300);   }   .border-gray-600 {     border-color: var(--color-gray-600);   }   .border-green-600 {     border-color: var(--color-green-600);   }   .border-yellow-600 {     border-color: var(--color-yellow-600);   }   .bg-blue-200 {     background-color: var(--color-blue-200);   }   .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 {     background-color: var(--color-gray-300);   }   .bg-green-200 {     background-color: var(--color-green-200);   }   .bg-yellow-300 {     background-color: var(--color-yellow-300);   }   .p-4 {     padding: calc(var(--spacing) * 4);   }   .text-center {     text-align: center;   }   .text-right {     text-align: right;   }   .align-middle {     vertical-align: middle;   }   .align-top {     vertical-align: top;   }   .font-sans {     font-family: var(--font-sans);   }   .text-6xl {     font-size: var(--text-6xl);     line-height: var(--tw-leading, var(--text-6xl--line-height));   }   .text-lg {     font-size: var(--text-lg);     line-height: var(--tw-leading, var(--text-lg--line-height));   }   .text-sm {     font-size: var(--text-sm);     line-height: var(--tw-leading, var(--text-sm--line-height));   }   .text-xl {     font-size: var(--text-xl);     line-height: var(--tw-leading, var(--text-xl--line-height));   }   .text-xs {     font-size: var(--text-xs);     line-height: var(--tw-leading, var(--text-xs--line-height));   }   .font-bold {     --tw-font-weight: var(--font-weight-bold);     font-weight: var(--font-weight-bold);   }   .font-thin {     --tw-font-weight: var(--font-weight-thin);     font-weight: var(--font-weight-thin);   }   .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 {     color: var(--color-white);   }   .uppercase {     text-transform: uppercase;   }   .italic {     font-style: italic;   }   .opacity-25 {     opacity: 25%;   }   .opacity-75 {     opacity: 75%;   }   .shadow {     --tw-shadow:       0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));     box-shadow:       var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);   }   .hover\\:text-clrs-navy {     &:hover {       @media (hover: hover) {         color: var(--clrs-navy, #001f3f);       }     }   }   .hover\\:text-clrs-red {     &:hover {       @media (hover: hover) {         color: var(--clrs-red, #ff4136);       }     }   }   .md\\:w-auto {     @media (width >= 48rem) {       width: auto;     }   } } @layer components {   .ds1-main {     margin: calc(var(--spacing) * 6);     display: flex;     flex-direction: column;     font-family: var(--font-sans);     color: var(--clrs-navy, #001f3f);     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;   } } .ikon {   height: 96px;   width: 96px; } @media (min-width: 500px) {   .ikon {     height: 144px;     width: 144px;   } } @media (min-width: 700px) {   .ikon {     height: 192px;     width: 192px;   } } @keyframes spin {   to {     transform: rotate(360deg);   } } @layer properties {   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or     ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {     *,     ::before,     ::after,     ::backdrop {       --tw-border-style: solid;       --tw-font-weight: initial;       --tw-shadow: 0 0 #0000;       --tw-shadow-color: initial;       --tw-shadow-alpha: 100%;       --tw-inset-shadow: 0 0 #0000;       --tw-inset-shadow-color: initial;       --tw-inset-shadow-alpha: 100%;       --tw-ring-color: initial;       --tw-ring-shadow: 0 0 #0000;       --tw-inset-ring-color: initial;       --tw-inset-ring-shadow: 0 0 #0000;       --tw-ring-inset: initial;       --tw-ring-offset-width: 0px;       --tw-ring-offset-color: #fff;       --tw-ring-offset-shadow: 0 0 #0000;     }   } } ";export{D as proto_autos}
+import{S as e,h as r,r as t}from"./p-bBH8K3KW.js";const o="proto-autos",n="data",a="pick",i=e=>{const r=localStorage.getItem(e?`${o}-${e}`:o);return r?JSON.parse(r):void 0},l=(e,r)=>{const t=e?`${o}-${e}`:o,n=JSON.stringify(r);localStorage.setItem(t,n)},s=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys()){const t=e.get(r).filter((e=>{const r=e.deref();return r&&(!("isConnected"in(t=r))||t.isConnected);var t}));e.set(r,t)}})(...r)}),2e3)}})(),c=e.forceUpdate,d=e.getRenderingRef,u=(e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)};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 h(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var g=function(){function e(){var r=this;h(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}(),b=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;h(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,g),f(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 v={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:m}=(()=>{const e=((e,r=(e,r)=>e!==r)=>{const t=()=>{return("function"==typeof(r=e)?r():r)??{};var r},o=t();let n=new Map(Object.entries(o));const a="undefined"!=typeof Proxy,i=a?null:{},l={dispose:[],get:[],set:[],reset:[]},s=new Map,c=()=>{n=new Map(Object.entries(t())),a||v(),l.reset.forEach((e=>e()))},d=e=>(l.get.forEach((r=>r(e))),n.get(e)),f=(e,t)=>{const o=n.get(e);r(t,o,e)&&(n.set(e,t),a||b(e),l.set.forEach((r=>r(e,t,o))))},h=a?new Proxy(o,{get:(e,r)=>d(r),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>n.has(r),set:(e,r,t)=>(f(r,t),!0)}):(v(),i),g=(e,r)=>(l[e].push(r),()=>{u(l[e],r)});function b(e){!a&&i&&(Object.prototype.hasOwnProperty.call(i,e)||Object.defineProperty(i,e,{configurable:!0,enumerable:!0,get:()=>d(e),set(r){f(e,r)}}))}function v(){if(a||!i)return;const e=new Set(n.keys());for(const r of Object.keys(i))e.has(r)||delete i[r];for(const r of e)b(r)}return{state:h,get:d,set:f,on:g,onChange:(e,r)=>{const o=(t,o)=>{t===e&&r(o)},n=()=>{const o=t();r(o[e])},a=g("set",o),i=g("reset",n);return s.set(r,{setHandler:o,resetHandler:n,propName:e}),()=>{a(),i(),s.delete(r)}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(g("set",r.set)),r.get&&e.push(g("get",r.get)),r.reset&&e.push(g("reset",r.reset)),r.dispose&&e.push(g("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{l.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const r=n.get(e);l.set.forEach((t=>t(e,r,r)))},removeListener:(e,r)=>{const t=s.get(r);t&&t.propName===e&&(u(l.set,t.setHandler),u(l.reset,t.resetHandler),s.delete(r))}}})(v,void 0);return e.use((()=>{if("function"!=typeof d||"function"!=typeof c)return{};const e=c,r=d,t=new Map;return{dispose:()=>t.clear(),get:e=>{const o=r();o&&((e,r,t)=>{let o=e.get(r);o||(o=[],e.set(r,o)),o.some((e=>e.deref()===t))||o.push(new WeakRef(t))})(t,e,o)},set:r=>{const o=t.get(r);if(o){const n=o.filter((r=>{const t=r.deref();return!!t&&e(t)}));t.set(r,n)}s(t)},reset:()=>{t.forEach((r=>{r.forEach((r=>{const t=r.deref();t&&e(t)}))})),s(t)}}})()),e})(),p=(e=!1)=>{m.loading=e,m.error=void 0,m.pick=0,m.data=void 0,m.dealer=void 0},w=e=>{if(e){const{pick:r}=m;m.dealer=null!=r?e.list[r]:void 0,m.data=e,m.loading=!1}else m.data=void 0,m.loading=!1},y=e=>{const{data:r}=m;r&&void 0!==e?(m.pick=e,m.dealer=r.list[e]):(m.pick=0,m.dealer=void 0)};var x=new b({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{p(!0),l(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};l(n,o),w(o)}))}))},j=()=>{p();const e=i(n),r=i(a);e?(w(e),r&&y(r)):k()},O=k,S=e=>{l(a,e),y(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:t}=e,{dealerId:o,name:n,vehicles:a}=t||{},i=a?a.length:0;return r("div",{class:z("flex flex-wrap content-center","mb-4 rounded-lg bg-blue-200 p-4","border border-solid border-blue-400")},r("label",{class:"text-xl font-bold"},n?`${n} `:"",r("sup",null,i||"")),r("label",{class:"ml-auto self-center text-right text-sm"},o||""))},N=/^\#[0-9]*/,$=e=>null!=e.match(N),C=e=>2554===e,q=e=>e>2010,A=e=>{const{vin:t,make:o,model:n,year:a,color:i}=e.value||{};return r("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",C(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":$(n)?"border-yellow-600 bg-yellow-300":q(a)?"border-green-600 bg-green-200":"border-gray-600 bg-gray-300")},r("div",{class:"mr-1.5 flex flex-col"},r("label",{class:"mb-2 text-xs"},t||""),r("label",{class:"text-lg font-bold"},o||""),r("label",{class:"mb-2 text-sm italic"},n||""),r("label",null,a||"",", ",i||""),r("label",null,C(a)?"- exotic... [ Sierra 117 ]":$(n)?"- track only...":"")),r("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},I=e=>{const{list:t}=e,o=t.length;return 0===o?"":r("div",{class:"flex flex-col"},o?t.map((e=>r(A,{value:e}))):"")},T=e=>{const{dealer:t}=e,{vehicles:o}=t||{vehicles:[]},n=o;return t?r("div",{class:"flex flex-col"},r(E,{value:t}),r(I,{list:n})):""},P="eswat2",U=()=>r("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},r("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),J=()=>r("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.18")),M=e=>{const{label:t}=e;return r("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},t)},H=e=>{const t=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return r("svg",{class:z(e.class||"","animate-spin"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,o),r("g",null,r("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:t,"stroke-width":"4"}),r("path",{class:"opacity-75",fill:t,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"})),r("path",{d:"M0 0h24v24H0z",fill:"none"}))},_=()=>{const{loading:e,pick:t,data:o}=m||{},{list:n}=o||{list:[]},a=n.length-1;return e?"":r("div",{class:"flex"},r("div",{class:"refresh hover:text-clrs-red md:w-auto",onClick:()=>O()},r("proto-ikon-loader",{name:"refresh",size:24})),r("div",{class:z("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>r("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",t==o?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},D=class{constructor(e){t(this,e),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:e,dealer:t}=m;return r("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},r(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),r(M,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),r(_,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),e?r(H,null):r("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")}),r(T,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:t}),r(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};D.style=" @layer properties; @layer theme, base, components, utilities; @layer theme {   :root,   :host {     --font-sans:       ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',       'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';     --color-yellow-300: oklch(90.5% 0.182 98.111);     --color-yellow-600: oklch(68.1% 0.162 75.834);     --color-green-200: oklch(92.5% 0.084 155.995);     --color-green-600: oklch(62.7% 0.194 149.214);     --color-blue-200: oklch(88.2% 0.059 254.128);     --color-blue-400: oklch(70.7% 0.165 254.624);     --color-gray-300: oklch(87.2% 0.01 258.338);     --color-gray-600: oklch(44.6% 0.03 256.802);     --color-white: #fff;     --spacing: 0.25rem;     --text-xs: 0.75rem;     --text-xs--line-height: calc(1 / 0.75);     --text-sm: 0.875rem;     --text-sm--line-height: calc(1.25 / 0.875);     --text-lg: 1.125rem;     --text-lg--line-height: calc(1.75 / 1.125);     --text-xl: 1.25rem;     --text-xl--line-height: calc(1.75 / 1.25);     --text-6xl: 3.75rem;     --text-6xl--line-height: 1;     --font-weight-thin: 100;     --font-weight-bold: 700;     --radius-md: 0.375rem;     --radius-lg: 0.5rem;     --animate-spin: spin 1s linear infinite;   } } @layer utilities {   .absolute {     position: absolute;   }   .relative {     position: relative;   }   .top-0 {     top: calc(var(--spacing) * 0);   }   .right-0 {     right: calc(var(--spacing) * 0);   }   .m-6 {     margin: calc(var(--spacing) * 6);   }   .mt-2 {     margin-top: calc(var(--spacing) * 2);   }   .mt-4 {     margin-top: calc(var(--spacing) * 4);   }   .mt-11 {     margin-top: calc(var(--spacing) * 11);   }   .mr-0 {     margin-right: calc(var(--spacing) * 0);   }   .mr-1\\.5 {     margin-right: calc(var(--spacing) * 1.5);   }   .mr-2 {     margin-right: calc(var(--spacing) * 2);   }   .mb-1 {     margin-bottom: calc(var(--spacing) * 1);   }   .mb-2 {     margin-bottom: calc(var(--spacing) * 2);   }   .mb-4 {     margin-bottom: calc(var(--spacing) * 4);   }   .mb-11 {     margin-bottom: calc(var(--spacing) * 11);   }   .ml-0 {     margin-left: calc(var(--spacing) * 0);   }   .ml-auto {     margin-left: auto;   }   .flex {     display: flex;   }   .inline-flex {     display: inline-flex;   }   .h-8 {     height: calc(var(--spacing) * 8);   }   .w-8 {     width: calc(var(--spacing) * 8);   }   .animate-spin {     animation: var(--animate-spin);   }   .flex-col {     flex-direction: column;   }   .flex-row {     flex-direction: row;   }   .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: var(--radius-lg);   }   .rounded-md {     border-radius: var(--radius-md);   }   .rounded-none {     border-radius: 0;   }   .rounded-tl-md {     border-top-left-radius: var(--radius-md);   }   .rounded-tl-none {     border-top-left-radius: 0;   }   .rounded-tr-md {     border-top-right-radius: var(--radius-md);   }   .rounded-tr-none {     border-top-right-radius: 0;   }   .rounded-br-md {     border-bottom-right-radius: var(--radius-md);   }   .rounded-br-none {     border-bottom-right-radius: 0;   }   .rounded-bl-md {     border-bottom-left-radius: var(--radius-md);   }   .rounded-bl-none {     border-bottom-left-radius: 0;   }   .border {     border-style: var(--tw-border-style);     border-width: 1px;   }   .border-r-0 {     border-right-style: var(--tw-border-style);     border-right-width: 0px;   }   .border-b-0 {     border-bottom-style: var(--tw-border-style);     border-bottom-width: 0px;   }   .border-l-0 {     border-left-style: var(--tw-border-style);     border-left-width: 0px;   }   .border-none {     --tw-border-style: none;     border-style: none;   }   .border-solid {     --tw-border-style: solid;     border-style: solid;   }   .border-blue-400 {     border-color: var(--color-blue-400);   }   .border-clrs-navy {     border-color: var(--clrs-navy, #001f3f);   }   .border-gray-300 {     border-color: var(--color-gray-300);   }   .border-gray-600 {     border-color: var(--color-gray-600);   }   .border-green-600 {     border-color: var(--color-green-600);   }   .border-yellow-600 {     border-color: var(--color-yellow-600);   }   .bg-blue-200 {     background-color: var(--color-blue-200);   }   .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 {     background-color: var(--color-gray-300);   }   .bg-green-200 {     background-color: var(--color-green-200);   }   .bg-yellow-300 {     background-color: var(--color-yellow-300);   }   .p-4 {     padding: calc(var(--spacing) * 4);   }   .text-center {     text-align: center;   }   .text-right {     text-align: right;   }   .align-middle {     vertical-align: middle;   }   .align-top {     vertical-align: top;   }   .font-sans {     font-family: var(--font-sans);   }   .text-6xl {     font-size: var(--text-6xl);     line-height: var(--tw-leading, var(--text-6xl--line-height));   }   .text-lg {     font-size: var(--text-lg);     line-height: var(--tw-leading, var(--text-lg--line-height));   }   .text-sm {     font-size: var(--text-sm);     line-height: var(--tw-leading, var(--text-sm--line-height));   }   .text-xl {     font-size: var(--text-xl);     line-height: var(--tw-leading, var(--text-xl--line-height));   }   .text-xs {     font-size: var(--text-xs);     line-height: var(--tw-leading, var(--text-xs--line-height));   }   .font-bold {     --tw-font-weight: var(--font-weight-bold);     font-weight: var(--font-weight-bold);   }   .font-thin {     --tw-font-weight: var(--font-weight-thin);     font-weight: var(--font-weight-thin);   }   .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 {     color: var(--color-white);   }   .uppercase {     text-transform: uppercase;   }   .italic {     font-style: italic;   }   .opacity-25 {     opacity: 25%;   }   .opacity-75 {     opacity: 75%;   }   .shadow {     --tw-shadow:       0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),       0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));     box-shadow:       var(--tw-inset-shadow), var(--tw-inset-ring-shadow),       var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);   }   .hover\\:text-clrs-navy {     &:hover {       @media (hover: hover) {         color: var(--clrs-navy, #001f3f);       }     }   }   .hover\\:text-clrs-red {     &:hover {       @media (hover: hover) {         color: var(--clrs-red, #ff4136);       }     }   }   .md\\:w-auto {     @media (width >= 48rem) {       width: auto;     }   } } @layer components {   .ds1-main {     margin: calc(var(--spacing) * 6);     display: flex;     flex-direction: column;     font-family: var(--font-sans);     color: var(--clrs-navy, #001f3f);     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;   } } .ikon {   height: 96px;   width: 96px; } @media (min-width: 500px) {   .ikon {     height: 144px;     width: 144px;   } } @media (min-width: 700px) {   .ikon {     height: 192px;     width: 192px;   } } @keyframes spin {   to {     transform: rotate(360deg);   } } @layer properties {   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or     ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {     *,     ::before,     ::after,     ::backdrop {       --tw-border-style: solid;       --tw-font-weight: initial;       --tw-shadow: 0 0 #0000;       --tw-shadow-color: initial;       --tw-shadow-alpha: 100%;       --tw-inset-shadow: 0 0 #0000;       --tw-inset-shadow-color: initial;       --tw-inset-shadow-alpha: 100%;       --tw-ring-color: initial;       --tw-ring-shadow: 0 0 #0000;       --tw-inset-ring-color: initial;       --tw-inset-ring-shadow: 0 0 #0000;       --tw-ring-inset: initial;       --tw-ring-offset-width: 0px;       --tw-ring-offset-color: #fff;       --tw-ring-offset-shadow: 0 0 #0000;     }   } } ";export{D as proto_autos}

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

@@ -1 +1 @@
-import{p as t,B as a,c as n,w as e,N as r,H as o,b as i}from"./p-BL_UzBM7.js";export{s as setNonce}from"./p-BL_UzBM7.js";import{g as p}from"./p-DQuL1Twl.js";var m=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const a=t.call(this,!1),n=this.childNodes;if(s)for(let s=0;s<n.length;s++)2!==n[s].nodeType&&a.appendChild(n[s].cloneNode(!0));return a}};(()=>{a.isDev&&!a.isTesting&&n("Running in development mode."),a.cloneNodeFix&&m(o.prototype);const s=a.scriptDataOpts?e.document&&Array.from(e.document.querySelectorAll("script")).find((s=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===r)):null,i=import.meta.url,p=a.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==i&&(p.resourcesUrl=new URL(".",i).href),t(p)})().then((async s=>(await p(),i([["p-013509b6",[[1,"proto-autos",{tag:[1]}]]]],s))));
+import{p as t,B as a,c as n,w as e,N as r,H as o,b as i}from"./p-bBH8K3KW.js";export{s as setNonce}from"./p-bBH8K3KW.js";import{g as p}from"./p-DQuL1Twl.js";var m=s=>{const t=s.cloneNode;s.cloneNode=function(s){if("TEMPLATE"===this.nodeName)return t.call(this,s);const a=t.call(this,!1),n=this.childNodes;if(s)for(let s=0;s<n.length;s++)2!==n[s].nodeType&&a.appendChild(n[s].cloneNode(!0));return a}};(()=>{a.isDev&&!a.isTesting&&n("Running in development mode."),a.cloneNodeFix&&m(o.prototype);const s=a.scriptDataOpts?e.document&&Array.from(e.document.querySelectorAll("script")).find((s=>new RegExp(`/${r}(\\.esm)?\\.js($|\\?|#)`).test(s.src)||s.getAttribute("data-stencil-namespace")===r)):null,i=import.meta.url,p=a.scriptDataOpts&&(s||{})["data-opts"]||{};return""!==i&&(p.resourcesUrl=new URL(".",i).href),t(p)})().then((async s=>(await p(),i([["p-d2084841",[[1,"proto-autos",{tag:[1]}]]]],s))));

package/dist/types/stencil-public-runtime.d.ts

@@ -618,7 +618,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-autos-wc",
-  "version": "0.1.130",
+  "version": "0.1.131",
   "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.41.0",
+    "@stencil/core": "4.41.1",
     "@stencil/store": "2.2.2",
     "fetchql": "3.0.0"
   },