proto-autos-wc 0.1.47 → 0.1.49

package/dist/cjs/{index-AJjVrTW1.js → index-D-fny6sA.js}

@@ -7,7 +7,7 @@ const globalScripts = () => {};
 const globalStyles = "";
 
 /*
- Stencil Client Platform v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.35.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -83,7 +83,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
-var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var win = typeof window !== "undefined" ? window : {};
@@ -339,7 +338,7 @@ var createSupportsRuleRe = (selector) => {
 createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
-var parsePropertyValue = (propValue, propType) => {
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 1 /* String */) {
       return String(propValue);
@@ -386,7 +385,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
       }
       if (!appliedStyles.has(scopeId2)) {
         {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
+          styleElm = win.document.createElement("style");
           styleElm.innerHTML = style;
           const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
           if (nonce != null) {
@@ -973,7 +972,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
-  newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0]);
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -1029,7 +1030,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
                 ref.$instanceValues$.set(memberName, currentValue);
               }
-              origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags)
+              ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
               return;
@@ -1051,7 +1056,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags);
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-AJjVrTW1.js');
+var index = require('./index-D-fny6sA.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-AJjVrTW1.js');
+var index = require('./index-D-fny6sA.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.35.0 | 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-AJjVrTW1.js');
+var index = require('./index-D-fny6sA.js');
 
 const KEY = 'proto-autos';
 const DATA = 'data';
@@ -794,7 +794,7 @@ const actions = {
 };
 
 // WARNING:  generated file...
