proto-autos-wc 0.1.13 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/cjs/{app-globals-3a1e7e63.js → app-globals-V2Kpy_OQ.js} +2 -0
  2. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +1 -0
  3. package/dist/cjs/{index-4ad05fa2.js → index-CoDo01mf.js} +12 -33
  4. package/dist/cjs/index-CoDo01mf.js.map +1 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/index.cjs.js.map +1 -0
  7. package/dist/cjs/loader.cjs.js +4 -4
  8. package/dist/cjs/loader.cjs.js.map +1 -0
  9. package/dist/cjs/proto-autos-wc.cjs.js +8 -6
  10. package/dist/cjs/proto-autos-wc.cjs.js.map +1 -0
  11. package/dist/cjs/proto-autos.cjs.entry.js +6 -7
  12. package/dist/cjs/proto-autos.cjs.entry.js.map +1 -0
  13. package/dist/collection/collection-manifest.json +1 -1
  14. package/dist/collection/props.css +0 -40
  15. package/dist/collection/styles/shadow.css +1 -10
  16. package/dist/collection/tokens.css +1 -1
  17. package/dist/collection/utils/tw-version.js +1 -1
  18. package/dist/esm/{app-globals-0f993ce5.js → app-globals-DQuL1Twl.js} +2 -0
  19. package/dist/esm/app-globals-DQuL1Twl.js.map +1 -0
  20. package/dist/esm/{index-a3825ba0.js → index-CnOiX8Co.js} +10 -11
  21. package/dist/esm/index-CnOiX8Co.js.map +1 -0
  22. package/dist/esm/index.js +2 -0
  23. package/dist/esm/index.js.map +1 -0
  24. package/dist/esm/loader.js +5 -3
  25. package/dist/esm/loader.js.map +1 -0
  26. package/dist/esm/proto-autos-wc.js +7 -4
  27. package/dist/esm/proto-autos-wc.js.map +1 -0
  28. package/dist/esm/proto-autos.entry.js +6 -5
  29. package/dist/esm/proto-autos.entry.js.map +1 -0
  30. package/dist/proto-autos-wc/index.esm.js +2 -0
  31. package/dist/proto-autos-wc/index.esm.js.map +1 -0
  32. package/dist/proto-autos-wc/{p-ac3bfe14.js → p-CnOiX8Co.js} +3 -2
  33. package/dist/proto-autos-wc/p-CnOiX8Co.js.map +1 -0
  34. package/dist/proto-autos-wc/p-DQuL1Twl.js +2 -0
  35. package/dist/proto-autos-wc/p-DQuL1Twl.js.map +1 -0
  36. package/dist/proto-autos-wc/{p-c496b7d7.entry.js → p-b2d4d738.entry.js} +2 -1
  37. package/dist/proto-autos-wc/p-b2d4d738.entry.js.map +1 -0
  38. package/dist/proto-autos-wc/props.css +0 -40
  39. package/dist/proto-autos-wc/proto-autos-wc.esm.js +2 -1
  40. package/dist/proto-autos-wc/proto-autos-wc.esm.js.map +1 -0
  41. package/dist/proto-autos-wc/tokens.css +1 -1
  42. package/dist/types/stencil-public-runtime.d.ts +1 -0
  43. package/dist/types/utils/tw-version.d.ts +1 -1
  44. package/package.json +7 -7
  45. package/dist/loader/package.json +0 -11
  46. package/dist/proto-autos-wc/p-e1255160.js +0 -1
  47. package/loader/package.json +0 -11
@@ -3,3 +3,5 @@
3
3
  const globalScripts = () => {};
4
4
 
5
5
  exports.globalScripts = globalScripts;
6
+
7
+ //# sourceMappingURL=app-globals-V2Kpy_OQ.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,30 +1,10 @@
1
1
  'use strict';
2
2
 
3
- function _interopNamespace(e) {
4
- if (e && e.__esModule) return e;
5
- var n = Object.create(null);
6
- if (e) {
7
- Object.keys(e).forEach(function (k) {
8
- if (k !== 'default') {
9
- var d = Object.getOwnPropertyDescriptor(e, k);
10
- Object.defineProperty(n, k, d.get ? d : {
11
- enumerable: true,
12
- get: function () {
13
- return e[k];
14
- }
15
- });
16
- }
17
- });
18
- }
19
- n['default'] = e;
20
- return Object.freeze(n);
21
- }
22
-
23
3
  const NAMESPACE = 'proto-autos-wc';
24
- const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
4
+ const BUILD = /* proto-autos-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
25
5
 
26
6
  /*
27
- Stencil Client Platform v4.27.1 | MIT Licensed | https://stenciljs.com
7
+ Stencil Client Platform v4.28.2 | MIT Licensed | https://stenciljs.com
28
8
  */
29
9
  var __defProp = Object.defineProperty;
30
10
  var __export = (target, all) => {
@@ -79,13 +59,13 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
79
59
  return module[exportName];
80
60
  }
81
61
  /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
