proto-autos-wc 0.0.968 → 0.0.970

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.
@@ -21,19 +21,28 @@ function _interopNamespace(e) {
21
21
  }
22
22
 
23
23
  const NAMESPACE = 'proto-autos-wc';
24
- const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
24
+ const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
25
25
 
26
26
  /*
27
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
27
+ Stencil Client Platform v4.23.1 | MIT Licensed | https://stenciljs.com
28
28
  */
29
29
  var __defProp = Object.defineProperty;
30
30
  var __export = (target, all) => {
31
31
  for (var name in all)
32
32
  __defProp(target, name, { get: all[name], enumerable: true });
33
33
  };
34
+
35
+ // src/utils/constants.ts
36
+ var EMPTY_OBJ = {};
37
+ var SVG_NS = "http://www.w3.org/2000/svg";
38
+ var HTML_NS = "http://www.w3.org/1999/xhtml";
39
+
40
+ // src/client/client-host-ref.ts
34
41
  var hostRefs = /* @__PURE__ */ new WeakMap();
35
42
  var getHostRef = (ref) => hostRefs.get(ref);
36
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
43
+ var registerInstance = (lazyInstance, hostRef) => {
44
+ hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
45
+ };
37
46
  var registerHost = (hostElement, cmpMeta) => {
38
47
  const hostRef = {
39
48
  $flags$: 0,
@@ -46,7 +55,8 @@ var registerHost = (hostElement, cmpMeta) => {
46
55
  hostElement["s-p"] = [];
47
56
  hostElement["s-rc"] = [];
48
57
  }
49
- return hostRefs.set(hostElement, hostRef);
58
+ const ref = hostRefs.set(hostElement, hostRef);
59
+ return ref;
50
60
  };
51
61
  var isMemberInElement = (elm, memberName) => memberName in elm;
52
62
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -80,6 +90,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
80
90
 
81
91
  // src/client/client-style.ts
82
92
  var styles = /* @__PURE__ */ new Map();
93
+ var HYDRATED_STYLE_ID = "sty-id";
83
94
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
84
95
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
85
96
  var win = typeof window !== "undefined" ? window : {};
@@ -137,14 +148,6 @@ var flush = () => {
137
148
  };
138
149
  var nextTick = (cb) => promiseResolve().then(cb);
139
150
  var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
140
-
141
- // src/utils/constants.ts
142
- var EMPTY_OBJ = {};
143
- var SVG_NS = "http://www.w3.org/2000/svg";
144
- var HTML_NS = "http://www.w3.org/1999/xhtml";
145
-
146
- // src/utils/helpers.ts
147
- var isDef = (v) => v != null;
148
151
  var isComplexType = (o) => {
149
152
  o = typeof o;
150
153
  return o === "object" || o === "function";
@@ -312,12 +315,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
312
315
  if (memberName === "class") {
313
316
  const classList = elm.classList;
314
317
  const oldClasses = parseClassList(oldValue);
315
- const newClasses = parseClassList(newValue);
316
- if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
318
+ let newClasses = parseClassList(newValue);
319
+ if (elm["s-si"]) {
317
320
  newClasses.push(elm["s-si"]);
321
+ oldClasses.forEach((c) => {
322
+ if (c.startsWith(elm["s-si"])) newClasses.push(c);
323
+ });
324
+ newClasses = [...new Set(newClasses)];
325
+ classList.add(...newClasses);
326
+ delete elm["s-si"];
327
+ } else {
328
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
329
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
318
330
  }
319
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
320
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
321
331
  } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
322
332
  if (memberName[2] === "-") {
323
333
  memberName = memberName.slice(3);
@@ -373,7 +383,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
373
383
  }
374
384
  };
375
385
  var parseClassListRegex = /\s/;
376
- var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
386
+ var parseClassList = (value) => {
387
+ if (typeof value === "object" && "baseVal" in value) {
388
+ value = value.baseVal;
389
+ }
390
+ if (!value) {
391
+ return [];
392
+ }
393
+ return value.split(parseClassListRegex);
394
+ };
377
395
  var CAPTURE_EVENT_SUFFIX = "Capture";
378
396
  var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
379
397
 
@@ -402,13 +420,10 @@ function sortedAttrNames(attrNames) {
402
420
  attrNames
403
421
  );
404
422
  }
405
-
406
- // src/runtime/vdom/vdom-render.ts
407
- var scopeId;
408
423
  var hostTagName;
409
424
  var useNativeShadowDom = false;
410
425
  var isSvgMode = false;
411
- var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
426
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
412
427
  const newVNode2 = newParentVNode.$children$[childIndex];
413
428
  let i2 = 0;
414
429
  let elm;
@@ -429,11 +444,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
429
444
  {
430
445
  updateElement(null, newVNode2, isSvgMode);
431
446
  }
432
- const rootNode = elm.getRootNode();
433
- const isElementWithinShadowRoot = !rootNode.querySelector("body");
434
- if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
435
- elm.classList.add(elm["s-si"] = scopeId);
436
- }
437
447
  if (newVNode2.$children$) {
438
448
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
439
449
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -569,6 +579,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
569
579
  if (!isInitialRender) {
570
580
  return leftVNode.$key$ === rightVNode.$key$;
571
581
  }
582
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
583
+ leftVNode.$key$ = rightVNode.$key$;
584
+ }
572
585
  return true;
573
586
  }
574
587
  return false;
@@ -629,9 +642,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
629
642
  rootVnode.$flags$ |= 4 /* isHost */;
630
643
  hostRef.$vnode$ = rootVnode;
631
644
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
632
- {
633
- scopeId = hostElm["s-sc"];
634
- }
635
645
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
636
646
  patch(oldVNode, rootVnode, isInitialLoad);
637
647
  };
@@ -693,7 +703,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
693
703
  }