-const TW_VERSION = '4.1.9';
+const TW_VERSION = '4.1.10';
 
 const tw = (...classes) => {
     return classes.filter(Boolean).join(' ');
@@ -915,7 +915,7 @@ const ToolBar = _props => {
                 : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
 };
 
-const shadowCss = "/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-thin: 100;\n    --font-weight-bold: 700;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --animate-spin: spin 1s linear infinite;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .m-6 {\n    margin: calc(var(--spacing) * 6);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-11 {\n    margin-bottom: calc(var(--spacing) * 11);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .self-center {\n    align-self: center;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-tl-md {\n    border-top-left-radius: var(--radius-md);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-tr-md {\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tr-none {\n    border-top-right-radius: 0;\n  }\n  .rounded-br-md {\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-br-none {\n    border-bottom-right-radius: 0;\n  }\n  .rounded-bl-md {\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-bl-none {\n    border-bottom-left-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-blue-400 {\n    border-color: var(--color-blue-400);\n  }\n  .border-clrs-navy {\n    border-color: var(--clrs-navy, #001f3f);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-600 {\n    border-color: var(--color-gray-600);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-yellow-600 {\n    border-color: var(--color-yellow-600);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-clrs-navy {\n    background-color: var(--clrs-navy, #001f3f);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-yellow {\n    background-color: var(--clrs-yellow, #ffdc00);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-green-200 {\n    background-color: var(--color-green-200);\n  }\n  .bg-yellow-300 {\n    background-color: var(--color-yellow-300);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-thin {\n    --tw-font-weight: var(--font-weight-thin);\n    font-weight: var(--font-weight-thin);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-red {\n    color: var(--clrs-red, #ff4136);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-25 {\n    opacity: 25%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .hover\\:text-clrs-red {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-red, #ff4136);\n      }\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    margin: calc(var(--spacing) * 6);\n    display: flex;\n    flex-direction: column;\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n.ikon {\n  height: 96px;\n  width: 96px;\n}\n@media (min-width: 500px) {\n  .ikon {\n    height: 144px;\n    width: 144px;\n  }\n}\n@media (min-width: 700px) {\n  .ikon {\n    height: 192px;\n    width: 192px;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n";
+const shadowCss = "/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-thin: 100;\n    --font-weight-bold: 700;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --animate-spin: spin 1s linear infinite;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .m-6 {\n    margin: calc(var(--spacing) * 6);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-11 {\n    margin-bottom: calc(var(--spacing) * 11);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .self-center {\n    align-self: center;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-tl-md {\n    border-top-left-radius: var(--radius-md);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-tr-md {\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tr-none {\n    border-top-right-radius: 0;\n  }\n  .rounded-br-md {\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-br-none {\n    border-bottom-right-radius: 0;\n  }\n  .rounded-bl-md {\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-bl-none {\n    border-bottom-left-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-blue-400 {\n    border-color: var(--color-blue-400);\n  }\n  .border-clrs-navy {\n    border-color: var(--clrs-navy, #001f3f);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-600 {\n    border-color: var(--color-gray-600);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-yellow-600 {\n    border-color: var(--color-yellow-600);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-clrs-navy {\n    background-color: var(--clrs-navy, #001f3f);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-yellow {\n    background-color: var(--clrs-yellow, #ffdc00);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-green-200 {\n    background-color: var(--color-green-200);\n  }\n  .bg-yellow-300 {\n    background-color: var(--color-yellow-300);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-thin {\n    --tw-font-weight: var(--font-weight-thin);\n    font-weight: var(--font-weight-thin);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-red {\n    color: var(--clrs-red, #ff4136);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-25 {\n    opacity: 25%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .hover\\:text-clrs-red {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-red, #ff4136);\n      }\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    margin: calc(var(--spacing) * 6);\n    display: flex;\n    flex-direction: column;\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n.ikon {\n  height: 96px;\n  width: 96px;\n}\n@media (min-width: 500px) {\n  .ikon {\n    height: 144px;\n    width: 144px;\n  }\n}\n@media (min-width: 700px) {\n  .ikon {\n    height: 192px;\n    width: 192px;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n";
 
 const ProtoAutos = class {
     constructor(hostRef) {

package/dist/collection/collection-manifest.json

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

package/dist/collection/styles/shadow.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {

package/dist/collection/tokens.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {

package/dist/collection/utils/tw-version.js

@@ -1,4 +1,4 @@
 // WARNING:  generated file...
-const TW_VERSION = '4.1.9';
+const TW_VERSION = '4.1.10';
 export { TW_VERSION };
 export default TW_VERSION;

package/dist/esm/{index-CpUkFnVB.js → index-D0auKo-v.js}

@@ -5,7 +5,7 @@ const globalScripts = () => {};
 const globalStyles = "";
 
 /*
- Stencil Client Platform v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.35.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -81,7 +81,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
-var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var win = typeof window !== "undefined" ? window : {};
@@ -337,7 +336,7 @@ var createSupportsRuleRe = (selector) => {
 createSupportsRuleRe("::slotted");
 createSupportsRuleRe(":host");
 createSupportsRuleRe(":host-context");
-var parsePropertyValue = (propValue, propType) => {
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 1 /* String */) {
       return String(propValue);
@@ -384,7 +383,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
       }
       if (!appliedStyles.has(scopeId2)) {
         {
-          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
+          styleElm = win.document.createElement("style");
           styleElm.innerHTML = style;
           const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
           if (nonce != null) {
@@ -971,7 +970,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
-  newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0]);
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -1027,7 +1028,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
                 ref.$instanceValues$.set(memberName, currentValue);
               }
-              origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags)
+              ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
               return;
@@ -1049,7 +1054,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags);
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-CpUkFnVB.js';
-export { s as setNonce } from './index-CpUkFnVB.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-D0auKo-v.js';
+export { s as setNonce } from './index-D0auKo-v.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-CpUkFnVB.js';
-export { s as setNonce } from './index-CpUkFnVB.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-D0auKo-v.js';
+export { s as setNonce } from './index-D0auKo-v.js';
 
 /*
- Stencil Client Patch Browser v4.33.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.35.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

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

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-CpUkFnVB.js';
+import { a as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-D0auKo-v.js';
 
 const KEY = 'proto-autos';
 const DATA = 'data';
@@ -792,7 +792,7 @@ const actions = {
 };
 
 // WARNING:  generated file...
-const TW_VERSION = '4.1.9';
+const TW_VERSION = '4.1.10';
 
 const tw = (...classes) => {
     return classes.filter(Boolean).join(' ');
@@ -913,7 +913,7 @@ const ToolBar = _props => {
                 : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
 };
 
-const shadowCss = "/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-thin: 100;\n    --font-weight-bold: 700;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --animate-spin: spin 1s linear infinite;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .m-6 {\n    margin: calc(var(--spacing) * 6);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-11 {\n    margin-bottom: calc(var(--spacing) * 11);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .self-center {\n    align-self: center;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-tl-md {\n    border-top-left-radius: var(--radius-md);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-tr-md {\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tr-none {\n    border-top-right-radius: 0;\n  }\n  .rounded-br-md {\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-br-none {\n    border-bottom-right-radius: 0;\n  }\n  .rounded-bl-md {\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-bl-none {\n    border-bottom-left-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-blue-400 {\n    border-color: var(--color-blue-400);\n  }\n  .border-clrs-navy {\n    border-color: var(--clrs-navy, #001f3f);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-600 {\n    border-color: var(--color-gray-600);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-yellow-600 {\n    border-color: var(--color-yellow-600);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-clrs-navy {\n    background-color: var(--clrs-navy, #001f3f);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-yellow {\n    background-color: var(--clrs-yellow, #ffdc00);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-green-200 {\n    background-color: var(--color-green-200);\n  }\n  .bg-yellow-300 {\n    background-color: var(--color-yellow-300);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-thin {\n    --tw-font-weight: var(--font-weight-thin);\n    font-weight: var(--font-weight-thin);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-red {\n    color: var(--clrs-red, #ff4136);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-25 {\n    opacity: 25%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .hover\\:text-clrs-red {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-red, #ff4136);\n      }\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    margin: calc(var(--spacing) * 6);\n    display: flex;\n    flex-direction: column;\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n.ikon {\n  height: 96px;\n  width: 96px;\n}\n@media (min-width: 500px) {\n  .ikon {\n    height: 144px;\n    width: 144px;\n  }\n}\n@media (min-width: 700px) {\n  .ikon {\n    height: 192px;\n    width: 192px;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n";
+const shadowCss = "/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-thin: 100;\n    --font-weight-bold: 700;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --animate-spin: spin 1s linear infinite;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .m-6 {\n    margin: calc(var(--spacing) * 6);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-11 {\n    margin-bottom: calc(var(--spacing) * 11);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .self-center {\n    align-self: center;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-tl-md {\n    border-top-left-radius: var(--radius-md);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-tr-md {\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tr-none {\n    border-top-right-radius: 0;\n  }\n  .rounded-br-md {\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-br-none {\n    border-bottom-right-radius: 0;\n  }\n  .rounded-bl-md {\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-bl-none {\n    border-bottom-left-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-blue-400 {\n    border-color: var(--color-blue-400);\n  }\n  .border-clrs-navy {\n    border-color: var(--clrs-navy, #001f3f);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-600 {\n    border-color: var(--color-gray-600);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-yellow-600 {\n    border-color: var(--color-yellow-600);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-clrs-navy {\n    background-color: var(--clrs-navy, #001f3f);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-yellow {\n    background-color: var(--clrs-yellow, #ffdc00);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-green-200 {\n    background-color: var(--color-green-200);\n  }\n  .bg-yellow-300 {\n    background-color: var(--color-yellow-300);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-thin {\n    --tw-font-weight: var(--font-weight-thin);\n    font-weight: var(--font-weight-thin);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-red {\n    color: var(--clrs-red, #ff4136);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-25 {\n    opacity: 25%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .hover\\:text-clrs-red {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-red, #ff4136);\n      }\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    margin: calc(var(--spacing) * 6);\n    display: flex;\n    flex-direction: column;\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n.ikon {\n  height: 96px;\n  width: 96px;\n}\n@media (min-width: 500px) {\n  .ikon {\n    height: 144px;\n    width: 144px;\n  }\n}\n@media (min-width: 700px) {\n  .ikon {\n    height: 192px;\n    width: 192px;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n";
 
 const ProtoAutos = class {
     constructor(hostRef) {

package/dist/proto-autos-wc/{p-CpUkFnVB.js → p-D0auKo-v.js}

@@ -1,2 +1,2 @@
-const t=()=>{};var e=Object.defineProperty,n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&a.o?b(w):a.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&a.raf(w)},b=t=>f().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.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:()=>O,map:()=>k,ok:()=>j,unwrap:()=>E,unwrapErr:()=>C});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value};function x(){const t=this.attachShadow({mode:"open"});if(d){const e=new CSSStyleSheet;e.replaceSync(""),t.adoptedStyleSheets.push(e)}}var M=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!g(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?P(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,D);const u=P(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},P=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),R={},D={forEach:(t,e)=>t.map(U).forEach(e),map:(t,e)=>t.map(U).map(e).map(W)},U=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),W=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),M(t.vtag,e,...t.vchildren||[])}const e=P(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},A=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};A("::slotted"),A(":host"),A(":host-context");var N,L=(t,e)=>null==t||g(t)?t:1&e?t+"":t,T=new WeakMap,H=t=>"sc-"+t.S,z=(t,e,n,o,s,i)=>{if(n===o)return;let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=V(n);let s=V(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===e);else if(r||"o"!==e[0]||"n"!==e[1]){const l=g(o);if((r||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&i||s)&&!l&&1===t.nodeType&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(q);e=e.replace(G,""),n&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}},F=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),q="Capture",G=RegExp(q+"$"),I=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},s=e.u||{};for(const t of Y(Object.keys(l)))t in s||z(o,t,l[t],void 0,n,e.o);for(const t of Y(Object.keys(s)))z(o,t,l[t],s[t],n,e.o)};function Y(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var _=!1,B=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(null!==o.i)l=o.v=u.document.createTextNode(o.i);else{if(_||(_="svg"===o.m),!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=u.document.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),_&&"foreignObject"===o.m&&(_=!1),I(null,o,_),o.h)for(i=0;i<o.h.length;++i)s=B(t,o,i),s&&l.appendChild(s);"svg"===o.m?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=N,l},J=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===N&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=B(null,n,l),i&&(o[l].v=i,Z(r,i,e)))},K=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;t&&t.remove()}}},Q=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),X=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,s=e.h,i=e.m,r=e.i;null===r?(I(t,e,_="svg"===i||"foreignObject"!==i&&_),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(Q(d,m,l))X(d,m,l),d=e[++r],m=o[++c];else if(Q(h,v,l))X(h,v,l),h=e[--f],v=o[--p];else if(Q(d,v,l))X(d,v,l),Z(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(Q(h,m,l))X(h,m,l),Z(t,h.v,d.v),h=e[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].p&&e[a].p===m.p){u=a;break}u>=0?(i=e[u],i.m!==m.m?s=B(e&&e[c],n,u):(X(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=B(e&&e[c],n,c),m=o[++c]),s&&Z(d.v.parentNode,s,d.v)}r>f?J(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&K(e,r,f)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),J(o,null,e,s,0,s.length-1)):!n&&null!==l&&K(l,0,l.length-1),_&&"svg"===i&&(_=!1)):t.i!==r&&(o.data=r)},Z=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},et=(t,e)=>{if(t.o|=16,!(4&t.o))return tt(t,t.O),$((()=>nt(t,e)));t.o|=512},nt=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.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`);let l;return l=dt(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=ot(l,(()=>dt(o,"componentWillRender",void 0,n))),ot(l,(()=>st(t,o,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=H(e),l=r.get(o);if(!u.document)return o;if(t=11===t.nodeType?t:u.document,l)if("string"==typeof l){let s,i=T.get(t=t.head||t);if(i||T.set(t,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||u.document.createElement("style"),s.innerHTML=l;const i=null!=(n=a.C)?n:S(u.document);if(null!=i&&s.setAttribute("nonce",i),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(d){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=c),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);rt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ut(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},it=null,rt=(t,e,n,o)=>{try{it=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||P(null,null),s=(t=>t&&t.m===R)(e)?e:M(null,null,e);if(N=o.tagName,n&&s.u)for(const t of Object.keys(s.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.u[t]=o[t]);s.m=null,s.o|=4,t.M=s,s.v=l.v=o.shadowRoot||o,X(l,s,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return it=null,null},ct=()=>it,ut=t=>{const e=t.$hostElement$,n=t.t,o=t.O;dt(n,"componentDidRender",void 0,e),64&t.o?dt(n,"componentDidUpdate",void 0,e):(t.o|=64,ht(e),dt(n,"componentDidLoad",void 0,e),t.P(e),o||ft()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>et(t,!1))),t.o&=-517},at=t=>{{const e=n(t),o=e.$hostElement$.isConnected;return o&&2==(18&e.o)&&et(e,!1),o}},ft=()=>{b((()=>(t=>{const e=a.ce("appload",{detail:{namespace:"proto-autos-wc"}});return t.dispatchEvent(e),e})(u)))},dt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},ht=t=>t.classList.add("hydrated"),pt=(t,e,o,l)=>{const s=n(t);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/stenciljs/core/issues/5457).`);const i=s.R.get(e),r=s.o,c=s.t;if(o=L(o,l.D[e][0]),(!(8&r)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(s.R.set(e,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,i,e))return;et(s,!1)}},mt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.D){const r=Object.entries(null!=(l=e.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.D[t][0]|=2048),r&&(e.D[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.D[t][0]))return((t,e)=>n(this).R.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.R.get(t)?s=i.R.get(t):!i.R.get(t)&&n&&i.R.set(t,n),r.call(this,L(s,l)),void pt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.D[t][0]))return pt(this,t,s,e),void(1&o&&!i.t&&i.U.then((()=>{4096&e.D[t][0]&&i.t[t]!==i.R.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.R.get(t)&&n&&i.R.set(t,n),i.t[t]=L(s,l),pt(this,t,i.t[t],e)};i.t?n():i.U.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){a.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.W)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.W)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},vt=(t,e)=>{dt(t,"connectedCallback",void 0,e)},yt=(t,e)=>{dt(t,"disconnectedCallback",void 0,e||t)},wt=(t,e={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],f=e.exclude||[],h=u.customElements,p=u.document.head,m=p.querySelector("meta[charset]"),v=u.document.createElement("style"),y=[];let w,b=!0;Object.assign(a,e),a.l=new URL(e.resourcesUrl||"./",u.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((e=>{const o={o:e[0],S:e[1],D:e[2],A:e[3]};4&o.o&&($=!0),o.D=e[2];const c=o.S,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,R:new Map};n.U=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(t,o)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):a.jmp((()=>(t=>{if(!(1&a.o)){const e=n(t),o=e.k,l=()=>{};if(1&e.o)(null==e?void 0:e.t)?vt(e.t,t):(null==e?void 0:e.U)&&e.U.then((()=>vt(e.t,t)));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.O=n);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.N){const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.N;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
+const t=()=>{};var e=Object.defineProperty,n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},l=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a={o:0,l:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&a.o?b(w):a.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&a.raf(w)},b=t=>f().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.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:()=>O,map:()=>k,ok:()=>j,unwrap:()=>E,unwrapErr:()=>C});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value};function x(){const t=this.attachShadow({mode:"open"});if(d){const e=new CSSStyleSheet;e.replaceSync(""),t.adoptedStyleSheets.push(e)}}var M=(t,e,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof t&&!g(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?P(null,o):o),i=s)};if(c(n),e){e.key&&(l=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,r,D);const u=P(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},P=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),R={},D={forEach:(t,e)=>t.map(U).forEach(e),map:(t,e)=>t.map(U).map(e).map(W)},U=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),W=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),M(t.vtag,e,...t.vchildren||[])}const e=P(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},A=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};A("::slotted"),A(":host"),A(":host-context");var N,L=(t,e)=>null==t||g(t)?t:1&e?t+"":t,T=new WeakMap,H=t=>"sc-"+t.S,z=(t,e,n,o,s,i)=>{if(n===o)return;let r=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=V(n);let s=V(o);e.remove(...l.filter((t=>t&&!s.includes(t)))),e.add(...s.filter((t=>t&&!l.includes(t))))}else if("key"===e);else if(r||"o"!==e[0]||"n"!==e[1]){const l=g(o);if((r||l&&null!==o)&&!s)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&i||s)&&!l&&1===t.nodeType&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(q);e=e.replace(G,""),n&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}},F=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),q="Capture",G=RegExp(q+"$"),I=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},s=e.u||{};for(const t of Y(Object.keys(l)))t in s||z(o,t,l[t],void 0,n,e.o);for(const t of Y(Object.keys(s)))z(o,t,l[t],s[t],n,e.o)};function Y(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var _=!1,B=(t,e,n)=>{const o=e.h[n];let l,s,i=0;if(null!==o.i)l=o.v=u.document.createTextNode(o.i);else{if(_||(_="svg"===o.m),!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=u.document.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),_&&"foreignObject"===o.m&&(_=!1),I(null,o,_),o.h)for(i=0;i<o.h.length;++i)s=B(t,o,i),s&&l.appendChild(s);"svg"===o.m?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=N,l},J=(t,e,n,o,l,s)=>{let i,r=t;for(r.shadowRoot&&r.tagName===N&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=B(null,n,l),i&&(o[l].v=i,Z(r,i,e)))},K=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;t&&t.remove()}}},Q=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),X=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,s=e.h,i=e.m,r=e.i;null===r?(I(t,e,_="svg"===i||"foreignObject"!==i&&_),null!==l&&null!==s?((t,e,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=e.length-1,d=e[0],h=e[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(Q(d,m,l))X(d,m,l),d=e[++r],m=o[++c];else if(Q(h,v,l))X(h,v,l),h=e[--f],v=o[--p];else if(Q(d,v,l))X(d,v,l),Z(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(Q(h,m,l))X(h,m,l),Z(t,h.v,d.v),h=e[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(e[a]&&null!==e[a].p&&e[a].p===m.p){u=a;break}u>=0?(i=e[u],i.m!==m.m?s=B(e&&e[c],n,u):(X(i,m,l),e[u]=void 0,s=i.v),m=o[++c]):(s=B(e&&e[c],n,c),m=o[++c]),s&&Z(d.v.parentNode,s,d.v)}r>f?J(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&K(e,r,f)})(o,l,e,s,n):null!==s?(null!==t.i&&(o.textContent=""),J(o,null,e,s,0,s.length-1)):!n&&null!==l&&K(l,0,l.length-1),_&&"svg"===i&&(_=!1)):t.i!==r&&(o.data=r)},Z=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),tt=(t,e)=>{if(e&&!t.j&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.j=()=>{e["s-p"].splice(n-1,1),o()})))}},et=(t,e)=>{if(t.o|=16,!(4&t.o))return tt(t,t.O),$((()=>nt(t,e)));t.o|=512},nt=(t,e)=>{const n=t.$hostElement$,o=t.t;if(!o)throw Error(`Can't render component <${n.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`);let l;return l=dt(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=ot(l,(()=>dt(o,"componentWillRender",void 0,n))),ot(l,(()=>st(t,o,e)))},ot=(t,e)=>lt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),lt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=async(t,e,n)=>{var o;const l=t.$hostElement$,s=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=H(e),l=r.get(o);if(!u.document)return o;if(t=11===t.nodeType?t:u.document,l)if("string"==typeof l){let s,i=T.get(t=t.head||t);if(i||T.set(t,i=new Set),!i.has(o)){{s=u.document.createElement("style"),s.innerHTML=l;const o=null!=(n=a.C)?n:S(u.document);if(null!=o&&s.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(s,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(d){const e=new CSSStyleSheet;e.replaceSync(l),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=l+e.innerHTML:t.prepend(s)}else t.append(s);1&e.o&&t.insertBefore(s,null)}4&e.o&&(s.innerHTML+=c),i&&i.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);rt(t,e,l,n),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ut(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},it=null,rt=(t,e,n,o)=>{try{it=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||P(null,null),s=(t=>t&&t.m===R)(e)?e:M(null,null,e);if(N=o.tagName,n&&s.u)for(const t of Object.keys(s.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(s.u[t]=o[t]);s.m=null,s.o|=4,t.M=s,s.v=l.v=o.shadowRoot||o,X(l,s,n)})(t,e,o)}catch(e){s(e,t.$hostElement$)}return it=null,null},ct=()=>it,ut=t=>{const e=t.$hostElement$,n=t.t,o=t.O;dt(n,"componentDidRender",void 0,e),64&t.o?dt(n,"componentDidUpdate",void 0,e):(t.o|=64,ht(e),dt(n,"componentDidLoad",void 0,e),t.P(e),o||ft()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>et(t,!1))),t.o&=-517},at=t=>{{const e=n(t),o=e.$hostElement$.isConnected;return o&&2==(18&e.o)&&et(e,!1),o}},ft=()=>{b((()=>(t=>{const e=a.ce("appload",{detail:{namespace:"proto-autos-wc"}});return t.dispatchEvent(e),e})(u)))},dt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,o)}},ht=t=>t.classList.add("hydrated"),pt=(t,e,o,l)=>{const s=n(t);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/stenciljs/core/issues/5457).`);const i=s.R.get(e),r=s.o,c=s.t;if(o=L(o,l.D[e][0]),(!(8&r)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(s.R.set(e,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,i,e))return;et(s,!1)}},mt=(t,e,o)=>{var l,s;const i=t.prototype;if(e.D){const r=Object.entries(null!=(l=e.D)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(e.D[t][0]|=2048),r&&(e.D[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&e.D[t][0]))return((t,e)=>n(this).R.get(e))(0,t);const o=n(this),l=o?o.t:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=n(this);if(r){const n=32&l?this[t]:i.$hostElement$[t];return void 0===n&&i.R.get(t)?s=i.R.get(t):!i.R.get(t)&&n&&i.R.set(t,n),r.call(this,L(s,l)),void pt(this,t,s=32&l?this[t]:i.$hostElement$[t],e)}{if(!(1&o&&4096&e.D[t][0]))return pt(this,t,s,e),void(1&o&&!i.t&&i.U.then((()=>{4096&e.D[t][0]&&i.t[t]!==i.R.get(t)&&(i.t[t]=s)})));const n=()=>{const n=i.t[t];!i.R.get(t)&&n&&i.R.set(t,n),i.t[t]=L(s,l),pt(this,t,i.t[t],e)};i.t?n():i.U.then((()=>n()))}}})}})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){a.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),i=null==o?void 0:o.o;if(i&&!(8&i)&&128&i&&s!==l){const n=o.t,i=null==(r=e.W)?void 0:r[t];null==i||i.forEach((e=>{null!=n[e]&&n[e].call(n,s,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(i,c);(s=(null!==s||"boolean"!=typeof this[c])&&s)===this[c]||u.get&&!u.set||(this[c]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.W)?s:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},vt=(t,e)=>{dt(t,"connectedCallback",void 0,e)},yt=(t,e)=>{dt(t,"disconnectedCallback",void 0,e||t)},wt=(t,e={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],f=e.exclude||[],h=u.customElements,p=u.document.head,m=p.querySelector("meta[charset]"),v=u.document.createElement("style"),y=[];let w,b=!0;Object.assign(a,e),a.l=new URL(e.resourcesUrl||"./",u.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((e=>{const o={o:e[0],S:e[1],D:e[2],A:e[3]};4&o.o&&($=!0),o.D=e[2];const c=o.S,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,R:new Map};n.U=new Promise((t=>n.P=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.o)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.S}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(t,o)}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):a.jmp((()=>(t=>{if(!(1&a.o)){const e=n(t),o=e.k,l=()=>{};if(1&e.o)(null==e?void 0:e.t)?vt(e.t,t):(null==e?void 0:e.U)&&e.U.then((()=>vt(e.t,t)));else{e.o|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){tt(e,e.O=n);break}}o.D&&Object.entries(o.D).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.o)){if(e.o|=32,n.N){const l=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.N;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{s(t,e.$hostElement$)}))
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.S}#${e.L}" was not found`);o.isProxied||(mt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){s(e,t)}e.o&=-9,r(),vt(e.t,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.o|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=H(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const l=e.O,c=()=>et(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async t=>{if(!(1&a.o)){const e=n(t);(null==e?void 0:e.t)?yt(e.t,t):(null==e?void 0:e.U)&&e.U.then((()=>yt(e.t,t)))}T.has(t)&&T.delete(t),t.shadowRoot&&T.has(t.shadowRoot)&&T.delete(t.shadowRoot)})(this))),a.raf((()=>{var t;const e=n(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==e?void 0:e.M)?void 0:t.v)instanceof Node&&!e.M.v.isConnected&&delete e.M.v}))}componentOnReady(){return n(this).U}};o.N=t[0],f.includes(c)||h.get(c)||(l.push(c),h.define(c,mt(u,o,1)))}))})),l.length>0&&($&&(v.textContent+=c),v.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=a.C)?o:S(u.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):a.jmp((()=>w=setTimeout(ft,30)))},bt=t=>a.C=t;export{ct as a,wt as b,at as f,t as g,M as h,f as p,o as r,bt as s}

package/dist/proto-autos-wc/p-beed9109.entry.js

@@ -0,0 +1 @@
+import{a as n,f as e,h as r,r as t}from"./p-D0auKo-v.js";const o="proto-autos",a="data",i="pick",l=n=>{const e=localStorage.getItem(n?`${o}-${n}`:o);return e?JSON.parse(e):void 0},s=(n,e)=>{const r=n?`${o}-${n}`:o,t=JSON.stringify(e);localStorage.setItem(r,t)},c=n=>!("isConnected"in n)||n.isConnected,d=(()=>{let n;return(...e)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let e of n.keys())n.set(e,n.get(e).filter(c))})(...e)}),2e3)}})(),u=n=>"function"==typeof n?n():n;var f=function(){function n(n,e){for(var r=0;r<e.length;r++){var t=e[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(n,t.key,t)}}return function(e,r,t){return r&&n(e.prototype,r),t&&n(e,t),e}}();function h(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}var g=function(){function n(){var e=this;h(this,n),this.interceptors=[],this.fetch=function(){for(var n=arguments.length,r=Array(n),t=0;t<n;t++)r[t]=arguments[t];return e.interceptorWrapper.apply(e,[fetch].concat(r))}}return f(n,[{key:"addInterceptors",value:function(n){var e=this,r=[];return Array.isArray(n)?n.map((function(n){return r.push(e.interceptors.length),e.interceptors.push(n)})):n instanceof Object&&(r.push(this.interceptors.length),this.interceptors.push(n)),this.updateInterceptors(),function(){return e.removeInterceptors(r)}}},{key:"removeInterceptors",value:function(n){var e=this;Array.isArray(n)&&(n.map((function(n){return e.interceptors.splice(n,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(n,e){return[e].concat(n)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(n){for(var e=arguments.length,r=Array(e>1?e-1:0),t=1;t<e;t++)r[t-1]=arguments[t];var o=Promise.resolve(r);return this.reversedInterceptors.forEach((function(n){var e=n.request,t=n.requestError;(e||t)&&(o=o.then((function(){return e.apply(void 0,r)}),t))})),o=o.then((function(){return n.apply(void 0,r)})),this.reversedInterceptors.forEach((function(n){var e=n.response,r=n.responseError;(e||r)&&(o=o.then(e,r))})),o}}]),n}(),b=function(){function n(e){var r=e.url,t=e.interceptors,o=e.headers,a=e.onStart,i=e.onEnd,l=e.omitEmptyVariables,s=void 0!==l&&l,c=e.requestOptions,d=void 0===c?{}:c;h(this,n);var u=function(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?n:e}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},o),credentials:"same-origin"},d),u.url=r,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:a,onEnd:i},u.addInterceptors(t),u}return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}(n,g),f(n,[{key:"query",value:function(n){var e,r=this,t=n.operationName,o=n.query,a=n.variables,i=n.opts,l=void 0===i?{}:i,s=n.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return e=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(a):a,c.body=JSON.stringify({operationName:t,query:o,variables:e}),this.onStart(),this.fetch(this.url,c).then((function(n){return n.ok?n.json():{errors:[{message:n.statusText,stack:n}]}})).then((function(n){var e=n.data,t=n.errors;return new Promise((function(n,o){return r.onEnd(),e?Object.keys(e).every((function(n){return!e[n]}))?o(t):n({data:e,errors:t}):o(t||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(n){this.url=n}},{key:"getEnumTypes",value:function(n){var e=this,r={},t=n.filter((function(n){return!e.EnumMap[n]||(r[n]=e.EnumMap[n],!1)}));if(!t.length)return new Promise((function(n){n({data:r})}));var o="\n      query {\n        "+t.map((function(n){return n+': __type(name: "'+n+'") {\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:o}),this.onStart(),this.fetch(this.url,a).then((function(n){return n.ok?n.json():{errors:[{message:n.statusText,stack:n}]}})).then((function(n){var t=n.data,o=n.errors;return new Promise((function(n,a){if(e.onEnd(),!t)return a(o||[{message:"Do not get any data."}]);if(Object.keys(t).every((function(n){return!t[n]}))&&o&&o.length)return a(o);var i=Object.assign(r,t);return Object.keys(t).map((function(n){return e.EnumMap[n]=t[n],n})),n({data:i,errors:o})}))}))}},{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(n){var e=this,r={};return Object.keys(n).map((function(t){var o=n[t];return"string"==typeof o&&0===o.length||null==o||(r[t]=o instanceof Object?e.doOmitEmptyVariables(o):o),t})),r}}]),n}();const v={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:m}=(()=>{const r=((n,e=(n,e)=>n!==e)=>{const r=u(n);let t=new Map(Object.entries(r??{}));const o={dispose:[],get:[],set:[],reset:[]},a=()=>{t=new Map(Object.entries(u(n)??{})),o.reset.forEach((n=>n()))},i=n=>(o.get.forEach((e=>e(n))),t.get(n)),l=(n,r)=>{const a=t.get(n);e(r,a,n)&&(t.set(n,r),o.set.forEach((e=>e(n,r,a))))},s="undefined"==typeof Proxy?{}:new Proxy(r,{get:(n,e)=>i(e),ownKeys:()=>Array.from(t.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,e)=>t.has(e),set:(n,e,r)=>(l(e,r),!0)}),c=(n,e)=>(o[n].push(e),()=>{((n,e)=>{const r=n.indexOf(e);r>=0&&(n[r]=n[n.length-1],n.length--)})(o[n],e)});return{state:s,get:i,set:l,on:c,onChange:(e,r)=>{const t=c("set",((n,t)=>{n===e&&r(t)})),o=c("reset",(()=>r(u(n)[e])));return()=>{t(),o()}},use:(...n)=>{const e=n.reduce(((n,e)=>(e.set&&n.push(c("set",e.set)),e.get&&n.push(c("get",e.get)),e.reset&&n.push(c("reset",e.reset)),e.dispose&&n.push(c("dispose",e.dispose)),n)),[]);return()=>e.forEach((n=>n()))},dispose:()=>{o.dispose.forEach((n=>n())),a()},reset:a,forceUpdate:n=>{const e=t.get(n);o.set.forEach((r=>r(n,e,e)))}}})(v,void 0);return r.use((()=>{if("function"!=typeof n)return{};const r=new Map;return{dispose:()=>r.clear(),get:e=>{const t=n();t&&((n,e,r)=>{const t=n.get(e);t?t.includes(r)||t.push(r):n.set(e,[r])})(r,e,t)},set:n=>{const t=r.get(n);t&&r.set(n,t.filter(e)),d(r)},reset:()=>{r.forEach((n=>n.forEach(e))),d(r)}}})()),r})(),p=(n=!1)=>{m.loading=n,m.error=void 0,m.pick=0,m.data=void 0,m.dealer=void 0},w=n=>{if(n){const{pick:e}=m;m.dealer=null!=e?n.list[e]:void 0,m.data=n,m.loading=!1}else m.data=void 0,m.loading=!1},y=n=>{const{data:e}=m;e&&void 0!==n?(m.pick=n,m.dealer=e.list[n]):(m.pick=0,m.dealer=void 0)};var x=new b({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{p(!0),s(i,0),x.query({operationName:"Uuid",query:"\n  query Uuid($count: Int!) {\n    uuid(count: $count)\n  }\n",variables:{count:1}}).then((n=>{const e=n.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:e}}).then((n=>{const r=JSON.parse(JSON.stringify(n.data.solution.data.dealers)),t={id:e,list:r};s(a,t),w(t)}))}))},j=()=>{p();const n=l(a),e=l(i);n?(w(n),e&&y(e)):k()},O=k,S=n=>{s(i,n),y(n)},z=(...n)=>n.filter(Boolean).join(" "),E=n=>{const{value:e}=n,{dealerId:t,name:o,vehicles:a}=e||{},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"},o?`${o} `:"",r("sup",null,i||"")),r("label",{class:"ml-auto self-center text-right text-sm"},t||""))},$=/^\#[0-9]*/,C=n=>null!=n.match($),I=n=>2554===n,N=n=>n>2010,T=n=>{const{vin:e,make:t,model:o,year:a,color:i}=n.value||{};return r("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",I(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(o)?"border-yellow-600 bg-yellow-300":N(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"},e||""),r("label",{class:"text-lg font-bold"},t||""),r("label",{class:"mb-2 text-sm italic"},o||""),r("label",null,a||"",", ",i||""),r("label",null,I(a)?"- exotic... [ Sierra 117 ]":C(o)?"- track only...":"")),r("proto-ikon-loader",{class:"ikon ml-auto self-center",name:t,label:t.toLowerCase()}))},q=n=>{const{list:e}=n,t=e.length;return 0===t?"":r("div",{class:"flex flex-col"},t?e.map((n=>r(T,{value:n}))):"")},A=n=>{const{dealer:e}=n,{vehicles:t}=e||{vehicles:[]},o=t;return e?r("div",{class:"flex flex-col"},r(E,{value:e}),r(q,{list:o})):""},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.10")),M=n=>{const{label:e}=n;return r("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},e)},D=n=>{const e=n.hex||"currentColor",t=n.label||"loading...",o=n.size||24;return r("svg",{class:z(n.class||"","animate-spin"),width:o,height:o,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,t),r("g",null,r("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:e,"stroke-width":"4"}),r("path",{class:"opacity-75",fill:e,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:n,pick:e,data:t}=m||{},{list:o}=t||{list:[]},a=o.length-1;return n?"":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")},o.map(((n,t)=>r("button",{class:z("h-8 w-8 border-none font-bold",0==t?"rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none":t==a?"rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md":"rounded-none",e==t?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(t),title:`${n.name} (${n.vehicles.length})`},t+1)))))},V=class{constructor(n){t(this,n),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:n,dealer:e}=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"}),n?r(D,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(A,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:e}),r(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-thin: 100;\n    --font-weight-bold: 700;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --animate-spin: spin 1s linear infinite;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .m-6 {\n    margin: calc(var(--spacing) * 6);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-11 {\n    margin-bottom: calc(var(--spacing) * 11);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .self-center {\n    align-self: center;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-tl-md {\n    border-top-left-radius: var(--radius-md);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-tr-md {\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tr-none {\n    border-top-right-radius: 0;\n  }\n  .rounded-br-md {\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-br-none {\n    border-bottom-right-radius: 0;\n  }\n  .rounded-bl-md {\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-bl-none {\n    border-bottom-left-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-blue-400 {\n    border-color: var(--color-blue-400);\n  }\n  .border-clrs-navy {\n    border-color: var(--clrs-navy, #001f3f);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-600 {\n    border-color: var(--color-gray-600);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-yellow-600 {\n    border-color: var(--color-yellow-600);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-clrs-navy {\n    background-color: var(--clrs-navy, #001f3f);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-yellow {\n    background-color: var(--clrs-yellow, #ffdc00);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-green-200 {\n    background-color: var(--color-green-200);\n  }\n  .bg-yellow-300 {\n    background-color: var(--color-yellow-300);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-thin {\n    --tw-font-weight: var(--font-weight-thin);\n    font-weight: var(--font-weight-thin);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-red {\n    color: var(--clrs-red, #ff4136);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-25 {\n    opacity: 25%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .hover\\:text-clrs-red {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-red, #ff4136);\n      }\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    margin: calc(var(--spacing) * 6);\n    display: flex;\n    flex-direction: column;\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n.ikon {\n  height: 96px;\n  width: 96px;\n}\n@media (min-width: 500px) {\n  .ikon {\n    height: 144px;\n    width: 144px;\n  }\n}\n@media (min-width: 700px) {\n  .ikon {\n    height: 192px;\n    width: 192px;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n";export{V as proto_autos}

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

@@ -1 +1 @@
-import{p as t,g as a,b as o}from"./p-CpUkFnVB.js";export{s as setNonce}from"./p-CpUkFnVB.js";(()=>{const s=import.meta.url,a={};return""!==s&&(a.resourcesUrl=new URL(".",s).href),t(a)})().then((async s=>(await a(),o([["p-5d8d8f19",[[1,"proto-autos",{tag:[1]}]]]],s))));
+import{p as a,g as o,b as t}from"./p-D0auKo-v.js";export{s as setNonce}from"./p-D0auKo-v.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),a(s)})().then((async a=>(await o(),t([["p-beed9109",[[1,"proto-autos",{tag:[1]}]]]],a))));

package/dist/proto-autos-wc/tokens.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {

package/dist/types/utils/tw-version.d.ts

@@ -1,3 +1,3 @@
-declare const TW_VERSION = "4.1.9";
+declare const TW_VERSION = "4.1.10";
 export { TW_VERSION };
 export default TW_VERSION;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "proto-autos-wc",
-  "version": "0.1.47",
+  "version": "0.1.49",
   "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.33.1",
+    "@stencil/core": "4.35.0",
     "@stencil/store": "2.1.3",
     "fetchql": "3.0.0"
   },
@@ -41,7 +41,7 @@
     "prettier": "3.5.3",
     "prettier-plugin-tailwindcss": "0.6.12",
     "proto-tailwindcss-clrs": "0.0.420",
-    "tailwindcss": "4.1.9",
+    "tailwindcss": "4.1.10",
     "typescript": "5.8.3",
     "workbox-build": "7.3.0"
   },

package/dist/proto-autos-wc/p-5d8d8f19.entry.js

@@ -1 +0,0 @@
-import{a as n,f as e,h as r,r as t}from"./p-CpUkFnVB.js";const o="proto-autos",a="data",i="pick",l=n=>{const e=localStorage.getItem(n?`${o}-${n}`:o);return e?JSON.parse(e):void 0},s=(n,e)=>{const r=n?`${o}-${n}`:o,t=JSON.stringify(e);localStorage.setItem(r,t)},c=n=>!("isConnected"in n)||n.isConnected,d=(()=>{let n;return(...e)=>{n&&clearTimeout(n),n=setTimeout((()=>{n=0,(n=>{for(let e of n.keys())n.set(e,n.get(e).filter(c))})(...e)}),2e3)}})(),u=n=>"function"==typeof n?n():n;var f=function(){function n(n,e){for(var r=0;r<e.length;r++){var t=e[r];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(n,t.key,t)}}return function(e,r,t){return r&&n(e.prototype,r),t&&n(e,t),e}}();function h(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}var g=function(){function n(){var e=this;h(this,n),this.interceptors=[],this.fetch=function(){for(var n=arguments.length,r=Array(n),t=0;t<n;t++)r[t]=arguments[t];return e.interceptorWrapper.apply(e,[fetch].concat(r))}}return f(n,[{key:"addInterceptors",value:function(n){var e=this,r=[];return Array.isArray(n)?n.map((function(n){return r.push(e.interceptors.length),e.interceptors.push(n)})):n instanceof Object&&(r.push(this.interceptors.length),this.interceptors.push(n)),this.updateInterceptors(),function(){return e.removeInterceptors(r)}}},{key:"removeInterceptors",value:function(n){var e=this;Array.isArray(n)&&(n.map((function(n){return e.interceptors.splice(n,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(n,e){return[e].concat(n)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(n){for(var e=arguments.length,r=Array(e>1?e-1:0),t=1;t<e;t++)r[t-1]=arguments[t];var o=Promise.resolve(r);return this.reversedInterceptors.forEach((function(n){var e=n.request,t=n.requestError;(e||t)&&(o=o.then((function(){return e.apply(void 0,r)}),t))})),o=o.then((function(){return n.apply(void 0,r)})),this.reversedInterceptors.forEach((function(n){var e=n.response,r=n.responseError;(e||r)&&(o=o.then(e,r))})),o}}]),n}(),b=function(){function n(e){var r=e.url,t=e.interceptors,o=e.headers,a=e.onStart,i=e.onEnd,l=e.omitEmptyVariables,s=void 0!==l&&l,c=e.requestOptions,d=void 0===c?{}:c;h(this,n);var u=function(n,e){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?n:e}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},o),credentials:"same-origin"},d),u.url=r,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:a,onEnd:i},u.addInterceptors(t),u}return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(n,e):n.__proto__=e)}(n,g),f(n,[{key:"query",value:function(n){var e,r=this,t=n.operationName,o=n.query,a=n.variables,i=n.opts,l=void 0===i?{}:i,s=n.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return e=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(a):a,c.body=JSON.stringify({operationName:t,query:o,variables:e}),this.onStart(),this.fetch(this.url,c).then((function(n){return n.ok?n.json():{errors:[{message:n.statusText,stack:n}]}})).then((function(n){var e=n.data,t=n.errors;return new Promise((function(n,o){return r.onEnd(),e?Object.keys(e).every((function(n){return!e[n]}))?o(t):n({data:e,errors:t}):o(t||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(n){this.url=n}},{key:"getEnumTypes",value:function(n){var e=this,r={},t=n.filter((function(n){return!e.EnumMap[n]||(r[n]=e.EnumMap[n],!1)}));if(!t.length)return new Promise((function(n){n({data:r})}));var o="\n      query {\n        "+t.map((function(n){return n+': __type(name: "'+n+'") {\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:o}),this.onStart(),this.fetch(this.url,a).then((function(n){return n.ok?n.json():{errors:[{message:n.statusText,stack:n}]}})).then((function(n){var t=n.data,o=n.errors;return new Promise((function(n,a){if(e.onEnd(),!t)return a(o||[{message:"Do not get any data."}]);if(Object.keys(t).every((function(n){return!t[n]}))&&o&&o.length)return a(o);var i=Object.assign(r,t);return Object.keys(t).map((function(n){return e.EnumMap[n]=t[n],n})),n({data:i,errors:o})}))}))}},{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(n){var e=this,r={};return Object.keys(n).map((function(t){var o=n[t];return"string"==typeof o&&0===o.length||null==o||(r[t]=o instanceof Object?e.doOmitEmptyVariables(o):o),t})),r}}]),n}();const v={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:m}=(()=>{const r=((n,e=(n,e)=>n!==e)=>{const r=u(n);let t=new Map(Object.entries(r??{}));const o={dispose:[],get:[],set:[],reset:[]},a=()=>{t=new Map(Object.entries(u(n)??{})),o.reset.forEach((n=>n()))},i=n=>(o.get.forEach((e=>e(n))),t.get(n)),l=(n,r)=>{const a=t.get(n);e(r,a,n)&&(t.set(n,r),o.set.forEach((e=>e(n,r,a))))},s="undefined"==typeof Proxy?{}:new Proxy(r,{get:(n,e)=>i(e),ownKeys:()=>Array.from(t.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,e)=>t.has(e),set:(n,e,r)=>(l(e,r),!0)}),c=(n,e)=>(o[n].push(e),()=>{((n,e)=>{const r=n.indexOf(e);r>=0&&(n[r]=n[n.length-1],n.length--)})(o[n],e)});return{state:s,get:i,set:l,on:c,onChange:(e,r)=>{const t=c("set",((n,t)=>{n===e&&r(t)})),o=c("reset",(()=>r(u(n)[e])));return()=>{t(),o()}},use:(...n)=>{const e=n.reduce(((n,e)=>(e.set&&n.push(c("set",e.set)),e.get&&n.push(c("get",e.get)),e.reset&&n.push(c("reset",e.reset)),e.dispose&&n.push(c("dispose",e.dispose)),n)),[]);return()=>e.forEach((n=>n()))},dispose:()=>{o.dispose.forEach((n=>n())),a()},reset:a,forceUpdate:n=>{const e=t.get(n);o.set.forEach((r=>r(n,e,e)))}}})(v,void 0);return r.use((()=>{if("function"!=typeof n)return{};const r=new Map;return{dispose:()=>r.clear(),get:e=>{const t=n();t&&((n,e,r)=>{const t=n.get(e);t?t.includes(r)||t.push(r):n.set(e,[r])})(r,e,t)},set:n=>{const t=r.get(n);t&&r.set(n,t.filter(e)),d(r)},reset:()=>{r.forEach((n=>n.forEach(e))),d(r)}}})()),r})(),p=(n=!1)=>{m.loading=n,m.error=void 0,m.pick=0,m.data=void 0,m.dealer=void 0},w=n=>{if(n){const{pick:e}=m;m.dealer=null!=e?n.list[e]:void 0,m.data=n,m.loading=!1}else m.data=void 0,m.loading=!1},y=n=>{const{data:e}=m;e&&void 0!==n?(m.pick=n,m.dealer=e.list[n]):(m.pick=0,m.dealer=void 0)};var x=new b({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{p(!0),s(i,0),x.query({operationName:"Uuid",query:"\n  query Uuid($count: Int!) {\n    uuid(count: $count)\n  }\n",variables:{count:1}}).then((n=>{const e=n.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:e}}).then((n=>{const r=JSON.parse(JSON.stringify(n.data.solution.data.dealers)),t={id:e,list:r};s(a,t),w(t)}))}))},j=()=>{p();const n=l(a),e=l(i);n?(w(n),e&&y(e)):k()},O=k,S=n=>{s(i,n),y(n)},z=(...n)=>n.filter(Boolean).join(" "),E=n=>{const{value:e}=n,{dealerId:t,name:o,vehicles:a}=e||{},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"},o?`${o} `:"",r("sup",null,i||"")),r("label",{class:"ml-auto self-center text-right text-sm"},t||""))},C=/^\#[0-9]*/,$=n=>null!=n.match(C),I=n=>2554===n,N=n=>n>2010,T=n=>{const{vin:e,make:t,model:o,year:a,color:i}=n.value||{};return r("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",I(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":$(o)?"border-yellow-600 bg-yellow-300":N(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"},e||""),r("label",{class:"text-lg font-bold"},t||""),r("label",{class:"mb-2 text-sm italic"},o||""),r("label",null,a||"",", ",i||""),r("label",null,I(a)?"- exotic... [ Sierra 117 ]":$(o)?"- track only...":"")),r("proto-ikon-loader",{class:"ikon ml-auto self-center",name:t,label:t.toLowerCase()}))},q=n=>{const{list:e}=n,t=e.length;return 0===t?"":r("div",{class:"flex flex-col"},t?e.map((n=>r(T,{value:n}))):"")},A=n=>{const{dealer:e}=n,{vehicles:t}=e||{vehicles:[]},o=t;return e?r("div",{class:"flex flex-col"},r(E,{value:e}),r(q,{list:o})):""},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.9")),M=n=>{const{label:e}=n;return r("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},e)},_=n=>{const e=n.hex||"currentColor",t=n.label||"loading...",o=n.size||24;return r("svg",{class:z(n.class||"","animate-spin"),width:o,height:o,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},r("title",null,t),r("g",null,r("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:e,"stroke-width":"4"}),r("path",{class:"opacity-75",fill:e,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"}))},D=()=>{const{loading:n,pick:e,data:t}=m||{},{list:o}=t||{list:[]},a=o.length-1;return n?"":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")},o.map(((n,t)=>r("button",{class:z("h-8 w-8 border-none font-bold",0==t?"rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none":t==a?"rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md":"rounded-none",e==t?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(t),title:`${n.name} (${n.vehicles.length})`},t+1)))))},V=class{constructor(n){t(this,n),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:n,dealer:e}=m;return r("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},r(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),r(M,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),r(D,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),n?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(A,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:e}),r(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="/*! tailwindcss v4.1.9 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n    --color-yellow-300: oklch(90.5% 0.182 98.111);\n    --color-yellow-600: oklch(68.1% 0.162 75.834);\n    --color-green-200: oklch(92.5% 0.084 155.995);\n    --color-green-600: oklch(62.7% 0.194 149.214);\n    --color-blue-200: oklch(88.2% 0.059 254.128);\n    --color-blue-400: oklch(70.7% 0.165 254.624);\n    --color-gray-300: oklch(87.2% 0.01 258.338);\n    --color-gray-600: oklch(44.6% 0.03 256.802);\n    --color-white: #fff;\n    --spacing: 0.25rem;\n    --text-xs: 0.75rem;\n    --text-xs--line-height: calc(1 / 0.75);\n    --text-sm: 0.875rem;\n    --text-sm--line-height: calc(1.25 / 0.875);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-6xl: 3.75rem;\n    --text-6xl--line-height: 1;\n    --font-weight-thin: 100;\n    --font-weight-bold: 700;\n    --radius-md: 0.375rem;\n    --radius-lg: 0.5rem;\n    --animate-spin: spin 1s linear infinite;\n  }\n}\n@layer utilities {\n  .absolute {\n    position: absolute;\n  }\n  .relative {\n    position: relative;\n  }\n  .top-0 {\n    top: calc(var(--spacing) * 0);\n  }\n  .right-0 {\n    right: calc(var(--spacing) * 0);\n  }\n  .m-6 {\n    margin: calc(var(--spacing) * 6);\n  }\n  .mt-2 {\n    margin-top: calc(var(--spacing) * 2);\n  }\n  .mt-4 {\n    margin-top: calc(var(--spacing) * 4);\n  }\n  .mt-11 {\n    margin-top: calc(var(--spacing) * 11);\n  }\n  .mr-0 {\n    margin-right: calc(var(--spacing) * 0);\n  }\n  .mr-1\\.5 {\n    margin-right: calc(var(--spacing) * 1.5);\n  }\n  .mr-2 {\n    margin-right: calc(var(--spacing) * 2);\n  }\n  .mb-1 {\n    margin-bottom: calc(var(--spacing) * 1);\n  }\n  .mb-2 {\n    margin-bottom: calc(var(--spacing) * 2);\n  }\n  .mb-4 {\n    margin-bottom: calc(var(--spacing) * 4);\n  }\n  .mb-11 {\n    margin-bottom: calc(var(--spacing) * 11);\n  }\n  .ml-0 {\n    margin-left: calc(var(--spacing) * 0);\n  }\n  .ml-auto {\n    margin-left: auto;\n  }\n  .flex {\n    display: flex;\n  }\n  .inline-flex {\n    display: inline-flex;\n  }\n  .h-8 {\n    height: calc(var(--spacing) * 8);\n  }\n  .w-8 {\n    width: calc(var(--spacing) * 8);\n  }\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n  .flex-col {\n    flex-direction: column;\n  }\n  .flex-row {\n    flex-direction: row;\n  }\n  .flex-wrap {\n    flex-wrap: wrap;\n  }\n  .content-center {\n    align-content: center;\n  }\n  .justify-end {\n    justify-content: flex-end;\n  }\n  .self-center {\n    align-self: center;\n  }\n  .rounded-lg {\n    border-radius: var(--radius-lg);\n  }\n  .rounded-md {\n    border-radius: var(--radius-md);\n  }\n  .rounded-none {\n    border-radius: 0;\n  }\n  .rounded-tl-md {\n    border-top-left-radius: var(--radius-md);\n  }\n  .rounded-tl-none {\n    border-top-left-radius: 0;\n  }\n  .rounded-tr-md {\n    border-top-right-radius: var(--radius-md);\n  }\n  .rounded-tr-none {\n    border-top-right-radius: 0;\n  }\n  .rounded-br-md {\n    border-bottom-right-radius: var(--radius-md);\n  }\n  .rounded-br-none {\n    border-bottom-right-radius: 0;\n  }\n  .rounded-bl-md {\n    border-bottom-left-radius: var(--radius-md);\n  }\n  .rounded-bl-none {\n    border-bottom-left-radius: 0;\n  }\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-r-0 {\n    border-right-style: var(--tw-border-style);\n    border-right-width: 0px;\n  }\n  .border-b-0 {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0px;\n  }\n  .border-l-0 {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0px;\n  }\n  .border-none {\n    --tw-border-style: none;\n    border-style: none;\n  }\n  .border-solid {\n    --tw-border-style: solid;\n    border-style: solid;\n  }\n  .border-blue-400 {\n    border-color: var(--color-blue-400);\n  }\n  .border-clrs-navy {\n    border-color: var(--clrs-navy, #001f3f);\n  }\n  .border-gray-300 {\n    border-color: var(--color-gray-300);\n  }\n  .border-gray-600 {\n    border-color: var(--color-gray-600);\n  }\n  .border-green-600 {\n    border-color: var(--color-green-600);\n  }\n  .border-yellow-600 {\n    border-color: var(--color-yellow-600);\n  }\n  .bg-blue-200 {\n    background-color: var(--color-blue-200);\n  }\n  .bg-clrs-navy {\n    background-color: var(--clrs-navy, #001f3f);\n  }\n  .bg-clrs-red {\n    background-color: var(--clrs-red, #ff4136);\n  }\n  .bg-clrs-yellow {\n    background-color: var(--clrs-yellow, #ffdc00);\n  }\n  .bg-gray-300 {\n    background-color: var(--color-gray-300);\n  }\n  .bg-green-200 {\n    background-color: var(--color-green-200);\n  }\n  .bg-yellow-300 {\n    background-color: var(--color-yellow-300);\n  }\n  .p-4 {\n    padding: calc(var(--spacing) * 4);\n  }\n  .text-center {\n    text-align: center;\n  }\n  .text-right {\n    text-align: right;\n  }\n  .align-middle {\n    vertical-align: middle;\n  }\n  .align-top {\n    vertical-align: top;\n  }\n  .font-sans {\n    font-family: var(--font-sans);\n  }\n  .text-6xl {\n    font-size: var(--text-6xl);\n    line-height: var(--tw-leading, var(--text-6xl--line-height));\n  }\n  .text-lg {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n  .text-sm {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n  .text-xl {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n  }\n  .text-xs {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n  .font-thin {\n    --tw-font-weight: var(--font-weight-thin);\n    font-weight: var(--font-weight-thin);\n  }\n  .text-clrs-gray {\n    color: var(--clrs-gray, #aaaaaa);\n  }\n  .text-clrs-navy {\n    color: var(--clrs-navy, #001f3f);\n  }\n  .text-clrs-red {\n    color: var(--clrs-red, #ff4136);\n  }\n  .text-clrs-slate4 {\n    color: var(--clrs-slate4, #4e5964);\n  }\n  .text-clrs-white {\n    color: var(--clrs-white, #ffffff);\n  }\n  .text-white {\n    color: var(--color-white);\n  }\n  .uppercase {\n    text-transform: uppercase;\n  }\n  .italic {\n    font-style: italic;\n  }\n  .opacity-25 {\n    opacity: 25%;\n  }\n  .opacity-75 {\n    opacity: 75%;\n  }\n  .shadow {\n    --tw-shadow:\n      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n    box-shadow:\n      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  }\n  .hover\\:text-clrs-navy {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-navy, #001f3f);\n      }\n    }\n  }\n  .hover\\:text-clrs-red {\n    &:hover {\n      @media (hover: hover) {\n        color: var(--clrs-red, #ff4136);\n      }\n    }\n  }\n  .md\\:w-auto {\n    @media (width >= 48rem) {\n      width: auto;\n    }\n  }\n}\n@layer components {\n  .ds1-main {\n    margin: calc(var(--spacing) * 6);\n    display: flex;\n    flex-direction: column;\n    font-family: var(--font-sans);\n    color: var(--clrs-navy, #001f3f);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n.ikon {\n  height: 96px;\n  width: 96px;\n}\n@media (min-width: 500px) {\n  .ikon {\n    height: 144px;\n    width: 144px;\n  }\n}\n@media (min-width: 700px) {\n  .ikon {\n    height: 192px;\n    width: 192px;\n  }\n}\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n      --tw-font-weight: initial;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n    }\n  }\n}\n";export{V as proto_autos}