82
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
62
+ return import(
83
63
  /* @vite-ignore */
84
64
  /* webpackInclude: /\.entry\.js$/ */
85
65
  /* webpackExclude: /\.system\.entry\.js$/ */
86
66
  /* webpackMode: "lazy" */
87
67
  `./${bundleId}.entry.js${""}`
88
- )); }).then(
68
+ ).then(
89
69
  (importedModule) => {
90
70
  {
91
71
  cmpModules.set(bundleId, importedModule);
@@ -559,7 +539,6 @@ function sortedAttrNames(attrNames) {
559
539
  );
560
540
  }
561
541
  var hostTagName;
562
- var useNativeShadowDom = false;
563
542
  var isSvgMode = false;
564
543
  var createElm = (oldParentVNode, newParentVNode, childIndex) => {
565
544
  const newVNode2 = newParentVNode.$children$[childIndex];
@@ -579,7 +558,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
579
558
  }
580
559
  elm = newVNode2.$elm$ = win.document.createElementNS(
581
560
  isSvgMode ? SVG_NS : HTML_NS,
582
- !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
561
+ newVNode2.$tag$
583
562
  ) ;
584
563
  if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
585
564
  isSvgMode = false;
@@ -769,7 +748,6 @@ var insertBefore = (parent, newNode, reference) => {
769
748
  };
770
749
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
771
750
  const hostElm = hostRef.$hostElement$;
772
- const cmpMeta = hostRef.$cmpMeta$;
773
751
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
774
752
  const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
775
753
  hostTagName = hostElm.tagName;
@@ -784,7 +762,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
784
762
  rootVnode.$flags$ |= 4 /* isHost */;
785
763
  hostRef.$vnode$ = rootVnode;
786
764
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
787
- useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
788
765
  patch(oldVNode, rootVnode, isInitialLoad);
789
766
  };
790
767
 
@@ -873,7 +850,7 @@ var callRender = (hostRef, instance, elm, isInitialLoad) => {
873
850
  renderingRef = instance;
874
851
  instance = instance.render() ;
875
852
  {
876
- hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
853
+ hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
877
854
  }
878
855
  {
879
856
  hostRef.$flags$ |= 2 /* hasRendered */;
@@ -924,7 +901,7 @@ var postUpdateComponent = (hostRef) => {
924
901
  if (hostRef.$flags$ & 512 /* needsRerender */) {
925
902
  nextTick(() => scheduleUpdate(hostRef, false));
926
903
  }
927
- hostRef.$flags$ &= ~(4 /* isWaitingForChildren */ | 512 /* needsRerender */);
904
+ hostRef.$flags$ &= -517;
928
905
  }
929
906
  };
930
907
  var forceUpdate = (ref) => {
@@ -961,7 +938,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
961
938
  const hostRef = getHostRef(ref);
962
939
  if (!hostRef) {
963
940
  throw new Error(
964
- `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
941
+ `Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
965
942
  );
966
943
  }
967
944
  const oldVal = hostRef.$instanceValues$.get(propName);
@@ -989,7 +966,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
989
966
  var proxyComponent = (Cstr, cmpMeta, flags) => {
990
967
  var _a, _b;
991
968
  const prototype = Cstr.prototype;
992
- if (cmpMeta.$members$ || BUILD.watchCallback ) {
969
+ if (cmpMeta.$members$ || BUILD.watchCallback) {
993
970
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
994
971
  members.map(([memberName, [memberFlags]]) => {
995
972
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1138,7 +1115,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1138
1115
  consoleError(e, elm);
1139
1116
  }
1140
1117
  {
1141
- hostRef.$flags$ &= ~8 /* isConstructingInstance */;
1118
+ hostRef.$flags$ &= -9 /* isConstructingInstance */;
1142
1119
  }
1143
1120
  endNewInstance();
1144
1121
  fireConnectedCallback(hostRef.$lazyInstance$, elm);
@@ -1373,3 +1350,5 @@ exports.h = h;
1373
1350
  exports.promiseResolve = promiseResolve;
1374
1351
  exports.registerInstance = registerInstance;
1375
1352
  exports.setNonce = setNonce;
1353
+
1354
+ //# sourceMappingURL=index-CoDo01mf.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,2 +1,4 @@
1
1
  'use strict';
2
2
 
3
+
4
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,9 +1,7 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-4ad05fa2.js');
6
- const appGlobals = require('./app-globals-3a1e7e63.js');
3
+ var index = require('./index-CoDo01mf.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
7
5
 
8
6
  const defineCustomElements = async (win, options) => {
9
7
  if (typeof window === 'undefined') return undefined;
@@ -13,3 +11,5 @@ const defineCustomElements = async (win, options) => {
13
11
 
14
12
  exports.setNonce = index.setNonce;
15
13
  exports.defineCustomElements = defineCustomElements;
14
+
15
+ //# sourceMappingURL=loader.cjs.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-4ad05fa2.js');
6
- const appGlobals = require('./app-globals-3a1e7e63.js');
3
+ var index = require('./index-CoDo01mf.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
7
5
 
6
+ var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
8
7
  /*
9
- Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com
10
9
  */
10
+
11
11
  var patchBrowser = () => {
12
- const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-autos-wc.cjs.js', document.baseURI).href));
12
+ const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('proto-autos-wc.cjs.js', document.baseURI).href));
13
13
  const opts = {};
14
14
  if (importMeta !== "") {
15
15
  opts.resourcesUrl = new URL(".", importMeta).href;
@@ -23,3 +23,5 @@ patchBrowser().then(async (options) => {
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
26
+
27
+ //# sourceMappingURL=proto-autos-wc.cjs.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,8 +1,6 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-4ad05fa2.js');
3
+ var index = require('./index-CoDo01mf.js');
6
4
 
7
5
  const KEY = 'proto-autos';
8
6
  const DATA = 'data';
@@ -796,7 +794,7 @@ const actions = {
796
794
  };
797
795
 
798
796
  // WARNING: generated file...
799
- const TW_VERSION = '4.0.9';
797
+ const TW_VERSION = '4.0.14';
800
798
 
801
799
  const tw = (...classes) => {
802
800
  return classes.filter(Boolean).join(' ');
@@ -917,8 +915,7 @@ const ToolBar = _props => {
917
915
  : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
918
916
  };
919
917
 
920
- const shadowCss = "/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */\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(0.905 0.182 98.111);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-600: oklch(0.446 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 .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\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 .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-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";
921
- const ProtoAutosStyle0 = shadowCss;
918
+ const shadowCss = "/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */\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(0.905 0.182 98.111);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-600: oklch(0.446 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";
922
919
 
923
920
  const ProtoAutos = class {
924
921
  constructor(hostRef) {
@@ -933,6 +930,8 @@ const ProtoAutos = class {
933
930
  return (index.h("main", { key: 'eb918bee95389cd4c78c6a7b3134ada507c5a042', id: "app", class: "ds1-main relative" }, index.h(Eswat2Io, { key: 'efa617ee04ddd6c58650d1cf4d00f899c3520efa' }), index.h(Header, { key: '6762516c1c9fc2d4490e9343d75f4f09f657fae6', label: "Auto Dealers" }), index.h(ToolBar, { key: 'ce1aeeb560729f66726b859d6f9d5a4a410703b1' }), loading ? (index.h(Spinner, null)) : (index.h("hr", { class: tw('mb-4 ml-0 mr-0 mt-4', 'border-solid border-gray-300', 'border-b-0 border-l-0 border-r-0') })), index.h(DealerView, { key: '63ef8ba16a60533a147c06e126442e9f2481f8fe', dealer: dealer }), index.h(Footer, { key: '00d32c34fcf933386a5e5f920e09f02f95dbfbf1' })));
934
931
  }
935
932
  };
936
- ProtoAutos.style = ProtoAutosStyle0;
933
+ ProtoAutos.style = shadowCss;
937
934
 
938
935
  exports.proto_autos = ProtoAutos;
936
+
937
+ //# sourceMappingURL=proto-autos.cjs.entry.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.27.1",
7
+ "version": "4.28.2",
8
8
  "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [],
@@ -62,43 +62,3 @@
62
62
  inherits: false;
63
63
  initial-value: 0 0 #0000;
64
64
  }
65
- @property --tw-blur {
66
- syntax: '*';
67
- inherits: false;
68
- }
69
- @property --tw-brightness {
70
- syntax: '*';
71
- inherits: false;
72
- }
73
- @property --tw-contrast {
74
- syntax: '*';
75
- inherits: false;
76
- }
77
- @property --tw-grayscale {
78
- syntax: '*';
79
- inherits: false;
80
- }
81
- @property --tw-hue-rotate {
82
- syntax: '*';
83
- inherits: false;
84
- }
85
- @property --tw-invert {
86
- syntax: '*';
87
- inherits: false;
88
- }
89
- @property --tw-opacity {
90
- syntax: '*';
91
- inherits: false;
92
- }
93
- @property --tw-saturate {
94
- syntax: '*';
95
- inherits: false;
96
- }
97
- @property --tw-sepia {
98
- syntax: '*';
99
- inherits: false;
100
- }
101
- @property --tw-drop-shadow {
102
- syntax: '*';
103
- inherits: false;
104
- }
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
4
  :root,
@@ -284,10 +284,6 @@
284
284
  .italic {
285
285
  font-style: italic;
286
286
  }
287
- .antialiased {
288
- -webkit-font-smoothing: antialiased;
289
- -moz-osx-font-smoothing: grayscale;
290
- }
291
287
  .opacity-25 {
292
288
  opacity: 25%;
293
289
  }
@@ -302,11 +298,6 @@
302
298
  var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
303
299
  var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
304
300
  }
305
- .filter {
306
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
307
- var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
308
- var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
309
- }
310
301
  .hover\:text-clrs-navy {
311
302
  &:hover {
312
303
  @media (hover: hover) {
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
4
  :root,
@@ -1,4 +1,4 @@
1
1
  // WARNING: generated file...
2
- const TW_VERSION = '4.0.9';
2
+ const TW_VERSION = '4.0.14';
3
3
  export { TW_VERSION };
4
4
  export default TW_VERSION;
@@ -1,3 +1,5 @@
1
1
  const globalScripts = () => {};
2
2
 
3
3
  export { globalScripts as g };
4
+
5
+ //# sourceMappingURL=app-globals-DQuL1Twl.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,8 +1,8 @@
1
1
  const NAMESPACE = 'proto-autos-wc';
2
- const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
2
+ const BUILD = /* proto-autos-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, updatable: true, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.27.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.28.2 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
@@ -537,7 +537,6 @@ function sortedAttrNames(attrNames) {
537
537
  );
538
538
  }
539
539
  var hostTagName;
540
- var useNativeShadowDom = false;
541
540
  var isSvgMode = false;
542
541
  var createElm = (oldParentVNode, newParentVNode, childIndex) => {
543
542
  const newVNode2 = newParentVNode.$children$[childIndex];
@@ -557,7 +556,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
557
556
  }
558
557
  elm = newVNode2.$elm$ = win.document.createElementNS(
559
558
  isSvgMode ? SVG_NS : HTML_NS,
560
- !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
559
+ newVNode2.$tag$
561
560
  ) ;
562
561
  if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
563
562
  isSvgMode = false;
@@ -747,7 +746,6 @@ var insertBefore = (parent, newNode, reference) => {
747
746
  };
748
747
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
749
748
  const hostElm = hostRef.$hostElement$;
750
- const cmpMeta = hostRef.$cmpMeta$;
751
749
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
752
750
  const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
753
751
  hostTagName = hostElm.tagName;
@@ -762,7 +760,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
762
760
  rootVnode.$flags$ |= 4 /* isHost */;
763
761
  hostRef.$vnode$ = rootVnode;
764
762
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
765
- useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
766
763
  patch(oldVNode, rootVnode, isInitialLoad);
767
764
  };
768
765
 
@@ -851,7 +848,7 @@ var callRender = (hostRef, instance, elm, isInitialLoad) => {
851
848
  renderingRef = instance;
852
849
  instance = instance.render() ;
853
850
  {
854
- hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
851
+ hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
855
852
  }
856
853
  {
857
854
  hostRef.$flags$ |= 2 /* hasRendered */;
@@ -902,7 +899,7 @@ var postUpdateComponent = (hostRef) => {
902
899
  if (hostRef.$flags$ & 512 /* needsRerender */) {
903
900
  nextTick(() => scheduleUpdate(hostRef, false));
904
901
  }
905
- hostRef.$flags$ &= ~(4 /* isWaitingForChildren */ | 512 /* needsRerender */);
902
+ hostRef.$flags$ &= -517;
906
903
  }
907
904
  };
908
905
  var forceUpdate = (ref) => {
@@ -939,7 +936,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
939
936
  const hostRef = getHostRef(ref);
940
937
  if (!hostRef) {
941
938
  throw new Error(
942
- `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
939
+ `Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
943
940
  );
944
941
  }
945
942
  const oldVal = hostRef.$instanceValues$.get(propName);
@@ -967,7 +964,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
967
964
  var proxyComponent = (Cstr, cmpMeta, flags) => {
968
965
  var _a, _b;
969
966
  const prototype = Cstr.prototype;
970
- if (cmpMeta.$members$ || BUILD.watchCallback ) {
967
+ if (cmpMeta.$members$ || BUILD.watchCallback) {
971
968
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
972
969
  members.map(([memberName, [memberFlags]]) => {
973
970
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1116,7 +1113,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1116
1113
  consoleError(e, elm);
1117
1114
  }
1118
1115
  {
1119
- hostRef.$flags$ &= ~8 /* isConstructingInstance */;
1116
+ hostRef.$flags$ &= -9 /* isConstructingInstance */;
1120
1117
  }
1121
1118
  endNewInstance();
1122
1119
  fireConnectedCallback(hostRef.$lazyInstance$, elm);
@@ -1345,3 +1342,5 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1345
1342
  var setNonce = (nonce) => plt.$nonce$ = nonce;
1346
1343
 
1347
1344
  export { bootstrapLazy as b, forceUpdate as f, getRenderingRef as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
1345
+
1346
+ //# sourceMappingURL=index-CnOiX8Co.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
package/dist/esm/index.js CHANGED
@@ -1 +1,3 @@
1
1
 
2
+
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,6 +1,6 @@
1
- import { b as bootstrapLazy } from './index-a3825ba0.js';
2
- export { s as setNonce } from './index-a3825ba0.js';
3
- import { g as globalScripts } from './app-globals-0f993ce5.js';
1
+ import { b as bootstrapLazy } from './index-CnOiX8Co.js';
2
+ export { s as setNonce } from './index-CnOiX8Co.js';
3
+ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
@@ -9,3 +9,5 @@ const defineCustomElements = async (win, options) => {
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
12
+
13
+ //# sourceMappingURL=loader.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,10 +1,11 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-a3825ba0.js';
2
- export { s as setNonce } from './index-a3825ba0.js';
3
- import { g as globalScripts } from './app-globals-0f993ce5.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-CnOiX8Co.js';
2
+ export { s as setNonce } from './index-CnOiX8Co.js';
3
+ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.27.1 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com
7
7
  */
8
+
8
9
  var patchBrowser = () => {
9
10
  const importMeta = import.meta.url;
10
11
  const opts = {};
@@ -18,3 +19,5 @@ patchBrowser().then(async (options) => {
18
19
  await globalScripts();
19
20
  return bootstrapLazy([["proto-autos",[[1,"proto-autos",{"tag":[1]}]]]], options);
20
21
  });
22
+
23
+ //# sourceMappingURL=proto-autos-wc.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,4 +1,4 @@
1
- import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-a3825ba0.js';
1
+ import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-CnOiX8Co.js';
2
2
 
3
3
  const KEY = 'proto-autos';
4
4
  const DATA = 'data';
@@ -792,7 +792,7 @@ const actions = {
792
792
  };
793
793
 
794
794
  // WARNING: generated file...
795
- const TW_VERSION = '4.0.9';
795
+ const TW_VERSION = '4.0.14';
796
796
 
797
797
  const tw = (...classes) => {
798
798
  return classes.filter(Boolean).join(' ');
@@ -913,8 +913,7 @@ const ToolBar = _props => {
913
913
  : 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
914
914
  };
915
915
 
916
- const shadowCss = "/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */\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(0.905 0.182 98.111);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-600: oklch(0.446 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 .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\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 .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-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";
917
- const ProtoAutosStyle0 = shadowCss;
916
+ const shadowCss = "/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */\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(0.905 0.182 98.111);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-600: oklch(0.446 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";
918
917
 
919
918
  const ProtoAutos = class {
920
919
  constructor(hostRef) {
@@ -929,6 +928,8 @@ const ProtoAutos = class {
929
928
  return (h("main", { key: 'eb918bee95389cd4c78c6a7b3134ada507c5a042', id: "app", class: "ds1-main relative" }, h(Eswat2Io, { key: 'efa617ee04ddd6c58650d1cf4d00f899c3520efa' }), h(Header, { key: '6762516c1c9fc2d4490e9343d75f4f09f657fae6', label: "Auto Dealers" }), h(ToolBar, { key: 'ce1aeeb560729f66726b859d6f9d5a4a410703b1' }), loading ? (h(Spinner, null)) : (h("hr", { class: tw('mb-4 ml-0 mr-0 mt-4', 'border-solid border-gray-300', 'border-b-0 border-l-0 border-r-0') })), h(DealerView, { key: '63ef8ba16a60533a147c06e126442e9f2481f8fe', dealer: dealer }), h(Footer, { key: '00d32c34fcf933386a5e5f920e09f02f95dbfbf1' })));
930
929
  }
931
930
  };
932
- ProtoAutos.style = ProtoAutosStyle0;
931
+ ProtoAutos.style = shadowCss;
933
932
 
934
933
  export { ProtoAutos as proto_autos };
934
+
935
+ //# sourceMappingURL=proto-autos.entry.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,2 +1,3 @@
1
- var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},o=(t,e)=>e in t,l=(t,e)=>(0,console.error)(t,e),i=new Map,s=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={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)},a=t=>Promise.resolve(t),f=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!1,h=[],p=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.o?w(y):u.raf(y))},v=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&u.raf(y)},w=t=>a().then(t),b=m(p,!0),$=t=>"object"==(t=typeof t)||"function"===t;function g(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}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>S,unwrap:()=>E,unwrapErr:()=>C});var S=t=>({isOk:!0,isErr:!1,value:t}),j=t=>({isOk:!1,isErr:!0,value:t});function O(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>S(t))):S(n)}if(t.isErr)return j(t.value);throw"should never get here"}var k,E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value},M=(t,e,...n)=>{let o=null,l=null,i=!1,s=!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&&((i="function"!=typeof t&&!$(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?x(null,o):o),s=i)};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=x(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},x=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),P={},D={forEach:(t,e)=>t.map(R).forEach(e),map:(t,e)=>t.map(R).map(e).map(U)},R=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),U=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=x(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},W=(t,e)=>null==t||$(t)?t:1&e?t+"":t,A=new WeakMap,N=t=>"sc-"+t.S,L=(t,e,n,l,i,s)=>{if(n===l)return;let r=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,o=H(n);let i=H(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("key"===e);else if(r||"o"!==e[0]||"n"!==e[1]){const o=$(l);if((r||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):o(c,a)?a.slice(2):a[2]+e.slice(3),n||l){const o=e.endsWith(z);e=e.replace(F,""),n&&u.rel(t,e,n,o),l&&u.ael(t,e,l,o)}},T=/\s/,H=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(T):[]),z="Capture",F=RegExp(z+"$"),V=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},i=e.u||{};for(const t of q(Object.keys(l)))t in i||L(o,t,l[t],void 0,n,e.o);for(const t of q(Object.keys(i)))L(o,t,l[t],i[t],n,e.o)};function q(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var G=!1,I=(t,e,n)=>{const o=e.h[n];let l,i,s=0;if(null!==o.i)l=o.v=c.document.createTextNode(o.i);else{if(G||(G="svg"===o.m),!c.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=c.document.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),G&&"foreignObject"===o.m&&(G=!1),V(null,o,G),o.h)for(s=0;s<o.h.length;++s)i=I(t,o,s),i&&l.appendChild(i);"svg"===o.m?G=!1:"foreignObject"===l.tagName&&(G=!0)}return l["s-hn"]=k,l},Y=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===k&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=I(null,n,l),s&&(o[l].v=s,K(r,s,e)))},_=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;t&&t.remove()}}},B=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),J=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,i=e.h,s=e.m,r=e.i;null===r?(V(t,e,G="svg"===s||"foreignObject"!==s&&G),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,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(B(d,m,l))J(d,m,l),d=e[++r],m=o[++c];else if(B(h,v,l))J(h,v,l),h=e[--f],v=o[--p];else if(B(d,v,l))J(d,v,l),K(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(B(h,m,l))J(h,m,l),K(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?(s=e[u],s.m!==m.m?i=I(e&&e[c],n,u):(J(s,m,l),e[u]=void 0,i=s.v),m=o[++c]):(i=I(e&&e[c],n,c),m=o[++c]),i&&K(d.v.parentNode,i,d.v)}r>f?Y(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&_(e,r,f)})(o,l,e,i,n):null!==i?(null!==t.i&&(o.textContent=""),Y(o,null,e,i,0,i.length-1)):!n&&null!==l&&_(l,0,l.length-1),G&&"svg"===s&&(G=!1)):t.i!==r&&(o.data=r)},K=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),Q=(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()})))}},X=(t,e)=>{if(t.o|=16,!(4&t.o))return Q(t,t.O),b((()=>Z(t,e)));t.o|=512},Z=(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=ut(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=tt(l,(()=>ut(o,"componentWillRender",void 0,n))),tt(l,(()=>nt(t,o,e)))},tt=(t,e)=>et(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),et=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,nt=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=N(e),l=s.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let i,s=A.get(t=t.head||t);if(s||A.set(t,s=new Set),!s.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||c.document.createElement("style"),i.innerHTML=l;const s=null!=(n=u.C)?n:g(c.document);if(null!=s&&i.setAttribute("nonce",s),!(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(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){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(i)}else t.append(i);1&e.o&&t.insertBefore(i,null)}4&e.o&&(i.innerHTML+=r),s&&s.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);lt(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>st(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},ot=null,lt=(t,e,n,o)=>{try{ot=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.k,i=t.M||x(null,null),s=(t=>t&&t.m===P)(e)?e:M(null,null,e);if(k=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=i.v=o.shadowRoot||o,J(i,s,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return ot=null,null},it=()=>ot,st=t=>{const e=t.$hostElement$,n=t.t,o=t.O;ut(n,"componentDidRender",void 0,e),64&t.o?ut(n,"componentDidUpdate",void 0,e):(t.o|=64,at(e),ut(n,"componentDidLoad",void 0,e),t.P(e),o||ct()),t.j&&(t.j(),t.j=void 0),512&t.o&&w((()=>X(t,!1))),t.o&=-517},rt=t=>{{const n=e(t),o=n.$hostElement$.isConnected;return o&&2==(18&n.o)&&X(n,!1),o}},ct=()=>{w((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"proto-autos-wc"}});return t.dispatchEvent(e),e})(c)))},ut=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},at=t=>t.classList.add("hydrated"),ft=(t,n,o,l)=>{const i=e(t);if(!i)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const s=i.D.get(n),r=i.o,c=i.t;if(o=W(o,l.R[n][0]),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(i.D.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;X(i,!1)}},dt=(t,n,o)=>{var l,i;const s=t.prototype;if(n.R){const r=Object.entries(null!=(l=n.R)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};i&&(n.R[t][0]|=2048),r&&(n.R[t][0]|=4096),(1&o||!i)&&Object.defineProperty(s,t,{get(){{if(!(2048&n.R[t][0]))return((t,n)=>e(this).D.get(n))(0,t);const o=e(this),l=o?o.t:s;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(i){const s=e(this);if(r){const e=32&l?this[t]:s.$hostElement$[t];return void 0===e&&s.D.get(t)?i=s.D.get(t):!s.D.get(t)&&e&&s.D.set(t,e),r.call(this,W(i,l)),void ft(this,t,i=32&l?this[t]:s.$hostElement$[t],n)}{if(!(1&o&&4096&n.R[t][0]))return ft(this,t,i,n),void(1&o&&!s.t&&s.U.then((()=>{4096&n.R[t][0]&&s.t[t]!==s.D.get(t)&&(s.t[t]=i)})));const e=()=>{const e=s.t[t];!s.D.get(t)&&e&&s.D.set(t,e),s.t[t]=W(i,l),ft(this,t,s.t[t],n)};s.t?e():s.U.then((()=>e()))}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=e(this),s=null==o?void 0:o.o;if(s&&!(8&s)&&128&s&&i!==l){const e=o.t,s=null==(r=n.W)?void 0:r[t];null==s||s.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.W)?i:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},ht=(t,e)=>{ut(t,"connectedCallback",void 0,e)},pt=(t,e)=>{ut(t,"disconnectedCallback",void 0,e||t)},mt=(t,n={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const a=[],d=n.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let w,b=!0;Object.assign(u,n),u.l=new URL(n.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{const o={o:n[0],S:n[1],R:n[2],A:n[3]};4&o.o&&($=!0),o.R=n[2];const r=o.S,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,D: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 t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):u.jmp((()=>(t=>{if(!(1&u.o)){const n=e(t),o=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ht(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>ht(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){Q(n,n.O=e);break}}o.R&&Object.entries(o.R).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 s=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.N;if(!o)return;const s=i.get(o);return s?s[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(s&&"then"in s){const t=()=>{};o=await s,t()}else o=s;if(!o)throw Error(`Constructor for "${n.S}#${e.L}" was not found`);o.isProxied||(dt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,r(),ht(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=N(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.o)),o()}}}const r=e.O,c=()=>X(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,n,o)}r()}})(this)))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const n=e(t);(null==n?void 0:n.t)?pt(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>pt(n.t,t)))}A.has(t)&&A.delete(t),t.shadowRoot&&A.has(t.shadowRoot)&&A.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const n=e(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.M)?void 0:t.v)instanceof Node&&!n.M.v.isConnected&&delete n.M.v}))}componentOnReady(){return e(this).U}};o.N=t[0],d.includes(r)||h.get(r)||(a.push(r),h.define(r,dt(c,o,1)))}))})),a.length>0&&($&&(v.textContent+=r),v.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.C)?o:g(c.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):u.jmp((()=>w=setTimeout(ct,30)))},vt=t=>u.C=t;export{mt as b,rt as f,it as g,M as h,a as p,n as r,vt as s}
1
+ var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{t.__stencil__getHostRef=()=>e,e.t=t},o=(t,e)=>e in t,l=(t,e)=>(0,console.error)(t,e),i=new Map,s=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={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)},a=t=>Promise.resolve(t),f=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),d=!1,h=[],p=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.o?w(y):u.raf(y))},v=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&u.raf(y)},w=t=>a().then(t),b=m(p,!0),$=t=>"object"==(t=typeof t)||"function"===t;function g(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}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>O,ok:()=>S,unwrap:()=>E,unwrapErr:()=>C});var S=t=>({isOk:!0,isErr:!1,value:t}),j=t=>({isOk:!1,isErr:!0,value:t});function O(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>S(t))):S(n)}if(t.isErr)return j(t.value);throw"should never get here"}var k,E=t=>{if(t.isOk)return t.value;throw t.value},C=t=>{if(t.isErr)return t.value;throw t.value},M=(t,e,...n)=>{let o=null,l=null,i=!1,s=!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&&((i="function"!=typeof t&&!$(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?x(null,o):o),s=i)};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=x(t,null);return u.u=e,r.length>0&&(u.h=r),u.p=l,u},x=(t,e)=>({o:0,m:t,i:e,v:null,h:null,u:null,p:null}),P={},D={forEach:(t,e)=>t.map(R).forEach(e),map:(t,e)=>t.map(R).map(e).map(U)},R=t=>({vattrs:t.u,vchildren:t.h,vkey:t.p,vname:t.$,vtag:t.m,vtext:t.i}),U=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=x(t.vtag,t.vtext);return e.u=t.vattrs,e.h=t.vchildren,e.p=t.vkey,e.$=t.vname,e},W=(t,e)=>null==t||$(t)?t:1&e?t+"":t,A=new WeakMap,N=t=>"sc-"+t.S,L=(t,e,n,l,i,s)=>{if(n===l)return;let r=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,o=H(n);let i=H(l);e.remove(...o.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!o.includes(t))))}else if("key"===e);else if(r||"o"!==e[0]||"n"!==e[1]){const o=$(l);if((r||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?r=!1:null!=n&&t[e]==o||("function"==typeof t.__lookupSetter__(e)?t[e]=o:t.setAttribute(e,o))}}catch(t){}null==l||!1===l?!1===l&&""!==t.getAttribute(e)||t.removeAttribute(e):(!r||4&s||i)&&!o&&1===t.nodeType&&t.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):o(c,a)?a.slice(2):a[2]+e.slice(3),n||l){const o=e.endsWith(z);e=e.replace(F,""),n&&u.rel(t,e,n,o),l&&u.ael(t,e,l,o)}},T=/\s/,H=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(T):[]),z="Capture",F=RegExp(z+"$"),V=(t,e,n)=>{const o=11===e.v.nodeType&&e.v.host?e.v.host:e.v,l=t&&t.u||{},i=e.u||{};for(const t of q(Object.keys(l)))t in i||L(o,t,l[t],void 0,n,e.o);for(const t of q(Object.keys(i)))L(o,t,l[t],i[t],n,e.o)};function q(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var G=!1,I=(t,e,n)=>{const o=e.h[n];let l,i,s=0;if(null!==o.i)l=o.v=c.document.createTextNode(o.i);else{if(G||(G="svg"===o.m),!c.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=c.document.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),G&&"foreignObject"===o.m&&(G=!1),V(null,o,G),o.h)for(s=0;s<o.h.length;++s)i=I(t,o,s),i&&l.appendChild(i);"svg"===o.m?G=!1:"foreignObject"===l.tagName&&(G=!0)}return l["s-hn"]=k,l},Y=(t,e,n,o,l,i)=>{let s,r=t;for(r.shadowRoot&&r.tagName===k&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=I(null,n,l),s&&(o[l].v=s,K(r,s,e)))},_=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.v;t&&t.remove()}}},B=(t,e,n=!1)=>t.m===e.m&&(n?(n&&!t.p&&e.p&&(t.p=e.p),!0):t.p===e.p),J=(t,e,n=!1)=>{const o=e.v=t.v,l=t.h,i=e.h,s=e.m,r=e.i;null===r?(V(t,e,G="svg"===s||"foreignObject"!==s&&G),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,s,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(B(d,m,l))J(d,m,l),d=e[++r],m=o[++c];else if(B(h,v,l))J(h,v,l),h=e[--f],v=o[--p];else if(B(d,v,l))J(d,v,l),K(t,d.v,h.v.nextSibling),d=e[++r],v=o[--p];else if(B(h,m,l))J(h,m,l),K(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?(s=e[u],s.m!==m.m?i=I(e&&e[c],n,u):(J(s,m,l),e[u]=void 0,i=s.v),m=o[++c]):(i=I(e&&e[c],n,c),m=o[++c]),i&&K(d.v.parentNode,i,d.v)}r>f?Y(t,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&_(e,r,f)})(o,l,e,i,n):null!==i?(null!==t.i&&(o.textContent=""),Y(o,null,e,i,0,i.length-1)):!n&&null!==l&&_(l,0,l.length-1),G&&"svg"===s&&(G=!1)):t.i!==r&&(o.data=r)},K=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),Q=(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()})))}},X=(t,e)=>{if(t.o|=16,!(4&t.o))return Q(t,t.O),b((()=>Z(t,e)));t.o|=512},Z=(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=ut(o,e?"componentWillLoad":"componentWillUpdate",void 0,n),l=tt(l,(()=>ut(o,"componentWillRender",void 0,n))),tt(l,(()=>nt(t,o,e)))},tt=(t,e)=>et(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),et=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,nt=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.k,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=N(e),l=s.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let i,s=A.get(t=t.head||t);if(s||A.set(t,s=new Set),!s.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||c.document.createElement("style"),i.innerHTML=l;const s=null!=(n=u.C)?n:g(c.document);if(null!=s&&i.setAttribute("nonce",s),!(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(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){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(i)}else t.append(i);1&e.o&&t.insertBefore(i,null)}4&e.o&&(i.innerHTML+=r),s&&s.add(o)}}else t.adoptedStyleSheets.includes(l)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);lt(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>st(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},ot=null,lt=(t,e,n,o)=>{try{ot=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.M||x(null,null),i=(t=>t&&t.m===P)(e)?e:M(null,null,e);if(k=o.tagName,n&&i.u)for(const t of Object.keys(i.u))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.u[t]=o[t]);i.m=null,i.o|=4,t.M=i,i.v=l.v=o.shadowRoot||o,J(l,i,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return ot=null,null},it=()=>ot,st=t=>{const e=t.$hostElement$,n=t.t,o=t.O;ut(n,"componentDidRender",void 0,e),64&t.o?ut(n,"componentDidUpdate",void 0,e):(t.o|=64,at(e),ut(n,"componentDidLoad",void 0,e),t.P(e),o||ct()),t.j&&(t.j(),t.j=void 0),512&t.o&&w((()=>X(t,!1))),t.o&=-517},rt=t=>{{const n=e(t),o=n.$hostElement$.isConnected;return o&&2==(18&n.o)&&X(n,!1),o}},ct=()=>{w((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"proto-autos-wc"}});return t.dispatchEvent(e),e})(c)))},ut=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},at=t=>t.classList.add("hydrated"),ft=(t,n,o,l)=>{const i=e(t);if(!i)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 s=i.D.get(n),r=i.o,c=i.t;if(o=W(o,l.R[n][0]),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(i.D.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;X(i,!1)}},dt=(t,n,o)=>{var l,i;const s=t.prototype;if(n.R){const r=Object.entries(null!=(l=n.R)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,t)||{};i&&(n.R[t][0]|=2048),r&&(n.R[t][0]|=4096),(1&o||!i)&&Object.defineProperty(s,t,{get(){{if(!(2048&n.R[t][0]))return((t,n)=>e(this).D.get(n))(0,t);const o=e(this),l=o?o.t:s;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,t,{set(i){const s=e(this);if(r){const e=32&l?this[t]:s.$hostElement$[t];return void 0===e&&s.D.get(t)?i=s.D.get(t):!s.D.get(t)&&e&&s.D.set(t,e),r.call(this,W(i,l)),void ft(this,t,i=32&l?this[t]:s.$hostElement$[t],n)}{if(!(1&o&&4096&n.R[t][0]))return ft(this,t,i,n),void(1&o&&!s.t&&s.U.then((()=>{4096&n.R[t][0]&&s.t[t]!==s.D.get(t)&&(s.t[t]=i)})));const e=()=>{const e=s.t[t];!s.D.get(t)&&e&&s.D.set(t,e),s.t[t]=W(i,l),ft(this,t,s.t[t],n)};s.t?e():s.U.then((()=>e()))}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var r;const c=o.get(t);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=e(this),s=null==o?void 0:o.o;if(s&&!(8&s)&&128&s&&i!==l){const e=o.t,s=null==(r=n.W)?void 0:r[t];null==s||s.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.W)?i:{}),...r.filter((([t,e])=>15&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},ht=(t,e)=>{ut(t,"connectedCallback",void 0,e)},pt=(t,e)=>{ut(t,"disconnectedCallback",void 0,e||t)},mt=(t,n={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const a=[],d=n.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let w,b=!0;Object.assign(u,n),u.l=new URL(n.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((n=>{const o={o:n[0],S:n[1],R:n[2],A:n[3]};4&o.o&&($=!0),o.R=n[2];const r=o.S,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,k:e,D: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 t.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),b?y.push(this):u.jmp((()=>(t=>{if(!(1&u.o)){const n=e(t),o=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ht(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>ht(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){Q(n,n.O=e);break}}o.R&&Object.entries(o.R).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 s=((t,e)=>{const n=t.S.replace(/-/g,"_"),o=t.N;if(!o)return;const s=i.get(o);return s?s[n]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[n])),(t=>{l(t,e.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(s&&"then"in s){const t=()=>{};o=await s,t()}else o=s;if(!o)throw Error(`Constructor for "${n.S}#${e.L}" was not found`);o.isProxied||(dt(o,n,2),o.isProxied=!0);const r=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,r(),ht(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=N(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.o)),o()}}}const r=e.O,c=()=>X(e,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(t,n,o)}r()}})(this)))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const n=e(t);(null==n?void 0:n.t)?pt(n.t,t):(null==n?void 0:n.U)&&n.U.then((()=>pt(n.t,t)))}A.has(t)&&A.delete(t),t.shadowRoot&&A.has(t.shadowRoot)&&A.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const n=e(this),o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.M)?void 0:t.v)instanceof Node&&!n.M.v.isConnected&&delete n.M.v}))}componentOnReady(){return e(this).U}};o.N=t[0],d.includes(r)||h.get(r)||(a.push(r),h.define(r,dt(c,o,1)))}))})),a.length>0&&($&&(v.textContent+=r),v.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.C)?o:g(c.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}b=!1,y.length?y.map((t=>t.connectedCallback())):u.jmp((()=>w=setTimeout(ct,30)))},vt=t=>u.C=t;export{mt as b,rt as f,it as g,M as h,a as p,n as r,vt as s}
3
+ //# sourceMappingURL=p-CnOiX8Co.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -0,0 +1,2 @@
1
+ const o=()=>{};export{o as g}
2
+ //# sourceMappingURL=p-DQuL1Twl.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1 +1,2 @@
1
- import{g as n,f as e,h as r,r as t}from"./p-ac3bfe14.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}(),v=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 b={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)))}}})(b,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},y=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},x=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 w=new v({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{p(!0),s(i,0),w.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];w.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),y(t)}))}))},j=()=>{p();const n=l(a),e=l(i);n?(y(n),e&&x(e)):k()},O=k,S=n=>{s(i,n),x(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.0.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.0.9 | MIT License | https://tailwindcss.com */\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(0.905 0.182 98.111);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-600: oklch(0.446 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 .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\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 .filter {\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)\n var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)\n var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-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";export{V as proto_autos}
1
+ import{g as n,f as e,h as r,r as t}from"./p-CnOiX8Co.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 b=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}(),g=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,b),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},y=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},x=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 w=new g({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{p(!0),s(i,0),w.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];w.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),y(t)}))}))},j=()=>{p();const n=l(a),e=l(i);n?(y(n),e&&x(e)):k()},O=k,S=n=>{s(i,n),x(n)},z=(...n)=>n.filter(Boolean).join(" "),C=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||""))},E=/^\#[0-9]*/,$=n=>null!=n.match(E),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(C,{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.0.14")),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.0.14 | MIT License | https://tailwindcss.com */\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(0.905 0.182 98.111);\n --color-yellow-600: oklch(0.681 0.162 75.834);\n --color-green-200: oklch(0.925 0.084 155.995);\n --color-green-600: oklch(0.627 0.194 149.214);\n --color-blue-200: oklch(0.882 0.059 254.128);\n --color-blue-400: oklch(0.707 0.165 254.624);\n --color-gray-300: oklch(0.872 0.01 258.338);\n --color-gray-600: oklch(0.446 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";export{V as proto_autos}
2
+ //# sourceMappingURL=p-b2d4d738.entry.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -62,43 +62,3 @@
62
62
  inherits: false;