694
704
  if (!appliedStyles.has(scopeId2)) {
695
705
  {
696
- styleElm = doc.createElement("style");
706
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
697
707
  styleElm.innerHTML = style;
698
708
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
699
709
  if (nonce != null) {
@@ -1008,7 +1018,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
1008
1018
  plt.jmp(() => {
1009
1019
  var _a2;
1010
1020
  const propName = attrNameToPropName.get(attrName);
1011
- if (this.hasOwnProperty(propName)) {
1021
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
1012
1022
  newValue = this[propName];
1013
1023
  delete this[propName];
1014
1024
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c6cbd47c.js');
5
+ const index = require('./index-e2d0eb2e.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  const defineCustomElements = async (win, options) => {
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c6cbd47c.js');
5
+ const index = require('./index-e2d0eb2e.js');
6
6
  const appGlobals = require('./app-globals-3a1e7e63.js');
7
7
 
8
8
  /*
9
- Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
9
+ Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com
10
10
  */
11
11
  var patchBrowser = () => {
12
12
  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-autos-wc.cjs.js', document.baseURI).href));
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-c6cbd47c.js');
5
+ const index = require('./index-e2d0eb2e.js');
6
6
 
7
7
  const KEY = 'proto-autos';
8
8
  const DATA = 'data';
@@ -4,7 +4,7 @@
4
4
  ],
5
5
  "compiler": {
6
6
  "name": "@stencil/core",
7
- "version": "4.23.0",
7
+ "version": "4.23.1",
8
8
  "typescriptVersion": "5.5.4"
9
9
  },
10
10
  "collections": [],
@@ -1,17 +1,26 @@
1
1
  const NAMESPACE = 'proto-autos-wc';
2
- const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
2
+ const BUILD = /* proto-autos-wc */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
3
3
 
4
4
  /*
5
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Platform v4.23.1 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  var __defProp = Object.defineProperty;
8
8
  var __export = (target, all) => {
9
9
  for (var name in all)
10
10
  __defProp(target, name, { get: all[name], enumerable: true });
11
11
  };
12
+
13
+ // src/utils/constants.ts
14
+ var EMPTY_OBJ = {};
15
+ var SVG_NS = "http://www.w3.org/2000/svg";
16
+ var HTML_NS = "http://www.w3.org/1999/xhtml";
17
+
18
+ // src/client/client-host-ref.ts
12
19
  var hostRefs = /* @__PURE__ */ new WeakMap();
13
20
  var getHostRef = (ref) => hostRefs.get(ref);
14
- var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
21
+ var registerInstance = (lazyInstance, hostRef) => {
22
+ hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
23
+ };
15
24
  var registerHost = (hostElement, cmpMeta) => {
16
25
  const hostRef = {
17
26
  $flags$: 0,
@@ -24,7 +33,8 @@ var registerHost = (hostElement, cmpMeta) => {
24
33
  hostElement["s-p"] = [];
25
34
  hostElement["s-rc"] = [];
26
35
  }
27
- return hostRefs.set(hostElement, hostRef);
36
+ const ref = hostRefs.set(hostElement, hostRef);
37
+ return ref;
28
38
  };
29
39
  var isMemberInElement = (elm, memberName) => memberName in elm;
30
40
  var consoleError = (e, el) => (0, console.error)(e, el);
@@ -58,6 +68,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
58
68
 
59
69
  // src/client/client-style.ts
60
70
  var styles = /* @__PURE__ */ new Map();
71
+ var HYDRATED_STYLE_ID = "sty-id";
61
72
  var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
62
73
  var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
63
74
  var win = typeof window !== "undefined" ? window : {};
@@ -115,14 +126,6 @@ var flush = () => {
115
126
  };
116
127
  var nextTick = (cb) => promiseResolve().then(cb);
117
128
  var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
118
-
119
- // src/utils/constants.ts
120
- var EMPTY_OBJ = {};
121
- var SVG_NS = "http://www.w3.org/2000/svg";
122
- var HTML_NS = "http://www.w3.org/1999/xhtml";
123
-
124
- // src/utils/helpers.ts
125
- var isDef = (v) => v != null;
126
129
  var isComplexType = (o) => {
127
130
  o = typeof o;
128
131
  return o === "object" || o === "function";
@@ -290,12 +293,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
290
293
  if (memberName === "class") {
291
294
  const classList = elm.classList;
292
295
  const oldClasses = parseClassList(oldValue);
293
- const newClasses = parseClassList(newValue);
294
- if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
296
+ let newClasses = parseClassList(newValue);
297
+ if (elm["s-si"]) {
295
298
  newClasses.push(elm["s-si"]);
299
+ oldClasses.forEach((c) => {
300
+ if (c.startsWith(elm["s-si"])) newClasses.push(c);
301
+ });
302
+ newClasses = [...new Set(newClasses)];
303
+ classList.add(...newClasses);
304
+ delete elm["s-si"];
305
+ } else {
306
+ classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
307
+ classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
296
308
  }
297
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
298
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
299
309
  } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
300
310
  if (memberName[2] === "-") {
301
311
  memberName = memberName.slice(3);
@@ -351,7 +361,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
351
361
  }
352
362
  };
353
363
  var parseClassListRegex = /\s/;
354
- var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
364
+ var parseClassList = (value) => {
365
+ if (typeof value === "object" && "baseVal" in value) {
366
+ value = value.baseVal;
367
+ }
368
+ if (!value) {
369
+ return [];
370
+ }
371
+ return value.split(parseClassListRegex);
372
+ };
355
373
  var CAPTURE_EVENT_SUFFIX = "Capture";
356
374
  var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
357
375
 
@@ -380,13 +398,10 @@ function sortedAttrNames(attrNames) {
380
398
  attrNames
381
399
  );
382
400
  }
383
-
384
- // src/runtime/vdom/vdom-render.ts
385
- var scopeId;
386
401
  var hostTagName;
387
402
  var useNativeShadowDom = false;
388
403
  var isSvgMode = false;
389
- var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
404
+ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
390
405
  const newVNode2 = newParentVNode.$children$[childIndex];
391
406
  let i2 = 0;
392
407
  let elm;
@@ -407,11 +422,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
407
422
  {
408
423
  updateElement(null, newVNode2, isSvgMode);
409
424
  }
410
- const rootNode = elm.getRootNode();
411
- const isElementWithinShadowRoot = !rootNode.querySelector("body");
412
- if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
413
- elm.classList.add(elm["s-si"] = scopeId);
414
- }
415
425
  if (newVNode2.$children$) {
416
426
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
417
427
  childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -547,6 +557,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
547
557
  if (!isInitialRender) {
548
558
  return leftVNode.$key$ === rightVNode.$key$;
549
559
  }
560
+ if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
561
+ leftVNode.$key$ = rightVNode.$key$;
562
+ }
550
563
  return true;
551
564
  }
552
565
  return false;
@@ -607,9 +620,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
607
620
  rootVnode.$flags$ |= 4 /* isHost */;
608
621
  hostRef.$vnode$ = rootVnode;
609
622
  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
610
- {
611
- scopeId = hostElm["s-sc"];
612
- }
613
623
  useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
614
624
  patch(oldVNode, rootVnode, isInitialLoad);
615
625
  };
@@ -671,7 +681,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
671
681
  }
672
682
  if (!appliedStyles.has(scopeId2)) {
673
683
  {
674
- styleElm = doc.createElement("style");
684
+ styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
675
685
  styleElm.innerHTML = style;
676
686
  const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
677
687
  if (nonce != null) {
@@ -986,7 +996,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
986
996
  plt.jmp(() => {
987
997
  var _a2;
988
998
  const propName = attrNameToPropName.get(attrName);
989
- if (this.hasOwnProperty(propName)) {
999
+ if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
990
1000
  newValue = this[propName];
991
1001
  delete this[propName];
992
1002
  } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -1,5 +1,5 @@
1
- import { b as bootstrapLazy } from './index-b6699d88.js';
2
- export { s as setNonce } from './index-b6699d88.js';
1
+ import { b as bootstrapLazy } from './index-dda1bc10.js';
2
+ export { s as setNonce } from './index-dda1bc10.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  const defineCustomElements = async (win, options) => {
@@ -1,9 +1,9 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-b6699d88.js';
2
- export { s as setNonce } from './index-b6699d88.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-dda1bc10.js';
2
+ export { s as setNonce } from './index-dda1bc10.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
6
- Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
6
+ Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com
7
7
  */
8
8
  var patchBrowser = () => {
9
9
  const importMeta = import.meta.url;
@@ -1,4 +1,4 @@
1
- import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-b6699d88.js';
1
+ import { g as getRenderingRef, f as forceUpdate, h, r as registerInstance } from './index-dda1bc10.js';
2
2
 
3
3
  const KEY = 'proto-autos';
4
4
  const DATA = 'data';
@@ -0,0 +1,2 @@
1
+ var e=Object.defineProperty,t={},n=new WeakMap,o=e=>n.get(e),l=(e,t)=>{n.set(t.t=e,t)},s=(e,t)=>t in e,r=(e,t)=>(0,console.error)(e,t),i=new Map,c=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",f="undefined"!=typeof window?window:{},a=f.document||{head:{}},h={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},p=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,y=[],w=[],v=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&h.o?g($):h.raf($))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){r(e)}e.length=0},$=()=>{b(y),b(w),(m=y.length>0)&&h.raf($)},g=e=>p().then(e),S=v(w,!0),j=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>k,unwrap:()=>x,unwrapErr:()=>P});var k=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let o=null,l=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!j(o))&&(o+=""),s&&r?i[i.length-1].i+=o:i.push(s?D(null,o):o),r=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,R);const u=D(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},D=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),H={},R={forEach:(e,t)=>e.map(T).forEach(t),map:(e,t)=>e.map(T).map(t).map(L)},T=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),L=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),A(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},N=(e,t,n,o,l,r)=>{if(n!==o){let i=s(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=F(n);let s=F(o);e["s-si"]?(s.push(e["s-si"]),l.forEach((t=>{t.startsWith(e["s-si"])&&s.push(t)})),s=[...new Set(s)],t.add(...s),delete e["s-si"]):(t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e)))))}else if("key"===t);else if(i||"o"!==t[0]||"n"!==t[1]){const s=j(o);if((i||s&&null!==o)&&!l)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?i=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||l)&&!s&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):s(f,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(V);t=t.replace(W,""),n&&h.rel(e,t,n,l),o&&h.ael(e,t,o,l)}}},U=/\s/,F=e=>("object"==typeof e&&"baseVal"in e&&(e=e.baseVal),e?e.split(U):[]),V="Capture",W=RegExp(V+"$"),q=(e,n,o)=>{const l=11===n.v.nodeType&&n.v.host?n.v.host:n.v,s=e&&e.u||t,r=n.u||t;for(const e of G(Object.keys(s)))e in r||N(l,e,s[e],void 0,o,n.o);for(const e of G(Object.keys(r)))N(l,e,s[e],r[e],o,n.o)};function G(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.v=a.createTextNode(o.i);else{if(_||(_="svg"===o.m),l=o.v=a.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),_&&"foreignObject"===o.m&&(_=!1),q(null,o,_),o.h)for(r=0;r<o.h.length;++r)s=z(e,o,r),s&&l.appendChild(s);"svg"===o.m?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=M,l},B=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=z(null,n,l),r&&(o[l].v=r,Q(i,r,t)))},I=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),K=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(q(e,t,_="svg"===r||"foreignObject"!==r&&_),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=t.length-1,h=t[0],p=t[a],d=o.length-1,m=o[0],y=o[d];for(;i<=a&&c<=d;)if(null==h)h=t[++i];else if(null==p)p=t[--a];else if(null==m)m=o[++c];else if(null==y)y=o[--d];else if(J(h,m,l))K(h,m,l),h=t[++i],m=o[++c];else if(J(p,y,l))K(p,y,l),p=t[--a],y=o[--d];else if(J(h,y,l))K(h,y,l),Q(e,h.v,p.v.nextSibling),h=t[++i],y=o[--d];else if(J(p,m,l))K(p,m,l),Q(e,p.v,h.v),p=t[--a],m=o[++c];else{for(u=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].p&&t[f].p===m.p){u=f;break}u>=0?(r=t[u],r.m!==m.m?s=z(t&&t[c],n,u):(K(r,m,l),t[u]=void 0,s=r.v),m=o[++c]):(s=z(t&&t[c],n,c),m=o[++c]),s&&Q(h.v.parentNode,s,h.v)}i>a?B(e,null==o[d+1]?null:o[d+1].v,n,o,c,d):c>d&&I(t,i,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),B(o,null,t,s,0,s.length-1)):!n&&null!==l&&I(l,0,l.length-1),_&&"svg"===r&&(_=!1)):e.i!==i&&(o.data=i)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>null==e||j(e)?e:1&t?e+"":e,Y=new WeakMap,Z=e=>"sc-"+e.S,ee=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},te=(e,t)=>{if(e.o|=16,!(4&e.o))return ee(e,e.O),S((()=>ne(e,t)));e.o|=512},ne=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return oe(void 0,(()=>se(e,n,t)))},oe=(e,t)=>le(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),le=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=Z(t),l=c.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,r=Y.get(e=e.head||e);if(r||Y.set(e,r=new Set),!r.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||a.createElement("style"),s.innerHTML=l;const r=null!=(n=h.C)?n:O(a);if(null!=r&&s.setAttribute("nonce",r),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=u),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ie(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ue(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},re=null,ie=(e,t,n,o)=>{try{re=t,t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,s=e.M||D(null,null),r=(e=>e&&e.m===H)(t)?t:A(null,null,t);if(M=o.tagName,n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.m=null,r.o|=4,e.M=r,r.v=s.v=o.shadowRoot||o,K(s,r,n)})(e,t,o)}catch(t){r(t,e.$hostElement$)}return re=null,null},ce=()=>re,ue=e=>{const t=e.$hostElement$,n=e.t,o=e.O;64&e.o||(e.o|=64,pe(t),he(n,"componentDidLoad"),e.P(t),o||ae()),e.j&&(e.j(),e.j=void 0),512&e.o&&g((()=>te(e,!1))),e.o&=-517},fe=e=>{{const t=o(e),n=t.$hostElement$.isConnected;return n&&2==(18&t.o)&&te(t,!1),n}},ae=()=>{pe(a.documentElement),g((()=>(e=>{const t=h.ce("appload",{detail:{namespace:"proto-autos-wc"}});return e.dispatchEvent(t),t})(f)))},he=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){r(e)}},pe=e=>e.classList.add("hydrated"),de=(e,t,n,l)=>{const s=o(e);if(!s)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.A.get(t),i=s.o,c=s.t;n=X(n,l.D[t][0]),8&i&&void 0!==r||n===r||Number.isNaN(r)&&Number.isNaN(n)||(s.A.set(t,n),c&&2==(18&i)&&te(s,!1))},me=(e,t,n)=>{var l,s;const r=e.prototype;if(t.D){const i=Object.entries(null!=(l=t.D)?l:{});if(i.map((([e,[l]])=>{if(31&l||2&n&&32&l)if(2048&l){if(1&n&&2048&l&&(Object.defineProperty(r,e,{get(){const t=o(this),n=t?t.t:r;if(n)return n[e]},configurable:!0,enumerable:!0}),4096&l)){const n=Object.getOwnPropertyDescriptor(r,e).set;Object.defineProperty(r,e,{set(l){const s=o(this);if(n){const o=s.$hostElement$[e];return!s.A.get(e)&&o&&s.A.set(e,o),n.call(this,X(l,t.D[e][0])),void de(this,e,s.$hostElement$[e],t)}if(!s)return;const r=()=>{const n=s.t[e];!s.A.get(e)&&n&&s.A.set(e,n),s.t[e]=X(l,t.D[e][0]),de(this,e,s.t[e],t)};s.t?r():s.H.then((()=>r()))}})}}else Object.defineProperty(r,e,{get(){return((e,t)=>o(this).A.get(t))(0,e)},set(n){de(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;r.attributeChangedCallback=function(e,l,s){h.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const n=o(this),r=null==n?void 0:n.o;if(r&&!(8&r)&&128&r&&s!==l){const o=n.t,r=null==(i=t.R)?void 0:i[e];null==r||r.forEach((t=>{null!=o[t]&&o[t].call(o,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(r,c);u.get&&!u.set||(this[c]=(null!==s||"boolean"!=typeof this[c])&&s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.R)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const o=t[1]||e;return n.set(o,e),o}))]))}}return e},ye=(e,t={})=>{var l;const s=[],p=t.exclude||[],m=f.customElements,y=a.head,w=y.querySelector("meta[charset]"),v=a.createElement("style"),b=[];let $,g=!0;Object.assign(h,t),h.l=new URL(t.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((t=>{const l={o:t[0],S:t[1],D:t[2],T:t[3]};4&l.o&&(S=!0),l.D=t[2];const u=l.S,f=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const o={o:0,$hostElement$:e,k:t,A:new Map};o.H=new Promise((e=>o.P=e)),e["s-p"]=[],e["s-rc"]=[],n.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),g?b.push(this):h.jmp((()=>(e=>{if(!(1&h.o)){const t=o(e),n=t.k,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.H)&&t.H.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.O=n);break}}n.D&&Object.entries(n.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.L;if(!n)return;const o=i.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),r)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.N}" was not found`);o.isProxied||(me(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){r(e)}t.o&=-9,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=Z(n);if(!c.has(t)){const o=()=>{};((e,t,n)=>{let o=c.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,c.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.O,s=()=>te(t,!0);l&&l["s-rc"]?l["s-rc"].push(s):s()})(e,t,n)}l()}})(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.o)){const e=o(this);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}})()))}componentOnReady(){return o(this).H}};l.L=e[0],p.includes(u)||m.get(u)||(s.push(u),m.define(u,me(f,l,1)))}))})),s.length>0&&(S&&(v.textContent+=u),v.textContent+=s.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=h.C)?l:O(a);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):h.jmp((()=>$=setTimeout(ae,30)))},we=e=>h.C=e;export{ye as b,fe as f,ce as g,A as h,p,l as r,we as s}
@@ -1 +1 @@
1
- import{g as e,f as r,h as t,r as o}from"./p-d092c4aa.js";const n="proto-autos",i="data",a="pick",l=e=>{const r=localStorage.getItem(e?`${n}-${e}`:n);return r?JSON.parse(r):void 0},s=(e,r)=>{const t=e?`${n}-${e}`:n,o=JSON.stringify(r);localStorage.setItem(t,o)},c=e=>!("isConnected"in e)||e.isConnected,d=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys())e.set(r,e.get(r).filter(c))})(...r)}),2e3)}})(),u=e=>"function"==typeof e?e():e;var f=function(){function e(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(r,t,o){return t&&e(r.prototype,t),o&&e(r,o),r}}();function b(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var p=function(){function e(){var r=this;b(this,e),this.interceptors=[],this.fetch=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return r.interceptorWrapper.apply(r,[fetch].concat(t))}}return f(e,[{key:"addInterceptors",value:function(e){var r=this,t=[];return Array.isArray(e)?e.map((function(e){return t.push(r.interceptors.length),r.interceptors.push(e)})):e instanceof Object&&(t.push(this.interceptors.length),this.interceptors.push(e)),this.updateInterceptors(),function(){return r.removeInterceptors(t)}}},{key:"removeInterceptors",value:function(e){var r=this;Array.isArray(e)&&(e.map((function(e){return r.interceptors.splice(e,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(e,r){return[r].concat(e)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(e){for(var r=arguments.length,t=Array(r>1?r-1:0),o=1;o<r;o++)t[o-1]=arguments[o];var n=Promise.resolve(t);return this.reversedInterceptors.forEach((function(e){var r=e.request,o=e.requestError;(r||o)&&(n=n.then((function(){return r.apply(void 0,t)}),o))})),n=n.then((function(){return e.apply(void 0,t)})),this.reversedInterceptors.forEach((function(e){var r=e.response,t=e.responseError;(r||t)&&(n=n.then(r,t))})),n}}]),e}(),m=function(){function e(r){var t=r.url,o=r.interceptors,n=r.headers,i=r.onStart,a=r.onEnd,l=r.omitEmptyVariables,s=void 0!==l&&l,c=r.requestOptions,d=void 0===c?{}:c;b(this,e);var u=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},n),credentials:"same-origin"},d),u.url=t,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:i,onEnd:a},u.addInterceptors(o),u}return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function, not "+typeof r);e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(e,r):e.__proto__=r)}(e,p),f(e,[{key:"query",value:function(e){var r,t=this,o=e.operationName,n=e.query,i=e.variables,a=e.opts,l=void 0===a?{}:a,s=e.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return r=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(i):i,c.body=JSON.stringify({operationName:o,query:n,variables:r}),this.onStart(),this.fetch(this.url,c).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var r=e.data,o=e.errors;return new Promise((function(e,n){return t.onEnd(),r?Object.keys(r).every((function(e){return!r[e]}))?n(o):e({data:r,errors:o}):n(o||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(e){this.url=e}},{key:"getEnumTypes",value:function(e){var r=this,t={},o=e.filter((function(e){return!r.EnumMap[e]||(t[e]=r.EnumMap[e],!1)}));if(!o.length)return new Promise((function(e){e({data:t})}));var n="\n query {\n "+o.map((function(e){return e+': __type(name: "'+e+'") {\n ...EnumFragment\n }'})).join("\n")+"\n }\n \n fragment EnumFragment on __Type {\n kind\n description\n enumValues {\n name\n description\n }\n }",i=Object.assign({},this.requestObject);return i.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,i).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var o=e.data,n=e.errors;return new Promise((function(e,i){if(r.onEnd(),!o)return i(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(e){return!o[e]}))&&n&&n.length)return i(n);var a=Object.assign(t,o);return Object.keys(o).map((function(e){return r.EnumMap[e]=o[e],e})),e({data:a,errors:n})}))}))}},{key:"onStart",value:function(){this.requestQueueLength++,this.requestQueueLength>1||!this.callbacks.onStart||this.callbacks.onStart(this.requestQueueLength)}},{key:"onEnd",value:function(){this.requestQueueLength--,!this.requestQueueLength&&this.callbacks.onEnd&&this.callbacks.onEnd(this.requestQueueLength)}},{key:"doOmitEmptyVariables",value:function(e){var r=this,t={};return Object.keys(e).map((function(o){var n=e[o];return"string"==typeof n&&0===n.length||null==n||(t[o]=n instanceof Object?r.doOmitEmptyVariables(n):n),o})),t}}]),e}();const g={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:h}=(()=>{const t=((e,r=((e,r)=>e!==r))=>{const t=u(e);let o=new Map(Object.entries(null!=t?t:{}));const n={dispose:[],get:[],set:[],reset:[]},i=()=>{var r;o=new Map(Object.entries(null!==(r=u(e))&&void 0!==r?r:{})),n.reset.forEach((e=>e()))},a=e=>(n.get.forEach((r=>r(e))),o.get(e)),l=(e,t)=>{const i=o.get(e);r(t,i,e)&&(o.set(e,t),n.set.forEach((r=>r(e,t,i))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>a(r),ownKeys:()=>Array.from(o.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>o.has(r),set:(e,r,t)=>(l(r,t),!0)}),c=(e,r)=>(n[e].push(r),()=>{((e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)})(n[e],r)});return{state:s,get:a,set:l,on:c,onChange:(r,t)=>{const o=c("set",((e,o)=>{e===r&&t(o)})),n=c("reset",(()=>t(u(e)[r])));return()=>{o(),n()}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(c("set",r.set)),r.get&&e.push(c("get",r.get)),r.reset&&e.push(c("reset",r.reset)),r.dispose&&e.push(c("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{n.dispose.forEach((e=>e())),i()},reset:i,forceUpdate:e=>{const r=o.get(e);n.set.forEach((t=>t(e,r,r)))}}})(g,void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:r=>{const o=e();o&&((e,r,t)=>{const o=e.get(r);o?o.includes(t)||o.push(t):e.set(r,[t])})(t,r,o)},set:e=>{const o=t.get(e);o&&t.set(e,o.filter(r)),d(t)},reset:()=>{t.forEach((e=>e.forEach(r))),d(t)}}})()),t})(),w=(e=!1)=>{h.loading=e,h.error=void 0,h.pick=0,h.data=void 0,h.dealer=void 0},v=e=>{if(e){const{pick:r}=h;h.dealer=null!=r?e.list[r]:void 0,h.data=e,h.loading=!1}else h.data=void 0,h.loading=!1},y=e=>{const{data:r}=h;r&&void 0!==e?(h.pick=e,h.dealer=r.list[e]):(h.pick=0,h.dealer=void 0)};var x=new m({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{w(!0),s(a,0),x.query({operationName:"Uuid",query:"\n query Uuid($count: Int!) {\n uuid(count: $count)\n }\n",variables:{count:1}}).then((e=>{const r=e.data.uuid[0];x.query({operationName:"Solution",query:"\n query Solution($id: String!) {\n solution(id: $id) {\n id\n data {\n dealers {\n dealerId\n name\n vehicles {\n vin\n year\n make\n model\n color\n }\n }\n }\n }\n }\n",variables:{id:r}}).then((e=>{const t=JSON.parse(JSON.stringify(e.data.solution.data.dealers)),o={id:r,list:t};s(i,o),v(o)}))}))},j=()=>{w();const e=l(i),r=l(a);e?(v(e),r&&y(r)):k()},O=k,S=e=>{s(a,e),y(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:r}=e,{dealerId:o,name:n,vehicles:i}=r||{},a=i?i.length:0;return t("div",{class:z("flex flex-wrap content-center","mb-4 rounded-lg bg-blue-200 p-4","border border-solid border-blue-400")},t("label",{class:"text-xl font-bold"},n?`${n} `:"",t("sup",null,a||"")),t("label",{class:"ml-auto self-center text-right text-sm"},o||""))},$=/^\#[0-9]*/,C=e=>null!=e.match($),N=e=>2554===e,q=e=>e>2010,A=e=>{const{vin:r,make:o,model:n,year:i,color:a}=e.value||{};return t("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",N(i)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(n)?"border-yellow-600 bg-yellow-300":q(i)?"border-green-600 bg-green-200":"border-gray-600 bg-gray-300")},t("div",{class:"mr-1.5 flex flex-col"},t("label",{class:"mb-2 text-xs"},r||""),t("label",{class:"text-lg font-bold"},o||""),t("label",{class:"mb-2 text-sm italic"},n||""),t("label",null,i||"",", ",a||""),t("label",null,N(i)?"- exotic... [ Sierra 117 ]":C(n)?"- track only...":"")),t("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},I=e=>{const{list:r}=e,o=r.length;return 0===o?"":t("div",{class:"flex flex-col"},o?r.map((e=>t(A,{value:e}))):"")},T=e=>{const{dealer:r}=e,{vehicles:o}=r||{vehicles:[]},n=o;return r?t("div",{class:"flex flex-col"},t(E,{value:r}),t(I,{list:n})):""},P="eswat2",U=()=>t("a",{class:"absolute right-0 top-0 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":P,target:"blank",title:P},t("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),J=()=>t("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.4.17")),M=e=>{const{label:r}=e;return t("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},r)},_=e=>{const r=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return t("svg",{class:z(e.class||"","animate-spin"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,o),t("g",null,t("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:r,"stroke-width":"4"}),t("path",{class:"opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},D=()=>{const{loading:e,pick:r,data:o}=h||{},{list:n}=o||{list:[]},i=n.length-1;return e?"":t("div",{class:"flex"},t("div",{class:"refresh hover:text-clrs-red md:w-auto",onClick:()=>O()},t("proto-ikon-loader",{name:"refresh",size:24})),t("div",{class:z("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>t("button",{class:z("h-8 w-8 border-none font-bold",0==o?"rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none":o==i?"rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md":"rounded-none",r==o?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},V=class{constructor(e){o(this,e),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:e,dealer:r}=h;return t("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},t(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),t(M,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),t(D,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),e?t(_,null):t("hr",{class:z("mb-4 ml-0 mr-0 mt-4","border-solid border-gray-300","border-b-0 border-l-0 border-r-0")}),t(T,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:r}),t(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{margin:1.5rem;display:flex;flex-direction:column;font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.absolute{position:absolute}.relative{position:relative}.right-0{right:0px}.top-0{top:0px}.mb-1{margin-bottom:0.25rem}.mb-11{margin-bottom:2.75rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-1\\.5{margin-right:0.375rem}.mr-2{margin-right:0.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-bl-md{border-bottom-left-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-md{border-bottom-right-radius:0.375rem}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-md{border-top-left-radius:0.375rem}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-md{border-top-right-radius:0.375rem}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-clrs-navy{border-color:var(--clrs-navy, #001f3f)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow, #ffdc00)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:0.25}.opacity-75{opacity:0.75}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ikon{height:96px;width:96px}@media (min-width: 500px){.ikon{height:144px;width:144px}}@media (min-width: 700px){.ikon{height:192px;width:192px}}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red, #ff4136)}@media (min-width: 768px){.md\\:w-auto{width:auto}}";export{V as proto_autos}
1
+ import{g as e,f as r,h as t,r as o}from"./p-8aa5b7a3.js";const n="proto-autos",a="data",i="pick",l=e=>{const r=localStorage.getItem(e?`${n}-${e}`:n);return r?JSON.parse(r):void 0},s=(e,r)=>{const t=e?`${n}-${e}`:n,o=JSON.stringify(r);localStorage.setItem(t,o)},c=e=>!("isConnected"in e)||e.isConnected,d=(()=>{let e;return(...r)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let r of e.keys())e.set(r,e.get(r).filter(c))})(...r)}),2e3)}})(),u=e=>"function"==typeof e?e():e;var f=function(){function e(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(r,t,o){return t&&e(r.prototype,t),o&&e(r,o),r}}();function b(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}var p=function(){function e(){var r=this;b(this,e),this.interceptors=[],this.fetch=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return r.interceptorWrapper.apply(r,[fetch].concat(t))}}return f(e,[{key:"addInterceptors",value:function(e){var r=this,t=[];return Array.isArray(e)?e.map((function(e){return t.push(r.interceptors.length),r.interceptors.push(e)})):e instanceof Object&&(t.push(this.interceptors.length),this.interceptors.push(e)),this.updateInterceptors(),function(){return r.removeInterceptors(t)}}},{key:"removeInterceptors",value:function(e){var r=this;Array.isArray(e)&&(e.map((function(e){return r.interceptors.splice(e,1)})),this.updateInterceptors())}},{key:"updateInterceptors",value:function(){this.reversedInterceptors=this.interceptors.reduce((function(e,r){return[r].concat(e)}),[])}},{key:"clearInterceptors",value:function(){this.interceptors=[],this.updateInterceptors()}},{key:"interceptorWrapper",value:function(e){for(var r=arguments.length,t=Array(r>1?r-1:0),o=1;o<r;o++)t[o-1]=arguments[o];var n=Promise.resolve(t);return this.reversedInterceptors.forEach((function(e){var r=e.request,o=e.requestError;(r||o)&&(n=n.then((function(){return r.apply(void 0,t)}),o))})),n=n.then((function(){return e.apply(void 0,t)})),this.reversedInterceptors.forEach((function(e){var r=e.response,t=e.responseError;(r||t)&&(n=n.then(r,t))})),n}}]),e}(),m=function(){function e(r){var t=r.url,o=r.interceptors,n=r.headers,a=r.onStart,i=r.onEnd,l=r.omitEmptyVariables,s=void 0!==l&&l,c=r.requestOptions,d=void 0===c?{}:c;b(this,e);var u=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(e.__proto__||Object.getPrototypeOf(e)).call(this));return u.requestObject=Object.assign({},{method:"POST",headers:Object.assign({},{Accept:"application/json","Content-Type":"application/json"},n),credentials:"same-origin"},d),u.url=t,u.omitEmptyVariables=s,u.requestQueueLength=0,u.EnumMap={},u.callbacks={onStart:a,onEnd:i},u.addInterceptors(o),u}return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function, not "+typeof r);e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(e,r):e.__proto__=r)}(e,p),f(e,[{key:"query",value:function(e){var r,t=this,o=e.operationName,n=e.query,a=e.variables,i=e.opts,l=void 0===i?{}:i,s=e.requestOptions,c=Object.assign({},this.requestObject,void 0===s?{}:s);return r=this.omitEmptyVariables||l.omitEmptyVariables?this.doOmitEmptyVariables(a):a,c.body=JSON.stringify({operationName:o,query:n,variables:r}),this.onStart(),this.fetch(this.url,c).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var r=e.data,o=e.errors;return new Promise((function(e,n){return t.onEnd(),r?Object.keys(r).every((function(e){return!r[e]}))?n(o):e({data:r,errors:o}):n(o||[{}])}))}))}},{key:"getUrl",value:function(){return this.url}},{key:"setUrl",value:function(e){this.url=e}},{key:"getEnumTypes",value:function(e){var r=this,t={},o=e.filter((function(e){return!r.EnumMap[e]||(t[e]=r.EnumMap[e],!1)}));if(!o.length)return new Promise((function(e){e({data:t})}));var n="\n query {\n "+o.map((function(e){return e+': __type(name: "'+e+'") {\n ...EnumFragment\n }'})).join("\n")+"\n }\n \n fragment EnumFragment on __Type {\n kind\n description\n enumValues {\n name\n description\n }\n }",a=Object.assign({},this.requestObject);return a.body=JSON.stringify({query:n}),this.onStart(),this.fetch(this.url,a).then((function(e){return e.ok?e.json():{errors:[{message:e.statusText,stack:e}]}})).then((function(e){var o=e.data,n=e.errors;return new Promise((function(e,a){if(r.onEnd(),!o)return a(n||[{message:"Do not get any data."}]);if(Object.keys(o).every((function(e){return!o[e]}))&&n&&n.length)return a(n);var i=Object.assign(t,o);return Object.keys(o).map((function(e){return r.EnumMap[e]=o[e],e})),e({data:i,errors:n})}))}))}},{key:"onStart",value:function(){this.requestQueueLength++,this.requestQueueLength>1||!this.callbacks.onStart||this.callbacks.onStart(this.requestQueueLength)}},{key:"onEnd",value:function(){this.requestQueueLength--,!this.requestQueueLength&&this.callbacks.onEnd&&this.callbacks.onEnd(this.requestQueueLength)}},{key:"doOmitEmptyVariables",value:function(e){var r=this,t={};return Object.keys(e).map((function(o){var n=e[o];return"string"==typeof n&&0===n.length||null==n||(t[o]=n instanceof Object?r.doOmitEmptyVariables(n):n),o})),t}}]),e}();const g={loading:!1,error:void 0,data:void 0,pick:0,dealer:void 0},{state:h}=(()=>{const t=((e,r=((e,r)=>e!==r))=>{const t=u(e);let o=new Map(Object.entries(null!=t?t:{}));const n={dispose:[],get:[],set:[],reset:[]},a=()=>{var r;o=new Map(Object.entries(null!==(r=u(e))&&void 0!==r?r:{})),n.reset.forEach((e=>e()))},i=e=>(n.get.forEach((r=>r(e))),o.get(e)),l=(e,t)=>{const a=o.get(e);r(t,a,e)&&(o.set(e,t),n.set.forEach((r=>r(e,t,a))))},s="undefined"==typeof Proxy?{}:new Proxy(t,{get:(e,r)=>i(r),ownKeys:()=>Array.from(o.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,r)=>o.has(r),set:(e,r,t)=>(l(r,t),!0)}),c=(e,r)=>(n[e].push(r),()=>{((e,r)=>{const t=e.indexOf(r);t>=0&&(e[t]=e[e.length-1],e.length--)})(n[e],r)});return{state:s,get:i,set:l,on:c,onChange:(r,t)=>{const o=c("set",((e,o)=>{e===r&&t(o)})),n=c("reset",(()=>t(u(e)[r])));return()=>{o(),n()}},use:(...e)=>{const r=e.reduce(((e,r)=>(r.set&&e.push(c("set",r.set)),r.get&&e.push(c("get",r.get)),r.reset&&e.push(c("reset",r.reset)),r.dispose&&e.push(c("dispose",r.dispose)),e)),[]);return()=>r.forEach((e=>e()))},dispose:()=>{n.dispose.forEach((e=>e())),a()},reset:a,forceUpdate:e=>{const r=o.get(e);n.set.forEach((t=>t(e,r,r)))}}})(g,void 0);return t.use((()=>{if("function"!=typeof e)return{};const t=new Map;return{dispose:()=>t.clear(),get:r=>{const o=e();o&&((e,r,t)=>{const o=e.get(r);o?o.includes(t)||o.push(t):e.set(r,[t])})(t,r,o)},set:e=>{const o=t.get(e);o&&t.set(e,o.filter(r)),d(t)},reset:()=>{t.forEach((e=>e.forEach(r))),d(t)}}})()),t})(),w=(e=!1)=>{h.loading=e,h.error=void 0,h.pick=0,h.data=void 0,h.dealer=void 0},v=e=>{if(e){const{pick:r}=h;h.dealer=null!=r?e.list[r]:void 0,h.data=e,h.loading=!1}else h.data=void 0,h.loading=!1},y=e=>{const{data:r}=h;r&&void 0!==e?(h.pick=e,h.dealer=r.list[e]):(h.pick=0,h.dealer=void 0)};var x=new m({url:"https://gt-forza.vercel.app/graphql"});const k=()=>{w(!0),s(i,0),x.query({operationName:"Uuid",query:"\n query Uuid($count: Int!) {\n uuid(count: $count)\n }\n",variables:{count:1}}).then((e=>{const r=e.data.uuid[0];x.query({operationName:"Solution",query:"\n query Solution($id: String!) {\n solution(id: $id) {\n id\n data {\n dealers {\n dealerId\n name\n vehicles {\n vin\n year\n make\n model\n color\n }\n }\n }\n }\n }\n",variables:{id:r}}).then((e=>{const t=JSON.parse(JSON.stringify(e.data.solution.data.dealers)),o={id:r,list:t};s(a,o),v(o)}))}))},j=()=>{w();const e=l(a),r=l(i);e?(v(e),r&&y(r)):k()},O=k,S=e=>{s(i,e),y(e)},z=(...e)=>e.filter(Boolean).join(" "),E=e=>{const{value:r}=e,{dealerId:o,name:n,vehicles:a}=r||{},i=a?a.length:0;return t("div",{class:z("flex flex-wrap content-center","mb-4 rounded-lg bg-blue-200 p-4","border border-solid border-blue-400")},t("label",{class:"text-xl font-bold"},n?`${n} `:"",t("sup",null,i||"")),t("label",{class:"ml-auto self-center text-right text-sm"},o||""))},$=/^\#[0-9]*/,C=e=>null!=e.match($),N=e=>2554===e,q=e=>e>2010,A=e=>{const{vin:r,make:o,model:n,year:a,color:i}=e.value||{};return t("div",{class:z("flex align-middle","mb-1 rounded-lg p-4","border border-solid",N(a)?"border-clrs-navy bg-clrs-navy text-clrs-white":C(n)?"border-yellow-600 bg-yellow-300":q(a)?"border-green-600 bg-green-200":"border-gray-600 bg-gray-300")},t("div",{class:"mr-1.5 flex flex-col"},t("label",{class:"mb-2 text-xs"},r||""),t("label",{class:"text-lg font-bold"},o||""),t("label",{class:"mb-2 text-sm italic"},n||""),t("label",null,a||"",", ",i||""),t("label",null,N(a)?"- exotic... [ Sierra 117 ]":C(n)?"- track only...":"")),t("proto-ikon-loader",{class:"ikon ml-auto self-center",name:o,label:o.toLowerCase()}))},I=e=>{const{list:r}=e,o=r.length;return 0===o?"":t("div",{class:"flex flex-col"},o?r.map((e=>t(A,{value:e}))):"")},T=e=>{const{dealer:r}=e,{vehicles:o}=r||{vehicles:[]},n=o;return r?t("div",{class:"flex flex-col"},t(E,{value:r}),t(I,{list:n})):""},P="eswat2",U=()=>t("a",{class:"absolute right-0 top-0 text-clrs-gray hover:text-clrs-navy",href:"https://eswat2.dev","aria-label":P,target:"blank",title:P},t("proto-ikon-loader",{name:"fingerprint",size:24,label:"eswat2"})),J=()=>t("div",{class:"mb-4 mr-2 mt-2 flex flex-row"},t("label",{class:"ml-auto align-top text-xs italic text-clrs-slate4"},"Tailwind ","3.4.17")),M=e=>{const{label:r}=e;return t("h1",{class:z("text-center uppercase text-clrs-red","mb-11 ml-0 mr-0 mt-11","text-6xl font-thin")},r)},_=e=>{const r=e.hex||"currentColor",o=e.label||"loading...",n=e.size||24;return t("svg",{class:z(e.class||"","animate-spin"),width:n,height:n,fill:"none",viewBox:"0 0 24 24",role:"img","aria-label":"title"},t("title",null,o),t("g",null,t("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:r,"stroke-width":"4"}),t("path",{class:"opacity-75",fill:r,d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})),t("path",{d:"M0 0h24v24H0z",fill:"none"}))},D=()=>{const{loading:e,pick:r,data:o}=h||{},{list:n}=o||{list:[]},a=n.length-1;return e?"":t("div",{class:"flex"},t("div",{class:"refresh hover:text-clrs-red md:w-auto",onClick:()=>O()},t("proto-ikon-loader",{name:"refresh",size:24})),t("div",{class:z("ml-auto inline-flex justify-end","border border-solid border-gray-600","rounded-md")},n.map(((e,o)=>t("button",{class:z("h-8 w-8 border-none font-bold",0==o?"rounded-bl-md rounded-br-none rounded-tl-md rounded-tr-none":o==a?"rounded-bl-none rounded-br-md rounded-tl-none rounded-tr-md":"rounded-none",r==o?"bg-clrs-red text-white":"bg-clrs-yellow text-clrs-navy"),onClick:()=>S(o),title:`${e.name} (${e.vehicles.length})`},o+1)))))},V=class{constructor(e){o(this,e),this.tag="proto-autos"}componentDidLoad(){j()}render(){const{loading:e,dealer:r}=h;return t("main",{key:"eb918bee95389cd4c78c6a7b3134ada507c5a042",id:"app",class:"ds1-main relative"},t(U,{key:"efa617ee04ddd6c58650d1cf4d00f899c3520efa"}),t(M,{key:"6762516c1c9fc2d4490e9343d75f4f09f657fae6",label:"Auto Dealers"}),t(D,{key:"ce1aeeb560729f66726b859d6f9d5a4a410703b1"}),e?t(_,null):t("hr",{class:z("mb-4 ml-0 mr-0 mt-4","border-solid border-gray-300","border-b-0 border-l-0 border-r-0")}),t(T,{key:"63ef8ba16a60533a147c06e126442e9f2481f8fe",dealer:r}),t(J,{key:"00d32c34fcf933386a5e5f920e09f02f95dbfbf1"}))}};V.style="*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.ds1-main{margin:1.5rem;display:flex;flex-direction:column;font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';color:var(--clrs-navy, #001f3f);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.absolute{position:absolute}.relative{position:relative}.right-0{right:0px}.top-0{top:0px}.mb-1{margin-bottom:0.25rem}.mb-11{margin-bottom:2.75rem}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.ml-0{margin-left:0px}.ml-auto{margin-left:auto}.mr-0{margin-right:0px}.mr-1\\.5{margin-right:0.375rem}.mr-2{margin-right:0.5rem}.mt-11{margin-top:2.75rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-8{height:2rem}.w-8{width:2rem}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.justify-end{justify-content:flex-end}.self-center{align-self:center}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-none{border-radius:0px}.rounded-bl-md{border-bottom-left-radius:0.375rem}.rounded-bl-none{border-bottom-left-radius:0px}.rounded-br-md{border-bottom-right-radius:0.375rem}.rounded-br-none{border-bottom-right-radius:0px}.rounded-tl-md{border-top-left-radius:0.375rem}.rounded-tl-none{border-top-left-radius:0px}.rounded-tr-md{border-top-right-radius:0.375rem}.rounded-tr-none{border-top-right-radius:0px}.border{border-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-clrs-navy{border-color:var(--clrs-navy, #001f3f)}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-clrs-navy{background-color:var(--clrs-navy, #001f3f)}.bg-clrs-red{background-color:var(--clrs-red, #ff4136)}.bg-clrs-yellow{background-color:var(--clrs-yellow, #ffdc00)}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.font-thin{font-weight:100}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-clrs-gray{color:var(--clrs-gray, #aaaaaa)}.text-clrs-navy{color:var(--clrs-navy, #001f3f)}.text-clrs-red{color:var(--clrs-red, #ff4136)}.text-clrs-slate4{color:var(--clrs-slate4, #4e5964)}.text-clrs-white{color:var(--clrs-white, #ffffff)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:0.25}.opacity-75{opacity:0.75}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ikon{height:96px;width:96px}@media (min-width: 500px){.ikon{height:144px;width:144px}}@media (min-width: 700px){.ikon{height:192px;width:192px}}.hover\\:text-clrs-navy:hover{color:var(--clrs-navy, #001f3f)}.hover\\:text-clrs-red:hover{color:var(--clrs-red, #ff4136)}@media (min-width: 768px){.md\\:w-auto{width:auto}}";export{V as proto_autos}
@@ -1 +1 @@
1
- import{p as a,b as o}from"./p-d092c4aa.js";export{s as setNonce}from"./p-d092c4aa.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),a(s)})().then((async a=>(await t(),o([["p-2d301e50",[[1,"proto-autos",{tag:[1]}]]]],a))));
1
+ import{p as a,b as o}from"./p-8aa5b7a3.js";export{s as setNonce}from"./p-8aa5b7a3.js";import{g as t}from"./p-e1255160.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),a(s)})().then((async a=>(await t(),o([["p-bcbd11c3",[[1,"proto-autos",{tag:[1]}]]]],a))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-autos-wc",
3
- "version": "0.0.968",
3
+ "version": "0.0.970",
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,10 +27,10 @@
27
27
  "format": "prettier --write src cSpell.json"
28
28
  },
29
29
  "dependencies": {
30
- "@stencil/core": "4.23.0",
30
+ "@stencil/core": "4.23.1",
31
31
  "@stencil/store": "2.0.16",
32
32
  "fetchql": "3.0.0",
33
- "proto-tailwindcss-clrs": "0.0.390",
33
+ "proto-tailwindcss-clrs": "0.0.392",
34
34
  "tailwindcss": "3.4.17"
35
35
  },
36
36
  "license": "MIT",
@@ -1,2 +0,0 @@
1
- var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>t.set(n.t=e,n),l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),r=new Map,i=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f=u.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),m=!1,d=[],y=[],w=(e,t)=>n=>{e.push(n),m||(m=!0,t&&4&a.o?$(b):a.raf(b))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{v(d),v(y),(m=d.length>0)&&a.raf(b)},$=e=>h().then(e),g=w(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>k,unwrap:()=>x,unwrapErr:()=>P});var k=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>k(e))):k(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x=e=>{if(e.isOk)return e.value;throw e.value},P=e=>{if(e.isErr)return e.value;throw e.value},A=(e,t,...n)=>{let o=null,l=null,s=!1,r=!1;const i=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!j(o))&&(o+=""),s&&r?i[i.length-1].i+=o:i.push(s?D(null,o):o),r=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,i,R);const u=D(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},D=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),H={},R={forEach:(e,t)=>e.map(T).forEach(t),map:(e,t)=>e.map(T).map(t).map(L)},T=e=>({vattrs:e.u,vchildren:e.h,vkey:e.p,vname:e.$,vtag:e.m,vtext:e.i}),L=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),A(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.u=e.vattrs,t.h=e.vchildren,t.p=e.vkey,t.$=e.vname,t},N=(e,t,n,o,s,r)=>{if(n!==o){let i=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=F(n),s=F(o);e["s-si"]&&s.indexOf(e["s-si"])<0&&s.push(e["s-si"]),t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else if(i||"o"!==t[0]||"n"!==t[1]){const l=j(o);if((i||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]=o;else{const l=null==o?"":o;"list"===t?i=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(W);t=t.replace(q,""),n&&a.rel(e,t,n,l),o&&a.ael(e,t,o,l)}}},U=/\s/,F=e=>e?e.split(U):[],W="Capture",q=RegExp(W+"$"),G=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||S,s=t.u||S;for(const e of V(Object.keys(l)))e in s||N(o,e,l[e],void 0,n,t.o);for(const e of V(Object.keys(s)))N(o,e,l[e],s[e],n,t.o)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.v=f.createTextNode(o.i);else{if(_||(_="svg"===o.m),l=o.v=f.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),_&&"foreignObject"===o.m&&(_=!1),G(null,o,_),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=z(e,o,r),s&&l.appendChild(s);"svg"===o.m?_=!1:"foreignObject"===l.tagName&&(_=!0)}return l["s-hn"]=M,l},B=(e,t,n,o,l,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===M&&(i=i.shadowRoot);l<=s;++l)o[l]&&(r=z(null,n,l),r&&(o[l].v=r,Q(i,r,t)))},I=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),K=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(G(e,t,_="svg"===r||"foreignObject"!==r&&_),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,f=0,a=t.length-1,h=t[0],p=t[a],m=o.length-1,d=o[0],y=o[m];for(;i<=a&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--a];else if(null==d)d=o[++c];else if(null==y)y=o[--m];else if(J(h,d,l))K(h,d,l),h=t[++i],d=o[++c];else if(J(p,y,l))K(p,y,l),p=t[--a],y=o[--m];else if(J(h,y,l))K(h,y,l),Q(e,h.v,p.v.nextSibling),h=t[++i],y=o[--m];else if(J(p,d,l))K(p,d,l),Q(e,p.v,h.v),p=t[--a],d=o[++c];else{for(u=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].p&&t[f].p===d.p){u=f;break}u>=0?(r=t[u],r.m!==d.m?s=z(t&&t[c],n,u):(K(r,d,l),t[u]=void 0,s=r.v),d=o[++c]):(s=z(t&&t[c],n,c),d=o[++c]),s&&Q(h.v.parentNode,s,h.v)}i>a?B(e,null==o[m+1]?null:o[m+1].v,n,o,c,m):c>m&&I(t,i,a)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),B(o,null,t,s,0,s.length-1)):!n&&null!==l&&I(l,0,l.length-1),_&&"svg"===r&&(_=!1)):e.i!==i&&(o.data=i)},Q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),X=(e,t)=>null==e||j(e)?e:1&t?e+"":e,Y=new WeakMap,Z=e=>"sc-"+e.S,ee=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},te=(e,t)=>{if(e.o|=16,!(4&e.o))return ee(e,e.O),g((()=>ne(e,t)));e.o|=512},ne=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return oe(void 0,(()=>se(e,n,t)))},oe=(e,t)=>le(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),le=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,se=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=Z(t),l=i.get(o);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let s,r=Y.get(e=e.head||e);if(r||Y.set(e,r=new Set),!r.has(o)){{s=f.createElement("style"),s.innerHTML=l;const o=null!=(n=a.C)?n:O(f);if(null!=o&&s.setAttribute("nonce",o),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e)if(p){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),r&&r.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&o&&2&o&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ie(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ue(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},re=null,ie=(e,t,n,o)=>{try{re=t,t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,s=e.M||D(null,null),r=(e=>e&&e.m===H)(t)?t:A(null,null,t);if(M=o.tagName,n&&r.u)for(const e of Object.keys(r.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=o[e]);r.m=null,r.o|=4,e.M=r,r.v=s.v=o.shadowRoot||o,K(s,r,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return re=null,null},ce=()=>re,ue=e=>{const t=e.$hostElement$,n=e.t,o=e.O;64&e.o||(e.o|=64,pe(t),he(n,"componentDidLoad"),e.P(t),o||ae()),e.j&&(e.j(),e.j=void 0),512&e.o&&$((()=>te(e,!1))),e.o&=-517},fe=e=>{{const t=n(e),o=t.$hostElement$.isConnected;return o&&2==(18&t.o)&&te(t,!1),o}},ae=()=>{pe(f.documentElement),$((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"proto-autos-wc"}});return e.dispatchEvent(t),t})(u)))},he=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},pe=e=>e.classList.add("hydrated"),me=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=s.A.get(t),i=s.o,c=s.t;o=X(o,l.D[t][0]),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.A.set(t,o),c&&2==(18&i)&&te(s,!1))},de=(e,t,o)=>{var l,s;const r=e.prototype;if(t.D){const i=Object.entries(null!=(l=t.D)?l:{});if(i.map((([e,[l]])=>{if(31&l||2&o&&32&l)if(2048&l){if(1&o&&2048&l&&(Object.defineProperty(r,e,{get(){const t=n(this),o=t?t.t:r;if(o)return o[e]},configurable:!0,enumerable:!0}),4096&l)){const o=Object.getOwnPropertyDescriptor(r,e).set;Object.defineProperty(r,e,{set(l){const s=n(this);if(o){const n=s.$hostElement$[e];return!s.A.get(e)&&n&&s.A.set(e,n),o.call(this,X(l,t.D[e][0])),void me(this,e,s.$hostElement$[e],t)}if(!s)return;const r=()=>{const n=s.t[e];!s.A.get(e)&&n&&s.A.set(e,n),s.t[e]=X(l,t.D[e][0]),me(this,e,s.t[e],t)};s.t?r():s.H.then((()=>r()))}})}}else Object.defineProperty(r,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(n){me(this,e,n,t)},configurable:!0,enumerable:!0})})),1&o){const o=new Map;r.attributeChangedCallback=function(e,l,s){a.jmp((()=>{var i;const c=o.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const o=n(this),r=null==o?void 0:o.o;if(r&&!(8&r)&&128&r&&s!==l){const n=o.t,r=null==(i=t.R)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(r,c);u.get&&!u.set||(this[c]=(null!==s||"boolean"!=typeof this[c])&&s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=t.R)?s:{}),...i.filter((([e,t])=>15&t[0])).map((([e,t])=>{const n=t[1]||e;return o.set(n,e),n}))]))}}return e},ye=(e,o={})=>{var l;const h=[],m=o.exclude||[],d=u.customElements,y=f.head,w=y.querySelector("meta[charset]"),v=f.createElement("style"),b=[];let $,g=!0;Object.assign(a,o),a.l=new URL(o.resourcesUrl||"./",f.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],S:o[1],D:o[2],T:o[3]};4&l.o&&(S=!0),l.D=o[2];const c=l.S,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,k:n,A:new Map};o.H=new Promise((e=>o.P=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),g?b.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const t=n(e),o=t.k,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.H)&&t.H.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){ee(t,t.O=n);break}}o.D&&Object.entries(o.D).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const e=(e=>{const t=e.S.replace(/-/g,"_"),n=e.L;if(!n)return;const o=r.get(n);return o?o[t]:import(`./${n}.entry.js`).then((e=>(r.set(n,e),e[t])),s)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};o=await e,t()}else o=e;if(!o)throw Error(`Constructor for "${n.S}#${t.N}" was not found`);o.isProxied||(de(o,n,2),o.isProxied=!0);const l=()=>{};t.o|=8;try{new o(t)}catch(e){s(e)}t.o&=-9,l()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=Z(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);p&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.O,c=()=>te(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){a.jmp((()=>(async()=>{if(!(1&a.o)){const e=n(this);(null==e?void 0:e.t)||(null==e?void 0:e.H)&&e.H.then((()=>{}))}})()))}componentOnReady(){return n(this).H}};l.L=e[0],m.includes(c)||d.get(c)||(h.push(c),d.define(c,de(u,l,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=a.C)?l:O(f);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):a.jmp((()=>$=setTimeout(ae,30)))},we=e=>a.C=e;export{ye as b,fe as f,ce as g,A as h,h as p,o as r,we as s}