proto-autos-wc 0.1.102 → 0.1.103
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.
- package/dist/cjs/{index-C0UY0hOB.js → index-Bb_80AHS.js} +37 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/proto-autos-wc.cjs.js +2 -2
- package/dist/cjs/proto-autos.cjs.entry.js +3 -3
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/styles/shadow.css +1 -1
- package/dist/collection/tokens.css +1 -1
- package/dist/collection/utils/tw-version.js +1 -1
- package/dist/esm/{index-COcY21C_.js → index-DWVetjJM.js} +37 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm/proto-autos-wc.js +3 -3
- package/dist/esm/proto-autos.entry.js +3 -3
- package/dist/proto-autos-wc/{p-00d55a91.entry.js → p-480d7794.entry.js} +1 -1
- package/dist/proto-autos-wc/p-DWVetjJM.js +2 -0
- package/dist/proto-autos-wc/proto-autos-wc.esm.js +1 -1
- package/dist/proto-autos-wc/tokens.css +1 -1
- package/dist/types/stencil-public-runtime.d.ts +1 -1
- package/dist/types/utils/tw-version.d.ts +1 -1
- package/package.json +4 -4
- package/dist/proto-autos-wc/p-COcY21C_.js +0 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const NAMESPACE = 'proto-autos-wc';
|
|
4
|
-
const BUILD = /* proto-autos-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
|
|
4
|
+
const BUILD = /* proto-autos-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
|
-
Stencil Client Platform v4.38.
|
|
7
|
+
Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
8
8
|
*/
|
|
9
9
|
var __defProp = Object.defineProperty;
|
|
10
10
|
var __export = (target, all) => {
|
|
@@ -15,6 +15,38 @@ var __export = (target, all) => {
|
|
|
15
15
|
// src/utils/constants.ts
|
|
16
16
|
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
17
17
|
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
18
|
+
var reWireGetterSetter = (instance, hostRef) => {
|
|
19
|
+
var _a;
|
|
20
|
+
const cmpMeta = hostRef.$cmpMeta$;
|
|
21
|
+
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
22
|
+
members.map(([memberName, [memberFlags]]) => {
|
|
23
|
+
if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
|
|
24
|
+
const ogValue = instance[memberName];
|
|
25
|
+
const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
|
|
26
|
+
if (ogDescriptor) {
|
|
27
|
+
Object.defineProperty(instance, memberName, {
|
|
28
|
+
get() {
|
|
29
|
+
return ogDescriptor.get.call(this);
|
|
30
|
+
},
|
|
31
|
+
set(newValue) {
|
|
32
|
+
ogDescriptor.set.call(this, newValue);
|
|
33
|
+
},
|
|
34
|
+
configurable: true,
|
|
35
|
+
enumerable: true
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
function getPropertyDescriptor(obj, memberName) {
|
|
43
|
+
while (obj) {
|
|
44
|
+
const desc = Object.getOwnPropertyDescriptor(obj, memberName);
|
|
45
|
+
if (desc == null ? void 0 : desc.get) return desc;
|
|
46
|
+
obj = Object.getPrototypeOf(obj);
|
|
47
|
+
}
|
|
48
|
+
return void 0;
|
|
49
|
+
}
|
|
18
50
|
|
|
19
51
|
// src/client/client-host-ref.ts
|
|
20
52
|
var getHostRef = (ref) => {
|
|
@@ -27,6 +59,9 @@ var registerInstance = (lazyInstance, hostRef) => {
|
|
|
27
59
|
if (!hostRef) return;
|
|
28
60
|
lazyInstance.__stencil__getHostRef = () => hostRef;
|
|
29
61
|
hostRef.$lazyInstance$ = lazyInstance;
|
|
62
|
+
if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.prop)) {
|
|
63
|
+
reWireGetterSetter(lazyInstance, hostRef);
|
|
64
|
+
}
|
|
30
65
|
};
|
|
31
66
|
var registerHost = (hostElement, cmpMeta) => {
|
|
32
67
|
const hostRef = {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Bb_80AHS.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v4.38.
|
|
8
|
+
Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var patchBrowser = () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Bb_80AHS.js');
|
|
4
4
|
|
|
5
5
|
const KEY = 'proto-autos';
|
|
6
6
|
const DATA = 'data';
|
|
@@ -810,7 +810,7 @@ const actions = {
|
|
|
810
810
|
};
|
|
811
811
|
|
|
812
812
|
// WARNING: generated file...
|
|
813
|
-
const TW_VERSION = '4.1.
|
|
813
|
+
const TW_VERSION = '4.1.17';
|
|
814
814
|
|
|
815
815
|
const tw = (...classes) => {
|
|
816
816
|
return classes.filter(Boolean).join(' ');
|
|
@@ -903,7 +903,7 @@ const ToolBar = _props => {
|
|
|
903
903
|
: 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
|
|
904
904
|
};
|
|
905
905
|
|
|
906
|
-
const shadowCss = "/*! tailwindcss v4.1.
|
|
906
|
+
const shadowCss = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --animate-spin: spin 1s linear infinite;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .m-6 {\n margin: calc(var(--spacing) * 6);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-1\\.5 {\n margin-right: calc(var(--spacing) * 1.5);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .content-center {\n align-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .self-center {\n align-self: center;\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-tl-md {\n border-top-left-radius: var(--radius-md);\n }\n .rounded-tl-none {\n border-top-left-radius: 0;\n }\n .rounded-tr-md {\n border-top-right-radius: var(--radius-md);\n }\n .rounded-tr-none {\n border-top-right-radius: 0;\n }\n .rounded-br-md {\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-br-none {\n border-bottom-right-radius: 0;\n }\n .rounded-bl-md {\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-bl-none {\n border-bottom-left-radius: 0;\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-clrs-navy {\n border-color: var(--clrs-navy, #001f3f);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-green-600 {\n border-color: var(--color-green-600);\n }\n .border-yellow-600 {\n border-color: var(--color-yellow-600);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-yellow {\n background-color: var(--clrs-yellow, #ffdc00);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-green-200 {\n background-color: var(--color-green-200);\n }\n .bg-yellow-300 {\n background-color: var(--color-yellow-300);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .opacity-25 {\n opacity: 25%;\n }\n .opacity-75 {\n opacity: 75%;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .hover\\:text-clrs-red {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-red, #ff4136);\n }\n }\n }\n .md\\:w-auto {\n @media (width >= 48rem) {\n width: auto;\n }\n }\n}\n@layer components {\n .ds1-main {\n margin: calc(var(--spacing) * 6);\n display: flex;\n flex-direction: column;\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n.ikon {\n height: 96px;\n width: 96px;\n}\n@media (min-width: 500px) {\n .ikon {\n height: 144px;\n width: 144px;\n }\n}\n@media (min-width: 700px) {\n .ikon {\n height: 192px;\n width: 192px;\n }\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n";
|
|
907
907
|
|
|
908
908
|
const ProtoAutos = class {
|
|
909
909
|
constructor(hostRef) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const NAMESPACE = 'proto-autos-wc';
|
|
2
|
-
const BUILD = /* proto-autos-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
|
|
2
|
+
const BUILD = /* proto-autos-wc */ { hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.38.
|
|
5
|
+
Stencil Client Platform v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -13,6 +13,38 @@ var __export = (target, all) => {
|
|
|
13
13
|
// src/utils/constants.ts
|
|
14
14
|
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
15
15
|
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
16
|
+
var reWireGetterSetter = (instance, hostRef) => {
|
|
17
|
+
var _a;
|
|
18
|
+
const cmpMeta = hostRef.$cmpMeta$;
|
|
19
|
+
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
20
|
+
members.map(([memberName, [memberFlags]]) => {
|
|
21
|
+
if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
|
|
22
|
+
const ogValue = instance[memberName];
|
|
23
|
+
const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
|
|
24
|
+
if (ogDescriptor) {
|
|
25
|
+
Object.defineProperty(instance, memberName, {
|
|
26
|
+
get() {
|
|
27
|
+
return ogDescriptor.get.call(this);
|
|
28
|
+
},
|
|
29
|
+
set(newValue) {
|
|
30
|
+
ogDescriptor.set.call(this, newValue);
|
|
31
|
+
},
|
|
32
|
+
configurable: true,
|
|
33
|
+
enumerable: true
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
function getPropertyDescriptor(obj, memberName) {
|
|
41
|
+
while (obj) {
|
|
42
|
+
const desc = Object.getOwnPropertyDescriptor(obj, memberName);
|
|
43
|
+
if (desc == null ? void 0 : desc.get) return desc;
|
|
44
|
+
obj = Object.getPrototypeOf(obj);
|
|
45
|
+
}
|
|
46
|
+
return void 0;
|
|
47
|
+
}
|
|
16
48
|
|
|
17
49
|
// src/client/client-host-ref.ts
|
|
18
50
|
var getHostRef = (ref) => {
|
|
@@ -25,6 +57,9 @@ var registerInstance = (lazyInstance, hostRef) => {
|
|
|
25
57
|
if (!hostRef) return;
|
|
26
58
|
lazyInstance.__stencil__getHostRef = () => hostRef;
|
|
27
59
|
hostRef.$lazyInstance$ = lazyInstance;
|
|
60
|
+
if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.prop)) {
|
|
61
|
+
reWireGetterSetter(lazyInstance, hostRef);
|
|
62
|
+
}
|
|
28
63
|
};
|
|
29
64
|
var registerHost = (hostElement, cmpMeta) => {
|
|
30
65
|
const hostRef = {
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-DWVetjJM.js';
|
|
2
|
+
export { s as setNonce } from './index-DWVetjJM.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-DWVetjJM.js';
|
|
2
|
+
export { s as setNonce } from './index-DWVetjJM.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.38.
|
|
6
|
+
Stencil Client Patch Browser v4.38.3 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var patchBrowser = () => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-
|
|
1
|
+
import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-DWVetjJM.js';
|
|
2
2
|
|
|
3
3
|
const KEY = 'proto-autos';
|
|
4
4
|
const DATA = 'data';
|
|
@@ -808,7 +808,7 @@ const actions = {
|
|
|
808
808
|
};
|
|
809
809
|
|
|
810
810
|
// WARNING: generated file...
|
|
811
|
-
const TW_VERSION = '4.1.
|
|
811
|
+
const TW_VERSION = '4.1.17';
|
|
812
812
|
|
|
813
813
|
const tw = (...classes) => {
|
|
814
814
|
return classes.filter(Boolean).join(' ');
|
|
@@ -901,7 +901,7 @@ const ToolBar = _props => {
|
|
|
901
901
|
: 'bg-clrs-yellow text-clrs-navy'), onClick: () => actions.updatePick(indx), title: `${dealer.name} (${dealer.vehicles.length})` }, indx + 1))))));
|
|
902
902
|
};
|
|
903
903
|
|
|
904
|
-
const shadowCss = "/*! tailwindcss v4.1.
|
|
904
|
+
const shadowCss = "/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --animate-spin: spin 1s linear infinite;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .m-6 {\n margin: calc(var(--spacing) * 6);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-1\\.5 {\n margin-right: calc(var(--spacing) * 1.5);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .content-center {\n align-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .self-center {\n align-self: center;\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-tl-md {\n border-top-left-radius: var(--radius-md);\n }\n .rounded-tl-none {\n border-top-left-radius: 0;\n }\n .rounded-tr-md {\n border-top-right-radius: var(--radius-md);\n }\n .rounded-tr-none {\n border-top-right-radius: 0;\n }\n .rounded-br-md {\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-br-none {\n border-bottom-right-radius: 0;\n }\n .rounded-bl-md {\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-bl-none {\n border-bottom-left-radius: 0;\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-clrs-navy {\n border-color: var(--clrs-navy, #001f3f);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-green-600 {\n border-color: var(--color-green-600);\n }\n .border-yellow-600 {\n border-color: var(--color-yellow-600);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-yellow {\n background-color: var(--clrs-yellow, #ffdc00);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-green-200 {\n background-color: var(--color-green-200);\n }\n .bg-yellow-300 {\n background-color: var(--color-yellow-300);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .opacity-25 {\n opacity: 25%;\n }\n .opacity-75 {\n opacity: 75%;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .hover\\:text-clrs-red {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-red, #ff4136);\n }\n }\n }\n .md\\:w-auto {\n @media (width >= 48rem) {\n width: auto;\n }\n }\n}\n@layer components {\n .ds1-main {\n margin: calc(var(--spacing) * 6);\n display: flex;\n flex-direction: column;\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n.ikon {\n height: 96px;\n width: 96px;\n}\n@media (min-width: 500px) {\n .ikon {\n height: 144px;\n width: 144px;\n }\n}\n@media (min-width: 700px) {\n .ikon {\n height: 192px;\n width: 192px;\n }\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n";
|
|
905
905
|
|
|
906
906
|
const ProtoAutos = class {
|
|
907
907
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{g as n,f as e,h as r,r as t}from"./p-COcY21C_.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,f=(n,e)=>{const r=n.indexOf(e);r>=0&&(n[r]=n[n.length-1],n.length--)};var h=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 g(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}var b=function(){function n(){var e=this;g(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 h(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;g(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),h(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 m={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:p}=(()=>{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=new Map,i=()=>{t=new Map(Object.entries(u(n)??{})),o.reset.forEach((n=>n()))},l=n=>(o.get.forEach((e=>e(n))),t.get(n)),s=(n,r)=>{const a=t.get(n);e(r,a,n)&&(t.set(n,r),o.set.forEach((e=>e(n,r,a))))},c="undefined"==typeof Proxy?{}:new Proxy(r,{get:(n,e)=>l(e),ownKeys:()=>Array.from(t.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,e)=>t.has(e),set:(n,e,r)=>(s(e,r),!0)}),d=(n,e)=>(o[n].push(e),()=>{f(o[n],e)});return{state:c,get:l,set:s,on:d,onChange:(e,r)=>{const t=(n,t)=>{n===e&&r(t)},o=()=>r(u(n)[e]),i=d("set",t),l=d("reset",o);return a.set(r,{setHandler:t,resetHandler:o,propName:e}),()=>{i(),l(),a.delete(r)}},use:(...n)=>{const e=n.reduce(((n,e)=>(e.set&&n.push(d("set",e.set)),e.get&&n.push(d("get",e.get)),e.reset&&n.push(d("reset",e.reset)),e.dispose&&n.push(d("dispose",e.dispose)),n)),[]);return()=>e.forEach((n=>n()))},dispose:()=>{o.dispose.forEach((n=>n())),i()},reset:i,forceUpdate:n=>{const e=t.get(n);o.set.forEach((r=>r(n,e,e)))},removeListener:(n,e)=>{const r=a.get(e);r&&r.propName===n&&(f(o.set,r.setHandler),f(o.reset,r.resetHandler),a.delete(e))}}})(m,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})(),w=(n=!1)=>{p.loading=n,p.error=void 0,p.pick=0,p.data=void 0,p.dealer=void 0},y=n=>{if(n){const{pick:e}=p;p.dealer=null!=e?n.list[e]:void 0,p.data=n,p.loading=!1}else p.data=void 0,p.loading=!1},x=n=>{const{data:e}=p;e&&void 0!==n?(p.pick=n,p.dealer=e.list[n]):(p.pick=0,p.dealer=void 0)};var k=new v({url:"https://gt-forza.vercel.app/graphql"});const j=()=>{w(!0),s(i,0),k.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];k.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)}))}))},O=()=>{w();const n=l(a),e=l(i);n?(y(n),e&&x(e)):j()},S=j,z=n=>{s(i,n),x(n)},C=(...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:C("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||""))},N=/^\#[0-9]*/,$=n=>null!=n.match(N),I=n=>2554===n,T=n=>n>2010,q=n=>{const{vin:e,make:t,model:o,year:a,color:i}=n.value||{};return r("div",{class:C("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":T(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()}))},A=n=>{const{list:e}=n,t=e.length;return 0===t?"":r("div",{class:"flex flex-col"},t?e.map((n=>r(q,{value:n}))):"")},P=n=>{const{dealer:e}=n,{vehicles:t}=e||{vehicles:[]},o=t;return e?r("div",{class:"flex flex-col"},r(E,{value:e}),r(A,{list:o})):""},M="eswat2",U=()=>r("a",{class:"absolute right-0 top-0 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":M,target:"blank",title:M},r("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),J=()=>r("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.16")),_=n=>{const{label:e}=n;return r("h1",{class:C("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},e)},D=n=>{const e=n.hex||"currentColor",t=n.label||"loading...",o=n.size||24;return r("svg",{class:C(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"}))},H=()=>{const{loading:n,pick:e,data:t}=p||{},{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:()=>S()},r("proto-ikon-loader",{name:"refresh",size:24})),r("div",{class:C("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},o.map(((n,t)=>r("button",{class:C("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:()=>z(t),title:`${n.name} (${n.vehicles.length})`},t+1)))))},L=class{constructor(n){t(this,n),this.tag="proto-autos"}componentDidLoad(){O()}render(){const{loading:n,dealer:e}=p;return r("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},r(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),r(_,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),r(H,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),n?r(D,null):r("hr",{class:C("mb-4 ml-0 mr-0 mt-4","border-solid border-gray-300","border-b-0 border-l-0 border-r-0")}),r(P,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:e}),r(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};L.style="/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --animate-spin: spin 1s linear infinite;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .m-6 {\n margin: calc(var(--spacing) * 6);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-1\\.5 {\n margin-right: calc(var(--spacing) * 1.5);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .content-center {\n align-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .self-center {\n align-self: center;\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-tl-md {\n border-top-left-radius: var(--radius-md);\n }\n .rounded-tl-none {\n border-top-left-radius: 0;\n }\n .rounded-tr-md {\n border-top-right-radius: var(--radius-md);\n }\n .rounded-tr-none {\n border-top-right-radius: 0;\n }\n .rounded-br-md {\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-br-none {\n border-bottom-right-radius: 0;\n }\n .rounded-bl-md {\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-bl-none {\n border-bottom-left-radius: 0;\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-clrs-navy {\n border-color: var(--clrs-navy, #001f3f);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-green-600 {\n border-color: var(--color-green-600);\n }\n .border-yellow-600 {\n border-color: var(--color-yellow-600);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-yellow {\n background-color: var(--clrs-yellow, #ffdc00);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-green-200 {\n background-color: var(--color-green-200);\n }\n .bg-yellow-300 {\n background-color: var(--color-yellow-300);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .opacity-25 {\n opacity: 25%;\n }\n .opacity-75 {\n opacity: 75%;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .hover\\:text-clrs-red {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-red, #ff4136);\n }\n }\n }\n .md\\:w-auto {\n @media (width >= 48rem) {\n width: auto;\n }\n }\n}\n@layer components {\n .ds1-main {\n margin: calc(var(--spacing) * 6);\n display: flex;\n flex-direction: column;\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n.ikon {\n height: 96px;\n width: 96px;\n}\n@media (min-width: 500px) {\n .ikon {\n height: 144px;\n width: 144px;\n }\n}\n@media (min-width: 700px) {\n .ikon {\n height: 192px;\n width: 192px;\n }\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n";export{L as proto_autos}
|
|
1
|
+
import{g as n,f as e,h as r,r as t}from"./p-DWVetjJM.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,f=(n,e)=>{const r=n.indexOf(e);r>=0&&(n[r]=n[n.length-1],n.length--)};var h=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 g(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}var b=function(){function n(){var e=this;g(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 h(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;g(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),h(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 m={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:p}=(()=>{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=new Map,i=()=>{t=new Map(Object.entries(u(n)??{})),o.reset.forEach((n=>n()))},l=n=>(o.get.forEach((e=>e(n))),t.get(n)),s=(n,r)=>{const a=t.get(n);e(r,a,n)&&(t.set(n,r),o.set.forEach((e=>e(n,r,a))))},c="undefined"==typeof Proxy?{}:new Proxy(r,{get:(n,e)=>l(e),ownKeys:()=>Array.from(t.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(n,e)=>t.has(e),set:(n,e,r)=>(s(e,r),!0)}),d=(n,e)=>(o[n].push(e),()=>{f(o[n],e)});return{state:c,get:l,set:s,on:d,onChange:(e,r)=>{const t=(n,t)=>{n===e&&r(t)},o=()=>r(u(n)[e]),i=d("set",t),l=d("reset",o);return a.set(r,{setHandler:t,resetHandler:o,propName:e}),()=>{i(),l(),a.delete(r)}},use:(...n)=>{const e=n.reduce(((n,e)=>(e.set&&n.push(d("set",e.set)),e.get&&n.push(d("get",e.get)),e.reset&&n.push(d("reset",e.reset)),e.dispose&&n.push(d("dispose",e.dispose)),n)),[]);return()=>e.forEach((n=>n()))},dispose:()=>{o.dispose.forEach((n=>n())),i()},reset:i,forceUpdate:n=>{const e=t.get(n);o.set.forEach((r=>r(n,e,e)))},removeListener:(n,e)=>{const r=a.get(e);r&&r.propName===n&&(f(o.set,r.setHandler),f(o.reset,r.resetHandler),a.delete(e))}}})(m,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})(),w=(n=!1)=>{p.loading=n,p.error=void 0,p.pick=0,p.data=void 0,p.dealer=void 0},y=n=>{if(n){const{pick:e}=p;p.dealer=null!=e?n.list[e]:void 0,p.data=n,p.loading=!1}else p.data=void 0,p.loading=!1},x=n=>{const{data:e}=p;e&&void 0!==n?(p.pick=n,p.dealer=e.list[n]):(p.pick=0,p.dealer=void 0)};var k=new v({url:"https://gt-forza.vercel.app/graphql"});const j=()=>{w(!0),s(i,0),k.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];k.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)}))}))},O=()=>{w();const n=l(a),e=l(i);n?(y(n),e&&x(e)):j()},S=j,z=n=>{s(i,n),x(n)},E=(...n)=>n.filter(Boolean).join(" "),N=n=>{const{value:e}=n,{dealerId:t,name:o,vehicles:a}=e||{},i=a?a.length:0;return r("div",{class:E("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,T=n=>n>2010,q=n=>{const{vin:e,make:t,model:o,year:a,color:i}=n.value||{};return r("div",{class:E("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":T(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()}))},A=n=>{const{list:e}=n,t=e.length;return 0===t?"":r("div",{class:"flex flex-col"},t?e.map((n=>r(q,{value:n}))):"")},M=n=>{const{dealer:e}=n,{vehicles:t}=e||{vehicles:[]},o=t;return e?r("div",{class:"flex flex-col"},r(N,{value:e}),r(A,{list:o})):""},P="eswat2",J=()=>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"})),U=()=>r("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},r("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","4.1.17")),D=n=>{const{label:e}=n;return r("h1",{class:E("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:E(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"}))},H=()=>{const{loading:n,pick:e,data:t}=p||{},{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:()=>S()},r("proto-ikon-loader",{name:"refresh",size:24})),r("div",{class:E("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},o.map(((n,t)=>r("button",{class:E("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:()=>z(t),title:`${n.name} (${n.vehicles.length})`},t+1)))))},V=class{constructor(n){t(this,n),this.tag="proto-autos"}componentDidLoad(){O()}render(){const{loading:n,dealer:e}=p;return r("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},r(J,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),r(D,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),r(H,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),n?r(_,null):r("hr",{class:E("mb-4 ml-0 mr-0 mt-4","border-solid border-gray-300","border-b-0 border-l-0 border-r-0")}),r(M,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:e}),r(U,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-thin: 100;\n --font-weight-bold: 700;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --animate-spin: spin 1s linear infinite;\n }\n}\n@layer utilities {\n .absolute {\n position: absolute;\n }\n .relative {\n position: relative;\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .m-6 {\n margin: calc(var(--spacing) * 6);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-11 {\n margin-top: calc(var(--spacing) * 11);\n }\n .mr-0 {\n margin-right: calc(var(--spacing) * 0);\n }\n .mr-1\\.5 {\n margin-right: calc(var(--spacing) * 1.5);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-11 {\n margin-bottom: calc(var(--spacing) * 11);\n }\n .ml-0 {\n margin-left: calc(var(--spacing) * 0);\n }\n .ml-auto {\n margin-left: auto;\n }\n .flex {\n display: flex;\n }\n .inline-flex {\n display: inline-flex;\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .content-center {\n align-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .self-center {\n align-self: center;\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-tl-md {\n border-top-left-radius: var(--radius-md);\n }\n .rounded-tl-none {\n border-top-left-radius: 0;\n }\n .rounded-tr-md {\n border-top-right-radius: var(--radius-md);\n }\n .rounded-tr-none {\n border-top-right-radius: 0;\n }\n .rounded-br-md {\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-br-none {\n border-bottom-right-radius: 0;\n }\n .rounded-bl-md {\n border-bottom-left-radius: var(--radius-md);\n }\n .rounded-bl-none {\n border-bottom-left-radius: 0;\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-clrs-navy {\n border-color: var(--clrs-navy, #001f3f);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-600 {\n border-color: var(--color-gray-600);\n }\n .border-green-600 {\n border-color: var(--color-green-600);\n }\n .border-yellow-600 {\n border-color: var(--color-yellow-600);\n }\n .bg-blue-200 {\n background-color: var(--color-blue-200);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .bg-clrs-red {\n background-color: var(--clrs-red, #ff4136);\n }\n .bg-clrs-yellow {\n background-color: var(--clrs-yellow, #ffdc00);\n }\n .bg-gray-300 {\n background-color: var(--color-gray-300);\n }\n .bg-green-200 {\n background-color: var(--color-green-200);\n }\n .bg-yellow-300 {\n background-color: var(--color-yellow-300);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .text-center {\n text-align: center;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .align-top {\n vertical-align: top;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-thin {\n --tw-font-weight: var(--font-weight-thin);\n font-weight: var(--font-weight-thin);\n }\n .text-clrs-gray {\n color: var(--clrs-gray, #aaaaaa);\n }\n .text-clrs-navy {\n color: var(--clrs-navy, #001f3f);\n }\n .text-clrs-red {\n color: var(--clrs-red, #ff4136);\n }\n .text-clrs-slate4 {\n color: var(--clrs-slate4, #4e5964);\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .opacity-25 {\n opacity: 25%;\n }\n .opacity-75 {\n opacity: 75%;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .hover\\:text-clrs-navy {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-navy, #001f3f);\n }\n }\n }\n .hover\\:text-clrs-red {\n &:hover {\n @media (hover: hover) {\n color: var(--clrs-red, #ff4136);\n }\n }\n }\n .md\\:w-auto {\n @media (width >= 48rem) {\n width: auto;\n }\n }\n}\n@layer components {\n .ds1-main {\n margin: calc(var(--spacing) * 6);\n display: flex;\n flex-direction: column;\n font-family: var(--font-sans);\n color: var(--clrs-navy, #001f3f);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n}\n.ikon {\n height: 96px;\n width: 96px;\n}\n@media (min-width: 500px) {\n .ikon {\n height: 144px;\n width: 144px;\n }\n}\n@media (min-width: 700px) {\n .ikon {\n height: 192px;\n width: 192px;\n }\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n";export{V as proto_autos}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var t=Object.defineProperty,e=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],l=function(t,e){for(;t;){const n=Object.getOwnPropertyDescriptor(t,e);if(null==n?void 0:n.get)return n;t=Object.getPrototypeOf(t)}}(Object.getPrototypeOf(t),n)||Object.getOwnPropertyDescriptor(t,n);l&&Object.defineProperty(t,n,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},n=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,n)=>{n&&(t.__stencil__getHostRef=()=>n,n.i=t,512&n.o.u&&e(t,n))},l=(t,e)=>e in t,i=(t,e)=>(0,console.error)(t,e),r=new Map,s=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},f=t=>Promise.resolve(t),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),h=!!d&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),p=!1,m=[],v=[],b=(t,e)=>n=>{t.push(n),p||(p=!0,e&&4&a.u?$(w):a.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){i(t)}t.length=0},w=()=>{y(m),y(v),(p=m.length>0)&&a.raf(w)},$=t=>f().then(t),g=b(v,!0),j=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=t=>({isOk:!0,isErr:!1,value:t}),k=t=>({isOk:!1,isErr:!0,value:t});function E(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>O(t))):O(n)}if(t.isErr)return k(t.value);throw"should never get here"}var C,M=t=>{if(t.isOk)return t.value;throw t.value},x=t=>{if(t.isErr)return t.value;throw t.value};function P(){const t=this.attachShadow({mode:"open"});void 0===C&&(C=null),C&&(h?t.adoptedStyleSheets.push(C):t.adoptedStyleSheets=[...t.adoptedStyleSheets,C])}var R=new WeakMap,D=t=>"sc-"+t.p,U=(t,e,...n)=>{let o=null,l=null,i=!1,r=!1;const s=[],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&&!j(o))&&(o+=""),i&&r?s[s.length-1].m+=o:s.push(i?W(null,o):o),r=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,s,N);const u=W(t,null);return u.v=e,s.length>0&&(u.$=s),u.j=l,u},W=(t,e)=>({u:0,S:t,m:e,O:null,$:null,v:null,j:null}),A={},N={forEach:(t,e)=>t.map(L).forEach(e),map:(t,e)=>t.map(L).map(e).map(T)},L=t=>({vattrs:t.v,vchildren:t.$,vkey:t.j,vname:t.k,vtag:t.S,vtext:t.m}),T=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),U(t.vtag,e,...t.vchildren||[])}const e=W(t.vtag,t.vtext);return e.v=t.vattrs,e.$=t.vchildren,e.j=t.vkey,e.k=t.vname,e},z=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};z("::slotted"),z(":host"),z(":host-context");var H,V=(t,e)=>null==t||j(t)?t:1&e?t+"":t,q=(t,e,n,o,i,r)=>{if(n===o)return;let s=l(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,l=G(n);let i=G(o);e.remove(...l.filter((t=>t&&!i.includes(t)))),e.add(...i.filter((t=>t&&!l.includes(t))))}else if("key"===e);else if(s||"o"!==e[0]||"n"!==e[1]){const l=j(o);if((s||l&&null!==o)&&!i)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const l=null==o?"":o;"list"===e?s=!1:null!=n&&t[e]==l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==o||!1===o?!1===o&&""!==t.getAttribute(e)||t.removeAttribute(e):(!s||4&r||i)&&!l&&1===t.nodeType&&t.setAttribute(e,o=!0===o?"":o)}else if(e="-"===e[2]?e.slice(3):l(u,c)?c.slice(2):c[2]+e.slice(3),n||o){const l=e.endsWith(I);e=e.replace(Y,""),n&&a.rel(t,e,n,l),o&&a.ael(t,e,o,l)}},F=/\s/,G=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(F):[]),I="Capture",Y=RegExp(I+"$"),_=(t,e,n)=>{const o=11===e.O.nodeType&&e.O.host?e.O.host:e.O,l=t&&t.v||{},i=e.v||{};for(const t of B(Object.keys(l)))t in i||q(o,t,l[t],void 0,n,e.u);for(const t of B(Object.keys(i)))q(o,t,l[t],i[t],n,e.u)};function B(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var J=!1,K=(t,e,n)=>{const o=e.$[n];let l,i,r=0;if(null!==o.m)l=o.O=u.document.createTextNode(o.m);else{if(J||(J="svg"===o.S),!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.O=u.document.createElementNS(J?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.S),J&&"foreignObject"===o.S&&(J=!1),_(null,o,J),o.$)for(r=0;r<o.$.length;++r)i=K(t,o,r),i&&l.appendChild(i);"svg"===o.S?J=!1:"foreignObject"===l.tagName&&(J=!0)}return l["s-hn"]=H,l},Q=(t,e,n,o,l,i)=>{let r,s=t;for(s.shadowRoot&&s.tagName===H&&(s=s.shadowRoot);l<=i;++l)o[l]&&(r=K(null,n,l),r&&(o[l].O=r,et(s,r,e)))},X=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.O;t&&t.remove()}}},Z=(t,e,n=!1)=>t.S===e.S&&(n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),tt=(t,e,n=!1)=>{const o=e.O=t.O,l=t.$,i=e.$,r=e.S,s=e.m;null===s?(_(t,e,J="svg"===r||"foreignObject"!==r&&J),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,r,s=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(;s<=f&&c<=p;)if(null==d)d=e[++s];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(Z(d,m,l))tt(d,m,l),d=e[++s],m=o[++c];else if(Z(h,v,l))tt(h,v,l),h=e[--f],v=o[--p];else if(Z(d,v,l))tt(d,v,l),et(t,d.O,h.O.nextSibling),d=e[++s],v=o[--p];else if(Z(h,m,l))tt(h,m,l),et(t,h.O,d.O),h=e[--f],m=o[++c];else{for(u=-1,a=s;a<=f;++a)if(e[a]&&null!==e[a].j&&e[a].j===m.j){u=a;break}u>=0?(r=e[u],r.S!==m.S?i=K(e&&e[c],n,u):(tt(r,m,l),e[u]=void 0,i=r.O),m=o[++c]):(i=K(e&&e[c],n,c),m=o[++c]),i&&et(d.O.parentNode,i,d.O)}s>f?Q(t,null==o[p+1]?null:o[p+1].O,n,o,c,p):c>p&&X(e,s,f)})(o,l,e,i,n):null!==i?(null!==t.m&&(o.textContent=""),Q(o,null,e,i,0,i.length-1)):!n&&null!==l&&X(l,0,l.length-1),J&&"svg"===r&&(J=!1)):t.m!==s&&(o.data=s)},et=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),nt=(t,e)=>{if(e&&!t.C&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.C=()=>{e["s-p"].splice(n-1,1),o()})))}},ot=(t,e)=>{if(t.u|=16,4&t.u)return void(t.u|=512);nt(t,t.M);const n=()=>lt(t,e);if(!e)return g(n);queueMicrotask((()=>{n()}))},lt=(t,e)=>{const n=t.$hostElement$,o=t.i;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 e?(t.P.length&&t.P.forEach((t=>t(n))),l=pt(o,"componentWillLoad",void 0,n)):l=pt(o,"componentWillUpdate",void 0,n),l=it(l,(()=>pt(o,"componentWillRender",void 0,n))),it(l,(()=>st(t,o,e)))},it=(t,e)=>rt(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),rt=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,st=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,l=((t,e)=>{var n;const o=D(e),l=s.get(o);if(!u.document)return o;if(t=11===t.nodeType?t:u.document,l)if("string"==typeof l){let i,r=R.get(t=t.head||t);if(r||R.set(t,r=new Set),!r.has(o)){{i=u.document.createElement("style"),i.innerHTML=l;const o=null!=(n=a.R)?n:S(u.document);if(null!=o&&i.setAttribute("nonce",o),!(1&e.u))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(d){const e=new CSSStyleSheet;e.replaceSync(l),h?t.adoptedStyleSheets.unshift(e):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.u&&t.insertBefore(i,null)}4&e.u&&(i.innerHTML+=c),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(h?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ut(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>ft(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},ct=null,ut=(t,e,n,o)=>{try{ct=e,e=e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.D||W(null,null),i=(t=>t&&t.S===A)(e)?e:U(null,null,e);if(H=o.tagName,n&&i.v)for(const t of Object.keys(i.v))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.v[t]=o[t]);i.S=null,i.u|=4,t.D=i,i.O=l.O=o.shadowRoot||o,tt(l,i,n)})(t,e,o)}catch(e){i(e,t.$hostElement$)}return ct=null,null},at=()=>ct,ft=t=>{const e=t.$hostElement$,n=t.i,o=t.M;pt(n,"componentDidRender",void 0,e),64&t.u?pt(n,"componentDidUpdate",void 0,e):(t.u|=64,mt(e),pt(n,"componentDidLoad",void 0,e),t.U(e),o||ht()),t.C&&(t.C(),t.C=void 0),512&t.u&&$((()=>ot(t,!1))),t.u&=-517},dt=t=>{var e;{const o=n(t),l=null==(e=null==o?void 0:o.$hostElement$)?void 0:e.isConnected;return l&&2==(18&o.u)&&ot(o,!1),l}},ht=()=>{$((()=>(t=>{const e=a.ce("appload",{detail:{namespace:"proto-autos-wc"}});return t.dispatchEvent(e),e})(u)))},pt=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){i(t,o)}},mt=t=>t.classList.add("hydrated"),vt=(t,e,o,l)=>{const i=n(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.p}" 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 r=i.l.get(e),s=i.u,c=i.i;if(o=V(o,l.t[e][0]),(!(8&s)||void 0===r)&&o!==r&&(!Number.isNaN(r)||!Number.isNaN(o))&&(i.l.set(e,o),c&&2==(18&s))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,r,e))return;ot(i,!1)}},bt=(t,e,o)=>{var l,i;const r=t.prototype;if(e.t){const s=Object.entries(null!=(l=e.t)?l:{});if(s.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:s}=Object.getOwnPropertyDescriptor(r,t)||{};i&&(e.t[t][0]|=2048),s&&(e.t[t][0]|=4096),(1&o||!i)&&Object.defineProperty(r,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>n(this).l.get(e))(0,t);const o=n(this),l=o?o.i:r;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,t,{set(i){const r=n(this);if(r){if(s)return void 0===(32&l?this[t]:r.$hostElement$[t])&&r.l.get(t)&&(i=r.l.get(t)),s.call(this,V(i,l)),void vt(this,t,i=32&l?this[t]:r.$hostElement$[t],e);{if(!(1&o&&4096&e.t[t][0]))return vt(this,t,i,e),void(1&o&&!r.i&&r.P.push((()=>{4096&e.t[t][0]&&r.i[t]!==r.l.get(t)&&(r.i[t]=i)})));const n=()=>{const n=r.i[t];!r.l.get(t)&&n&&r.l.set(t,n),r.i[t]=V(i,l),vt(this,t,r.i[t],e)};r.i?n():r.P.push((()=>{n()}))}}}})}})),1&o){const o=new Map;r.attributeChangedCallback=function(t,l,i){a.jmp((()=>{var c;const u=o.get(t),a=n(this);if(this.hasOwnProperty(u)&&(i=this[u],delete this[u]),r.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==i)return;if(null==u){const n=null==a?void 0:a.u;if(a&&n&&!(8&n)&&128&n&&i!==l){const n=a.i,o=null==(c=e.W)?void 0:c[t];null==o||o.forEach((e=>{null!=n[e]&&n[e].call(n,i,l,t)}))}return}const f=s.find((([t])=>t===u));f&&4&f[1][0]&&(i=null!==i&&"false"!==i);const d=Object.getOwnPropertyDescriptor(r,u);i==this[u]||d.get&&!d.set||(this[u]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=e.W)?i:{}),...s.filter((([t,e])=>31&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,e)=>{pt(t,"connectedCallback",void 0,e)},wt=(t,e)=>{pt(t,"disconnectedCallback",void 0,e||t)},$t=(t,e={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],f=e.exclude||[],h=u.customElements,p=u.document.head,m=p.querySelector("meta[charset]"),v=u.document.createElement("style"),b=[];let y,w=!0;Object.assign(a,e),a.h=new URL(e.resourcesUrl||"./",u.document.baseURI).href;let $=!1;if(t.map((t=>{t[1].map((e=>{const o={u:e[0],p:e[1],t:e[2],A:e[3]};4&o.u&&($=!0),o.t=e[2];const c=o.p,u=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map,N:new Map};n.L=new Promise((t=>n.U=t)),t["s-p"]=[],t["s-rc"]=[],n.P=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.p}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else P.call(t,o)}connectedCallback(){n(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),y&&(clearTimeout(y),y=null),w?b.push(this):a.jmp((()=>(t=>{if(!(1&a.u)){const e=n(t);if(!e)return;const o=e.o,l=()=>{};if(1&e.u)(null==e?void 0:e.i)?yt(e.i,t):(null==e?void 0:e.L)&&e.L.then((()=>yt(e.i,t)));else{e.u|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){nt(e,e.M=n);break}}o.t&&Object.entries(o.t).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[e]){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.T){const l=((t,e)=>{const n=t.p.replace(/-/g,"_"),o=t.T;if(!o)return;const l=r.get(o);return l?l[n]:import(`./${o}.entry.js`).then((t=>(r.set(o,t),t[n])),(t=>{i(t,e.$hostElement$)}))
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${n.p}#${e.H}" was not found`);o.isProxied||(bt(o,n,2),o.isProxied=!0);const s=()=>{};e.u|=8;try{new o(e)}catch(e){i(e,t)}e.u&=-9,s(),yt(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=D(n);if(!s.has(e)){const o=()=>{};((t,e,n)=>{let o=s.get(t);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,s.set(t,o)})(e,t,!!(1&n.u)),o()}}}const l=e.M,c=()=>ot(e,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(t,e,o)}l()}})(this))))}disconnectedCallback(){a.jmp((()=>(async t=>{if(!(1&a.u)){const e=n(t);(null==e?void 0:e.i)?wt(e.i,t):(null==e?void 0:e.L)&&e.L.then((()=>wt(e.i,t)))}R.has(t)&&R.delete(t),t.shadowRoot&&R.has(t.shadowRoot)&&R.delete(t.shadowRoot)})(this))),a.raf((()=>{var t;const e=n(this);if(!e)return;const o=b.findIndex((t=>t===this));o>-1&&b.splice(o,1),(null==(t=null==e?void 0:e.D)?void 0:t.O)instanceof Node&&!e.D.O.isConnected&&delete e.D.O}))}componentOnReady(){var t;return null==(t=n(this))?void 0:t.L}};o.T=t[0],f.includes(c)||h.get(c)||(l.push(c),h.define(c,bt(u,o,1)))}))})),l.length>0&&($&&(v.textContent+=c),v.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=a.R)?o:S(u.document);null!=t&&v.setAttribute("nonce",t),p.insertBefore(v,m?m.nextSibling:p.firstChild)}w=!1,b.length?b.map((t=>t.connectedCallback())):a.jmp((()=>y=setTimeout(ht,30)))},gt=t=>a.R=t;export{$t as b,dt as f,at as g,U as h,f as p,o as r,gt as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as t,b as o}from"./p-DWVetjJM.js";export{s as setNonce}from"./p-DWVetjJM.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),t(s)})().then((async t=>(await a(),o([["p-480d7794",[[257,"proto-autos",{tag:[1]}]]]],t))));
|
|
@@ -339,7 +339,7 @@ export declare function forceUpdate(ref: any): void;
|
|
|
339
339
|
* @returns the rendering ref
|
|
340
340
|
*/
|
|
341
341
|
export declare function getRenderingRef(): any;
|
|
342
|
-
export interface HTMLStencilElement extends
|
|
342
|
+
export interface HTMLStencilElement extends HTMLElement {
|
|
343
343
|
componentOnReady(): Promise<this>;
|
|
344
344
|
}
|
|
345
345
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "proto-autos-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.103",
|
|
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,7 +27,7 @@
|
|
|
27
27
|
"format": "prettier --write src cSpell.json"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@stencil/core": "4.38.
|
|
30
|
+
"@stencil/core": "4.38.3",
|
|
31
31
|
"@stencil/store": "2.2.1",
|
|
32
32
|
"fetchql": "3.0.0"
|
|
33
33
|
},
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"autoprefixer": "10.4.21",
|
|
37
37
|
"concurrently": "9.2.1",
|
|
38
|
-
"cspell": "9.
|
|
38
|
+
"cspell": "9.3.0",
|
|
39
39
|
"eslint": "9.39.1",
|
|
40
40
|
"postcss": "8.5.6",
|
|
41
41
|
"prettier": "3.6.2",
|
|
42
42
|
"prettier-plugin-tailwindcss": "0.7.1",
|
|
43
43
|
"proto-tailwindcss-clrs": "0.0.448",
|
|
44
|
-
"tailwindcss": "4.1.
|
|
44
|
+
"tailwindcss": "4.1.17",
|
|
45
45
|
"typescript": "5.9.3",
|
|
46
46
|
"workbox-build": "7.3.0"
|
|
47
47
|
},
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var t=Object.defineProperty,e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},n=(t,e)=>{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,r=new Map,s="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=!!f&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),h=!1,p=[],m=[],v=(t,e)=>n=>{t.push(n),h||(h=!0,e&&4&u.o?b(w):u.raf(w))},y=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){l(t)}t.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&u.raf(w)},b=t=>a().then(t),$=v(m,!0),g=t=>"object"==(t=typeof t)||"function"===t;function S(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((e,n)=>{for(var o in n)t(e,o,{get:n[o],enumerable:!0})})({},{err:()=>O,map:()=>k,ok:()=>j,unwrap:()=>C,unwrapErr:()=>M});var j=t=>({isOk:!0,isErr:!1,value:t}),O=t=>({isOk:!1,isErr:!0,value:t});function k(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>j(t))):j(n)}if(t.isErr)return O(t.value);throw"should never get here"}var E,C=t=>{if(t.isOk)return t.value;throw t.value},M=t=>{if(t.isErr)return t.value;throw t.value};function x(){const t=this.attachShadow({mode:"open"});void 0===E&&(E=null),E&&(d?t.adoptedStyleSheets.push(E):t.adoptedStyleSheets=[...t.adoptedStyleSheets,E])}var P=new WeakMap,R=t=>"sc-"+t.i,D=(t,e,...n)=>{let o=null,l=null,i=!1,r=!1;const s=[],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&&!g(o))&&(o+=""),i&&r?s[s.length-1].u+=o:s.push(i?U(null,o):o),r=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,s,A);const u=U(t,null);return u.h=e,s.length>0&&(u.p=s),u.m=l,u},U=(t,e)=>({o:0,v:t,u:e,$:null,p:null,h:null,m:null}),W={},A={forEach:(t,e)=>t.map(N).forEach(e),map:(t,e)=>t.map(N).map(e).map(L)},N=t=>({vattrs:t.h,vchildren:t.p,vkey:t.m,vname:t.S,vtag:t.v,vtext:t.u}),L=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),D(t.vtag,e,...t.vchildren||[])}const e=U(t.vtag,t.vtext);return e.h=t.vattrs,e.p=t.vchildren,e.m=t.vkey,e.S=t.vname,e},T=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};T("::slotted"),T(":host"),T(":host-context");var z,H=(t,e)=>null==t||g(t)?t:1&e?t+"":t,V=(t,e,n,l,i,r)=>{if(n===l)return;let s=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,o=F(n);let i=F(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(s||"o"!==e[0]||"n"!==e[1]){const o=g(l);if((s||o&&null!==l)&&!i)try{if(t.tagName.includes("-"))t[e]!==l&&(t[e]=l);else{const o=null==l?"":l;"list"===e?s=!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):(!s||4&r||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(G);e=e.replace(I,""),n&&u.rel(t,e,n,o),l&&u.ael(t,e,l,o)}},q=/\s/,F=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(q):[]),G="Capture",I=RegExp(G+"$"),Y=(t,e,n)=>{const o=11===e.$.nodeType&&e.$.host?e.$.host:e.$,l=t&&t.h||{},i=e.h||{};for(const t of _(Object.keys(l)))t in i||V(o,t,l[t],void 0,n,e.o);for(const t of _(Object.keys(i)))V(o,t,l[t],i[t],n,e.o)};function _(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var B=!1,J=(t,e,n)=>{const o=e.p[n];let l,i,r=0;if(null!==o.u)l=o.$=c.document.createTextNode(o.u);else{if(B||(B="svg"===o.v),!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.$=c.document.createElementNS(B?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.v),B&&"foreignObject"===o.v&&(B=!1),Y(null,o,B),o.p)for(r=0;r<o.p.length;++r)i=J(t,o,r),i&&l.appendChild(i);"svg"===o.v?B=!1:"foreignObject"===l.tagName&&(B=!0)}return l["s-hn"]=z,l},K=(t,e,n,o,l,i)=>{let r,s=t;for(s.shadowRoot&&s.tagName===z&&(s=s.shadowRoot);l<=i;++l)o[l]&&(r=J(null,n,l),r&&(o[l].$=r,tt(s,r,e)))},Q=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.$;t&&t.remove()}}},X=(t,e,n=!1)=>t.v===e.v&&(n?(n&&!t.m&&e.m&&(t.m=e.m),!0):t.m===e.m),Z=(t,e,n=!1)=>{const o=e.$=t.$,l=t.p,i=e.p,r=e.v,s=e.u;null===s?(Y(t,e,B="svg"===r||"foreignObject"!==r&&B),null!==l&&null!==i?((t,e,n,o,l=!1)=>{let i,r,s=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(;s<=f&&c<=p;)if(null==d)d=e[++s];else if(null==h)h=e[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(X(d,m,l))Z(d,m,l),d=e[++s],m=o[++c];else if(X(h,v,l))Z(h,v,l),h=e[--f],v=o[--p];else if(X(d,v,l))Z(d,v,l),tt(t,d.$,h.$.nextSibling),d=e[++s],v=o[--p];else if(X(h,m,l))Z(h,m,l),tt(t,h.$,d.$),h=e[--f],m=o[++c];else{for(u=-1,a=s;a<=f;++a)if(e[a]&&null!==e[a].m&&e[a].m===m.m){u=a;break}u>=0?(r=e[u],r.v!==m.v?i=J(e&&e[c],n,u):(Z(r,m,l),e[u]=void 0,i=r.$),m=o[++c]):(i=J(e&&e[c],n,c),m=o[++c]),i&&tt(d.$.parentNode,i,d.$)}s>f?K(t,null==o[p+1]?null:o[p+1].$,n,o,c,p):c>p&&Q(e,s,f)})(o,l,e,i,n):null!==i?(null!==t.u&&(o.textContent=""),K(o,null,e,i,0,i.length-1)):!n&&null!==l&&Q(l,0,l.length-1),B&&"svg"===r&&(B=!1)):t.u!==s&&(o.data=s)},tt=(t,e,n)=>null==t?void 0:t.insertBefore(e,n),et=(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()})))}},nt=(t,e)=>{if(t.o|=16,4&t.o)return void(t.o|=512);et(t,t.O);const n=()=>ot(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},ot=(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 e?(t.k.length&&t.k.forEach((t=>t(n))),l=ht(o,"componentWillLoad",void 0,n)):l=ht(o,"componentWillUpdate",void 0,n),l=lt(l,(()=>ht(o,"componentWillRender",void 0,n))),lt(l,(()=>rt(t,o,e)))},lt=(t,e)=>it(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),it=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,rt=async(t,e,n)=>{var o;const l=t.$hostElement$,i=l["s-rc"];n&&(t=>{const e=t.C,n=t.$hostElement$,o=e.o,l=((t,e)=>{var n;const o=R(e),l=r.get(o);if(!c.document)return o;if(t=11===t.nodeType?t:c.document,l)if("string"==typeof l){let i,r=P.get(t=t.head||t);if(r||P.set(t,r=new Set),!r.has(o)){{i=c.document.createElement("style"),i.innerHTML=l;const o=null!=(n=u.M)?n:S(c.document);if(null!=o&&i.setAttribute("nonce",o),!(1&e.o))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(i,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){const e=new CSSStyleSheet;e.replaceSync(l),d?t.adoptedStyleSheets.unshift(e):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+=s),r&&r.add(o)}}else t.adoptedStyleSheets.includes(l)||(d?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(t);ct(t,e,l,n),i&&(i.map((t=>t())),l["s-rc"]=void 0);{const e=null!=(o=l["s-p"])?o:[],n=()=>at(t);0===e.length?n():(Promise.all(e).then(n),t.o|=4,e.length=0)}},st=null,ct=(t,e,n,o)=>{try{st=e,e=e.render(),t.o&=-17,t.o|=2,((t,e,n=!1)=>{const o=t.$hostElement$,l=t.P||U(null,null),i=(t=>t&&t.v===W)(e)?e:D(null,null,e);if(z=o.tagName,n&&i.h)for(const t of Object.keys(i.h))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.h[t]=o[t]);i.v=null,i.o|=4,t.P=i,i.$=l.$=o.shadowRoot||o,Z(l,i,n)})(t,e,o)}catch(e){l(e,t.$hostElement$)}return st=null,null},ut=()=>st,at=t=>{const e=t.$hostElement$,n=t.t,o=t.O;ht(n,"componentDidRender",void 0,e),64&t.o?ht(n,"componentDidUpdate",void 0,e):(t.o|=64,pt(e),ht(n,"componentDidLoad",void 0,e),t.R(e),o||dt()),t.j&&(t.j(),t.j=void 0),512&t.o&&b((()=>nt(t,!1))),t.o&=-517},ft=t=>{var n;{const o=e(t),l=null==(n=null==o?void 0:o.$hostElement$)?void 0:n.isConnected;return l&&2==(18&o.o)&&nt(o,!1),l}},dt=()=>{b((()=>(t=>{const e=u.ce("appload",{detail:{namespace:"proto-autos-wc"}});return t.dispatchEvent(e),e})(c)))},ht=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){l(t,o)}},pt=t=>t.classList.add("hydrated"),mt=(t,n,o,l)=>{const i=e(t);if(!i)return;if(!i)throw Error(`Couldn't find host element for "${l.i}" 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 r=i.D.get(n),s=i.o,c=i.t;if(o=H(o,l.U[n][0]),(!(8&s)||void 0===r)&&o!==r&&(!Number.isNaN(r)||!Number.isNaN(o))&&(i.D.set(n,o),c&&2==(18&s))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,r,n))return;nt(i,!1)}},vt=(t,n,o)=>{var l,i;const r=t.prototype;if(n.U){const s=Object.entries(null!=(l=n.U)?l:{});if(s.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:s}=Object.getOwnPropertyDescriptor(r,t)||{};i&&(n.U[t][0]|=2048),s&&(n.U[t][0]|=4096),(1&o||!i)&&Object.defineProperty(r,t,{get(){{if(!(2048&n.U[t][0]))return((t,n)=>e(this).D.get(n))(0,t);const o=e(this),l=o?o.t:r;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(r,t,{set(i){const r=e(this);if(r){if(s)return void 0===(32&l?this[t]:r.$hostElement$[t])&&r.D.get(t)&&(i=r.D.get(t)),s.call(this,H(i,l)),void mt(this,t,i=32&l?this[t]:r.$hostElement$[t],n);{if(!(1&o&&4096&n.U[t][0]))return mt(this,t,i,n),void(1&o&&!r.t&&r.k.push((()=>{4096&n.U[t][0]&&r.t[t]!==r.D.get(t)&&(r.t[t]=i)})));const e=()=>{const e=r.t[t];!r.D.get(t)&&e&&r.D.set(t,e),r.t[t]=H(i,l),mt(this,t,r.t[t],n)};r.t?e():r.k.push((()=>{e()}))}}}})}})),1&o){const o=new Map;r.attributeChangedCallback=function(t,l,i){u.jmp((()=>{var c;const u=o.get(t),a=e(this);if(this.hasOwnProperty(u)&&(i=this[u],delete this[u]),r.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==i)return;if(null==u){const e=null==a?void 0:a.o;if(a&&e&&!(8&e)&&128&e&&i!==l){const e=a.t,o=null==(c=n.W)?void 0:c[t];null==o||o.forEach((n=>{null!=e[n]&&e[n].call(e,i,l,t)}))}return}const f=s.find((([t])=>t===u));f&&4&f[1][0]&&(i=null!==i&&"false"!==i);const d=Object.getOwnPropertyDescriptor(r,u);i==this[u]||d.get&&!d.set||(this[u]=i)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.W)?i:{}),...s.filter((([t,e])=>31&e[0])).map((([t,e])=>{const n=e[1]||t;return o.set(n,t),n}))]))}}return t},yt=(t,e)=>{ht(t,"connectedCallback",void 0,e)},wt=(t,e)=>{ht(t,"disconnectedCallback",void 0,e||t)},bt=(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],i:n[1],U:n[2],A:n[3]};4&o.o&&($=!0),o.U=n[2];const s=o.i,c=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={o:0,$hostElement$:t,C:e,D:new Map,N:new Map};n.L=new Promise((t=>n.R=t)),t["s-p"]=[],t["s-rc"]=[],n.k=[];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.i}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else x.call(t,o)}connectedCallback(){e(this)&&(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);if(!n)return;const o=n.C,s=()=>{};if(1&n.o)(null==n?void 0:n.t)?yt(n.t,t):(null==n?void 0:n.L)&&n.L.then((()=>yt(n.t,t)));else{n.o|=1;{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){et(n,n.O=e);break}}o.U&&Object.entries(o.U).map((([e,[n]])=>{if(31&n&&e in t&&t[e]!==Object.prototype[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.T){const r=((t,e)=>{const n=t.i.replace(/-/g,"_"),o=t.T;if(!o)return;const r=i.get(o);return r?r[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(r&&"then"in r){const t=()=>{};o=await r,t()}else o=r;if(!o)throw Error(`Constructor for "${n.i}#${e.H}" was not found`);o.isProxied||(vt(o,n,2),o.isProxied=!0);const s=()=>{};e.o|=8;try{new o(e)}catch(e){l(e,t)}e.o&=-9,s(),yt(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=R(n);if(!r.has(e)){const o=()=>{};((t,e,n)=>{let o=r.get(t);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,r.set(t,o)})(e,t,!!(1&n.o)),o()}}}const s=e.O,c=()=>nt(e,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(t,n,o)}s()}})(this))))}disconnectedCallback(){u.jmp((()=>(async t=>{if(!(1&u.o)){const n=e(t);(null==n?void 0:n.t)?wt(n.t,t):(null==n?void 0:n.L)&&n.L.then((()=>wt(n.t,t)))}P.has(t)&&P.delete(t),t.shadowRoot&&P.has(t.shadowRoot)&&P.delete(t.shadowRoot)})(this))),u.raf((()=>{var t;const n=e(this);if(!n)return;const o=y.findIndex((t=>t===this));o>-1&&y.splice(o,1),(null==(t=null==n?void 0:n.P)?void 0:t.$)instanceof Node&&!n.P.$.isConnected&&delete n.P.$}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.L}};o.T=t[0],d.includes(s)||h.get(s)||(a.push(s),h.define(s,vt(c,o,1)))}))})),a.length>0&&($&&(v.textContent+=s),v.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const t=null!=(o=u.M)?o:S(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(dt,30)))},$t=t=>u.M=t;export{bt as b,ft as f,ut as g,D as h,a as p,n as r,$t as s}
|