63
63
  initial-value: 0 0 #0000;
64
64
  }
65
- @property --tw-blur {
66
- syntax: '*';
67
- inherits: false;
68
- }
69
- @property --tw-brightness {
70
- syntax: '*';
71
- inherits: false;
72
- }
73
- @property --tw-contrast {
74
- syntax: '*';
75
- inherits: false;
76
- }
77
- @property --tw-grayscale {
78
- syntax: '*';
79
- inherits: false;
80
- }
81
- @property --tw-hue-rotate {
82
- syntax: '*';
83
- inherits: false;
84
- }
85
- @property --tw-invert {
86
- syntax: '*';
87
- inherits: false;
88
- }
89
- @property --tw-opacity {
90
- syntax: '*';
91
- inherits: false;
92
- }
93
- @property --tw-saturate {
94
- syntax: '*';
95
- inherits: false;
96
- }
97
- @property --tw-sepia {
98
- syntax: '*';
99
- inherits: false;
100
- }
101
- @property --tw-drop-shadow {
102
- syntax: '*';
103
- inherits: false;
104
- }
@@ -1 +1,2 @@
1
- import{p as a,b as o}from"./p-ac3bfe14.js";export{s as setNonce}from"./p-ac3bfe14.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),a(s)})().then((async a=>(await t(),o([["p-c496b7d7",[[1,"proto-autos",{tag:[1]}]]]],a))));
1
+ import{p as o,b as t}from"./p-CnOiX8Co.js";export{s as setNonce}from"./p-CnOiX8Co.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),o(t)})().then((async o=>(await a(),t([["p-b2d4d738",[[1,"proto-autos",{tag:[1]}]]]],o))));
2
+ //# sourceMappingURL=proto-autos-wc.esm.js.map
@@ -0,0 +1 @@
1
+ {"sourcesContent":[]}
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
4
  :root,
@@ -826,6 +826,7 @@ export declare namespace JSXBase {
826
826
  }
827
827
  interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
828
828
  open?: boolean;
829
+ name?: string;
829
830
  onToggle?: (event: Event) => void;
830
831
  }
831
832
  interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1,3 +1,3 @@
1
- declare const TW_VERSION = "4.0.9";
1
+ declare const TW_VERSION = "4.0.14";
2
2
  export { TW_VERSION };
3
3
  export default TW_VERSION;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-autos-wc",
3
- "version": "0.1.13",
3
+ "version": "0.1.15",
4
4
  "description": "prototype - a simple GraphQL demo rendered in Stencil and Tailwind",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -27,21 +27,21 @@
27
27
  "format": "prettier --write src cSpell.json"
28
28
  },
29
29
  "dependencies": {
30
- "@stencil/core": "4.27.1",
30
+ "@stencil/core": "4.28.2",
31
31
  "@stencil/store": "2.1.2",
32
32
  "fetchql": "3.0.0"
33
33
  },
34
34
  "license": "MIT",
35
35
  "devDependencies": {
36
- "autoprefixer": "10.4.20",
36
+ "autoprefixer": "10.4.21",
37
37
  "concurrently": "9.1.2",
38
38
  "cspell": "8.17.5",
39
- "eslint": "9.21.0",
39
+ "eslint": "9.22.0",
40
40
  "postcss": "8.5.3",
41
- "prettier": "3.5.2",
41
+ "prettier": "3.5.3",
42
42
  "prettier-plugin-tailwindcss": "0.6.11",
43
- "proto-tailwindcss-clrs": "0.0.411",
44
- "tailwindcss": "4.0.9",
43
+ "proto-tailwindcss-clrs": "0.0.412",
44
+ "tailwindcss": "4.0.14",
45
45
  "typescript": "5.8.2",
46
46
  "workbox-build": "7.3.0"
47
47
  }
@@ -1,11 +0,0 @@
1
- {
2
- "name": "proto-autos-wc-loader",
3
- "private": true,
4
- "typings": "./index.d.ts",
5
- "module": "./index.js",
6
- "main": "./index.cjs.js",
7
- "jsnext:main": "./index.es2017.js",
8
- "es2015": "./index.es2017.js",
9
- "es2017": "./index.es2017.js",
10
- "unpkg": "./cdn.js"
11
- }
@@ -1 +0,0 @@
1
- const o=()=>{};export{o as g}
@@ -1,11 +0,0 @@
1
- {
2
- "name": "proto-autos-wc-loader",
3
- "private": true,
4
- "typings": "./index.d.ts",
5
- "module": "./index.js",
6
- "main": "./index.cjs.js",
7
- "jsnext:main": "./index.es2017.js",
8
- "es2015": "./index.es2017.js",
9
- "es2017": "./index.es2017.js",
10
- "unpkg": "./cdn.js"
11
- }