gauge-page-header 0.0.540 → 0.0.542

package/dist/cjs/eswat2-io_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33f9ce01.js');
+const index = require('./index-d940f9c8.js');
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
 const Eswat2IoStyle0 = eswat2IoCss;
@@ -41,7 +41,6 @@ const GaugePageHeaderStyle0 = gaugePageHeaderCss;
 const GaugePageHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.vehicleInfo = undefined;
     }
     yearMakeModel() {
         const { ModelYear, Make, Model } = this.vehicleInfo || {

package/dist/cjs/gauge-page-header.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33f9ce01.js');
+const index = require('./index-d940f9c8.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('gauge-page-header.cjs.js', document.baseURI).href));

package/dist/cjs/{index-33f9ce01.js → index-d940f9c8.js}

@@ -21,19 +21,28 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'gauge-page-header';
-const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, 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: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, 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: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, 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: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, 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: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.23.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+
+// src/utils/constants.ts
+var EMPTY_OBJ = {};
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+
+// src/client/client-host-ref.ts
 var hostRefs = /* @__PURE__ */ new WeakMap();
 var getHostRef = (ref) => hostRefs.get(ref);
-var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+var registerInstance = (lazyInstance, hostRef) => {
+  hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+};
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
     $flags$: 0,
@@ -46,7 +55,8 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
-  return hostRefs.set(hostElement, hostRef);
+  const ref = hostRefs.set(hostElement, hostRef);
+  return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
 var consoleError = (e, el) => (0, console.error)(e, el);
@@ -80,6 +90,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
+var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var win = typeof window !== "undefined" ? window : {};
@@ -137,14 +148,6 @@ var flush = () => {
 };
 var nextTick = (cb) => promiseResolve().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
-
-// src/utils/constants.ts
-var EMPTY_OBJ = {};
-var SVG_NS = "http://www.w3.org/2000/svg";
-var HTML_NS = "http://www.w3.org/1999/xhtml";
-
-// src/utils/helpers.ts
-var isDef = (v) => v != null;
 var isComplexType = (o) => {
   o = typeof o;
   return o === "object" || o === "function";
@@ -275,12 +278,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (memberName === "class") {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
-      const newClasses = parseClassList(newValue);
-      if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
+      let newClasses = parseClassList(newValue);
+      if (elm["s-si"]) {
         newClasses.push(elm["s-si"]);
+        oldClasses.forEach((c) => {
+          if (c.startsWith(elm["s-si"])) newClasses.push(c);
+        });
+        newClasses = [...new Set(newClasses)];
+        classList.add(...newClasses);
+        delete elm["s-si"];
+      } else {
+        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
       }
-      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
       if (memberName[2] === "-") {
         memberName = memberName.slice(3);
@@ -336,7 +346,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   }
 };
 var parseClassListRegex = /\s/;
-var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
+var parseClassList = (value) => {
+  if (typeof value === "object" && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value) {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
@@ -365,13 +383,10 @@ function sortedAttrNames(attrNames) {
     attrNames
   );
 }
-
-// src/runtime/vdom/vdom-render.ts
-var scopeId;
 var hostTagName;
 var useNativeShadowDom = false;
 var isSvgMode = false;
-var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
@@ -392,11 +407,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    const rootNode = elm.getRootNode();
-    const isElementWithinShadowRoot = !rootNode.querySelector("body");
-    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
-      elm.classList.add(elm["s-si"] = scopeId);
-    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -532,6 +542,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     if (!isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
+    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
+      leftVNode.$key$ = rightVNode.$key$;
+    }
     return true;
   }
   return false;
@@ -592,9 +605,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
-  {
-    scopeId = hostElm["s-sc"];
-  }
   useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
   patch(oldVNode, rootVnode, isInitialLoad);
 };
@@ -653,7 +663,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
       }
       if (!appliedStyles.has(scopeId2)) {
         {
-          styleElm = doc.createElement("style");
+          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
           styleElm.innerHTML = style;
           const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
           if (nonce != null) {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-33f9ce01.js');
+const index = require('./index-d940f9c8.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.23.0",
+    "version": "4.23.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/gauge-page-header/gauge-page-header.js

@@ -1,9 +1,6 @@
 import { h } from "@stencil/core";
 import { copyToClipboard } from "../../utils";
 export class GaugePageHeader {
-    constructor() {
-        this.vehicleInfo = undefined;
-    }
     yearMakeModel() {
         const { ModelYear, Make, Model } = this.vehicleInfo || {
             ModelYear: 2020,

package/dist/components/gauge-page-header.js

@@ -22,7 +22,6 @@ const GaugePageHeader$1 = /*@__PURE__*/ proxyCustomElement(class GaugePageHeader
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.vehicleInfo = undefined;
     }
     yearMakeModel() {
         const { ModelYear, Make, Model } = this.vehicleInfo || {

package/dist/esm/eswat2-io_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-67ab8e1d.js';
+import { r as registerInstance, h } from './index-38d8f753.js';
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
 const Eswat2IoStyle0 = eswat2IoCss;
@@ -37,7 +37,6 @@ const GaugePageHeaderStyle0 = gaugePageHeaderCss;
 const GaugePageHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.vehicleInfo = undefined;
     }
     yearMakeModel() {
         const { ModelYear, Make, Model } = this.vehicleInfo || {

package/dist/esm/gauge-page-header.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-67ab8e1d.js';
-export { s as setNonce } from './index-67ab8e1d.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-38d8f753.js';
+export { s as setNonce } from './index-38d8f753.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.23.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/{index-67ab8e1d.js → index-38d8f753.js}

@@ -1,17 +1,26 @@
 const NAMESPACE = 'gauge-page-header';
-const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, 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: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, 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: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, 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: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, 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: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.23.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.23.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+
+// src/utils/constants.ts
+var EMPTY_OBJ = {};
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+
+// src/client/client-host-ref.ts
 var hostRefs = /* @__PURE__ */ new WeakMap();
 var getHostRef = (ref) => hostRefs.get(ref);
-var registerInstance = (lazyInstance, hostRef) => hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+var registerInstance = (lazyInstance, hostRef) => {
+  hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+};
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
     $flags$: 0,
@@ -24,7 +33,8 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
-  return hostRefs.set(hostElement, hostRef);
+  const ref = hostRefs.set(hostElement, hostRef);
+  return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
 var consoleError = (e, el) => (0, console.error)(e, el);
@@ -58,6 +68,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
 
 // src/client/client-style.ts
 var styles = /* @__PURE__ */ new Map();
+var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var win = typeof window !== "undefined" ? window : {};
@@ -115,14 +126,6 @@ var flush = () => {
 };
 var nextTick = (cb) => promiseResolve().then(cb);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
-
-// src/utils/constants.ts
-var EMPTY_OBJ = {};
-var SVG_NS = "http://www.w3.org/2000/svg";
-var HTML_NS = "http://www.w3.org/1999/xhtml";
-
-// src/utils/helpers.ts
-var isDef = (v) => v != null;
 var isComplexType = (o) => {
   o = typeof o;
   return o === "object" || o === "function";
@@ -253,12 +256,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (memberName === "class") {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
-      const newClasses = parseClassList(newValue);
-      if (elm["s-si"] && newClasses.indexOf(elm["s-si"]) < 0) {
+      let newClasses = parseClassList(newValue);
+      if (elm["s-si"]) {
         newClasses.push(elm["s-si"]);
+        oldClasses.forEach((c) => {
+          if (c.startsWith(elm["s-si"])) newClasses.push(c);
+        });
+        newClasses = [...new Set(newClasses)];
+        classList.add(...newClasses);
+        delete elm["s-si"];
+      } else {
+        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
       }
-      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
       if (memberName[2] === "-") {
         memberName = memberName.slice(3);
@@ -314,7 +324,15 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   }
 };
 var parseClassListRegex = /\s/;
-var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
+var parseClassList = (value) => {
+  if (typeof value === "object" && "baseVal" in value) {
+    value = value.baseVal;
+  }
+  if (!value) {
+    return [];
+  }
+  return value.split(parseClassListRegex);
+};
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
@@ -343,13 +361,10 @@ function sortedAttrNames(attrNames) {
     attrNames
   );
 }
-
-// src/runtime/vdom/vdom-render.ts
-var scopeId;
 var hostTagName;
 var useNativeShadowDom = false;
 var isSvgMode = false;
-var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
+var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
@@ -370,11 +385,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     {
       updateElement(null, newVNode2, isSvgMode);
     }
-    const rootNode = elm.getRootNode();
-    const isElementWithinShadowRoot = !rootNode.querySelector("body");
-    if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
-      elm.classList.add(elm["s-si"] = scopeId);
-    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -510,6 +520,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     if (!isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
+    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
+      leftVNode.$key$ = rightVNode.$key$;
+    }
     return true;
   }
   return false;
@@ -570,9 +583,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
-  {
-    scopeId = hostElm["s-sc"];
-  }
   useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
   patch(oldVNode, rootVnode, isInitialLoad);
 };
@@ -631,7 +641,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
       }
       if (!appliedStyles.has(scopeId2)) {
         {
-          styleElm = doc.createElement("style");
+          styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
           styleElm.innerHTML = style;
           const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
           if (nonce != null) {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-67ab8e1d.js';
-export { s as setNonce } from './index-67ab8e1d.js';
+import { b as bootstrapLazy } from './index-38d8f753.js';
+export { s as setNonce } from './index-38d8f753.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

package/dist/gauge-page-header/gauge-page-header.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-3f670d02.js";export{s as setNonce}from"./p-3f670d02.js";import{g as o}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await o(),a([["p-5745c6b1",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e))));
+import{p as a,b as e}from"./p-16af082a.js";export{s as setNonce}from"./p-16af082a.js";import{g as o}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await o(),e([["p-198abffd",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],a))));

package/dist/gauge-page-header/p-16af082a.js

@@ -0,0 +1,2 @@
+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}",a="undefined"!=typeof window?window:{},f=a.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),m=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,y=[],w=[],$=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&h.o?g(v):h.raf(v))},b=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){r(e)}e.length=0},v=()=>{b(y),b(w),(d=y.length>0)&&h.raf(v)},g=e=>p().then(e),S=$(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?H(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(" "))}}const u=H(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},H=(e,t)=>({o:0,m:e,i:t,$:null,h:null,u:null,p:null}),R={},T=(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=N(n);let s=N(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(a,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(U);t=t.replace(F,""),n&&h.rel(e,t,n,l),o&&h.ael(e,t,o,l)}}},D=/\s/,N=e=>("object"==typeof e&&"baseVal"in e&&(e=e.baseVal),e?e.split(D):[]),U="Capture",F=RegExp(U+"$"),L=(e,n,o)=>{const l=11===n.$.nodeType&&n.$.host?n.$.host:n.$,s=e&&e.u||t,r=n.u||t;for(const e of V(Object.keys(s)))e in r||T(l,e,s[e],void 0,o,n.o);for(const e of V(Object.keys(r)))T(l,e,s[e],r[e],o,n.o)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var W=!1,q=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.$=f.createTextNode(o.i);else{if(W||(W="svg"===o.m),l=o.$=f.createElementNS(W?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),W&&"foreignObject"===o.m&&(W=!1),L(null,o,W),o.h)for(r=0;r<o.h.length;++r)s=q(e,o,r),s&&l.appendChild(s);"svg"===o.m?W=!1:"foreignObject"===l.tagName&&(W=!0)}return l["s-hn"]=M,l},G=(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=q(null,n,l),r&&(o[l].$=r,I(i,r,t)))},_=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},z=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),B=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(L(e,t,W="svg"===r||"foreignObject"!==r&&W),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],m=o.length-1,d=o[0],y=o[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==d)d=o[++c];else if(null==y)y=o[--m];else if(z(h,d,l))B(h,d,l),h=t[++i],d=o[++c];else if(z(p,y,l))B(p,y,l),p=t[--f],y=o[--m];else if(z(h,y,l))B(h,y,l),I(e,h.$,p.$.nextSibling),h=t[++i],y=o[--m];else if(z(p,d,l))B(p,d,l),I(e,p.$,h.$),p=t[--f],d=o[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===d.p){u=a;break}u>=0?(r=t[u],r.m!==d.m?s=q(t&&t[c],n,u):(B(r,d,l),t[u]=void 0,s=r.$),d=o[++c]):(s=q(t&&t[c],n,c),d=o[++c]),s&&I(h.$.parentNode,s,h.$)}i>f?G(e,null==o[m+1]?null:o[m+1].$,n,o,c,m):c>m&&_(t,i,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),G(o,null,t,s,0,s.length-1)):!n&&null!==l&&_(l,0,l.length-1),W&&"svg"===r&&(W=!1)):e.i!==i&&(o.data=i)},I=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=e=>(null==e||j(e),e),K=new WeakMap,Q=e=>"sc-"+e.v,X=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Y=(e,t)=>{if(e.o|=16,!(4&e.o))return X(e,e.j),S((()=>Z(e,t)));e.o|=512},Z=(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 ee(void 0,(()=>ne(e,n,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=Q(t),l=c.get(o);if(e=11===e.nodeType?e:f,l)if("string"==typeof l){let s,r=K.get(e=e.head||e);if(r||K.set(e,r=new Set),!r.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||f.createElement("style"),s.innerHTML=l;const r=null!=(n=h.k)?n:O(f);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(m){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);oe(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.C||H(null,null),r=(e=>e&&e.m===R)(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.C=r,r.$=s.$=o.shadowRoot||o,B(s,r,n)})(e,t,o)}catch(t){r(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.j;64&e.o||(e.o|=64,re(t),e.M(t),n||se()),e.S&&(e.S(),e.S=void 0),512&e.o&&g((()=>Y(e,!1))),e.o&=-517},se=()=>{re(f.documentElement),g((()=>(e=>{const t=h.ce("appload",{detail:{namespace:"gauge-page-header"}});return e.dispatchEvent(t),t})(a)))},re=e=>e.classList.add("hydrated"),ie=(e,t,n,l)=>{const s=o(e);if(!s)throw Error(`Couldn't find host element for "${l.v}" 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.P.get(t),i=s.o,c=s.t;n=J(n),8&i&&void 0!==r||n===r||Number.isNaN(r)&&Number.isNaN(n)||(s.P.set(t,n),c&&2==(18&i)&&Y(s,!1))},ce=(e,t,n)=>{var l;const s=e.prototype;return t.A&&Object.entries(null!=(l=t.A)?l:{}).map((([e,[l]])=>{if(31&l||2&n&&32&l)if(2048&l){if(1&n&&2048&l&&(Object.defineProperty(s,e,{get(){const t=o(this),n=t?t.t:s;if(n)return n[e]},configurable:!0,enumerable:!0}),4096&l)){const n=Object.getOwnPropertyDescriptor(s,e).set;Object.defineProperty(s,e,{set(l){const s=o(this);if(n){const o=s.$hostElement$[e];return!s.P.get(e)&&o&&s.P.set(e,o),n.call(this,J(l)),void ie(this,e,s.$hostElement$[e],t)}if(!s)return;const r=()=>{const n=s.t[e];!s.P.get(e)&&n&&s.P.set(e,n),s.t[e]=J(l),ie(this,e,s.t[e],t)};s.t?r():s.H.then((()=>r()))}})}}else Object.defineProperty(s,e,{get(){return((e,t)=>o(this).P.get(t))(0,e)},set(n){ie(this,e,n,t)},configurable:!0,enumerable:!0})})),e},ue=(e,t={})=>{var l;const s=[],p=t.exclude||[],d=a.customElements,y=f.head,w=y.querySelector("meta[charset]"),$=f.createElement("style"),b=[];let v,g=!0;Object.assign(h,t),h.l=new URL(t.resourcesUrl||"./",f.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((t=>{const l={o:t[0],v:t[1],A:t[2],R:t[3]};4&l.o&&(S=!0),l.A=t[2];const u=l.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const o={o:0,$hostElement$:e,O:t,P:new Map};o.H=new Promise((e=>o.M=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.v}! 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),v&&(clearTimeout(v),v=null),g?b.push(this):h.jmp((()=>(e=>{if(!(1&h.o)){const t=o(e),n=t.O,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"]){X(t,t.j=n);break}}n.A&&Object.entries(n.A).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.T){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.T;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)
+/*!__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.v}#${t.D}" was not found`);o.isProxied||(ce(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=Q(n);if(!c.has(t)){const o=()=>{};((e,t,n)=>{let o=c.get(e);m&&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.j,s=()=>Y(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.T=e[0],p.includes(u)||d.get(u)||(s.push(u),d.define(u,ce(a,l,1)))}))})),s.length>0&&(S&&($.textContent+=u),$.textContent+=s.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(l=h.k)?l:O(f);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,w?w.nextSibling:y.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):h.jmp((()=>v=setTimeout(se,30)))},ae=e=>h.k=e;export{ue as b,A as h,p,l as r,ae as s}

package/dist/gauge-page-header/p-198abffd.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-16af082a.js";const r="eswat2",i=class{constructor(a){e(this,a)}render(){return a("a",{key:"19b3032cee637162468f46d0adee024409fe18bf",href:"https://eswat2.dev","aria-label":r,title:r},(({hex:e="currentColor",size:r=24})=>a("svg",{width:r,height:r,viewBox:"0 0 24 24"},a("g",{fill:e},a("path",{d:"M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25\n      9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19\n      8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61\n      14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83\n      15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79\n      5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08\n      3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77\n      18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11\n      21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57\n      13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96\n      4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44\n      11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75\n      19.33,18.38Z"})),a("path",{d:"M0 0h24v24H0z",fill:"none"})))({}))}};i.style="a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";const s=e=>{if(navigator.clipboard)try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy!",e)}},c=class{constructor(a){e(this,a)}yearMakeModel(){const{ModelYear:e,Make:a,Model:r}=this.vehicleInfo||{ModelYear:2020,Make:"-",Model:"-"};return`${e} ${a} ${r}`}isCertified(){const{IsCertified:e}=this.vehicleInfo||{IsCertified:!1};return e}isRetail(){const{RetailWholesale:e}=this.vehicleInfo||{RetailWholesale:"R"};return"R"===e}isNew(){const{NewUsed:e}=this.vehicleInfo||{NewUsed:"N"};return"N"===e}stockNumber(){const{StockNumber:e}=this.vehicleInfo||{StockNumber:"-"};return e}vin(){const{Vin:e}=this.vehicleInfo||{Vin:"-"};return e}daysInInventory(){const{DaysInInventory:e}=this.vehicleInfo||{DaysInInventory:0};return`${e} Days`}mileage(){const{Odometer:e}=this.vehicleInfo||{Odometer:0};return`${Intl.NumberFormat().format(e)} mi`}body(){const{BodyDescription:e}=this.vehicleInfo||{BodyDescription:"-"};return e}exteriorColor(){const{ExteriorColor:e}=this.vehicleInfo||{ExteriorColor:"-"};return e}interiorColor(){const{InteriorColor:e}=this.vehicleInfo||{InteriorColor:"-"};return e}driveTrain(){const{DriveTrainType:e}=this.vehicleInfo||{DriveTrainType:"-"};return e}engine(){const{EngineDescription:e}=this.vehicleInfo||{EngineDescription:"-"};return e}transmission(){const{TransmissionDescription:e}=this.vehicleInfo||{TransmissionDescription:"- "};return e}render(){var e="";return this.isNew()||(e=this.isCertified()?a("span",{class:"certified badge"},a("span",{role:"label"},"Certified")):a("span",{class:"not-certified badge"},a("span",{role:"label"},"Not Certified"))),[a("div",{key:"0d991decd8f3decc5fed001f20690eaef654eeea",class:"gauge-page-header"},a("eswat2-io",{key:"79c472d52bd91b87dddbbaaa853c087b561cf5ba"}),a("div",{key:"f8525320a5f1e2f9b155d62667d4de85ed290032",class:"year-make-model-container",onClick:()=>s(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},a("h1",{key:"185f78d4dbbbbb20850a520d4fd54acb18f25f9d",id:"year-make-model-header"},this.yearMakeModel()),a("span",{key:"960fdd7f015ad694464372f051ef1726c8a71ed2",class:"badge-set-container"},e,this.isRetail()?a("span",{class:"retail badge"},a("span",{role:"label"},"Retail")):a("span",{class:"wholesale badge"},a("span",{role:"label"},"Wholesale")))),a("div",{key:"0ae3adab71009085cb486c1c65dcdb4aaaa55ce6",class:"vehicle-identifier-info-container",onClick:()=>s(this.vin()),title:"Click to Copy VIN"},a("h4",{key:"a30f061c401340b209fca53ac65d36db175eb45c",id:"vehicle-identifier-info-header"},a("span",{key:"e94b11522a40108e0b99c480eff9d9e78aec470b",class:"vehicle-info-header-segment capitalize"},this.stockNumber()),a("span",{key:"dadb1cfd52b87784a948f45f77f13963a35707ed",class:"vehicle-info-header-segment capitalize"},this.vin()),a("span",{key:"139955772a602590e5bbcec354b894921e5a592b",class:"vehicle-info-header-segment"},this.daysInInventory()),a("span",{key:"e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e",class:"vehicle-info-header-segment"},this.mileage()))),a("div",{key:"07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413",class:"vehicle-data-container"},a("div",{key:"c8f377e4884b0cae8a32cdd3ceecd653c2372bfb",class:"vehicle-info-segment"},a("h4",{key:"9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4",class:"segment-heading"},"Body"),a("p",{key:"f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d",class:"segment-value"},this.body())),a("div",{key:"60c883e9d2a202f565e55de9de7f1ecbfd6883b1",class:"vehicle-info-segment"},a("h4",{key:"b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa",class:"segment-heading"},"Color"),a("p",{key:"3b77c23c478c96e77c0e07ade7272077503e9f82",class:"segment-value"},this.exteriorColor())),a("div",{key:"4a705ee722143b8660eb839f71f39921c22672a4",class:"vehicle-info-segment"},a("h4",{key:"612d6888563cb44fc88e6fea22a784f64935f9e0",class:"segment-heading"},"Int. Color"),a("p",{key:"9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4",class:"segment-value"},this.interiorColor())),a("div",{key:"b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0",class:"vehicle-info-segment"},a("h4",{key:"417d55c72032105115ece2f3aefe076be95ea80b",class:"segment-heading"},"Drive Train"),a("p",{key:"3b6ea726618ed8f84a39ffea0c75a85864f196a1",class:"segment-value"},this.driveTrain())),a("div",{key:"f12082fe6244ecc9f6cc3c02f9b035b1498fa04a",class:"vehicle-info-segment"},a("h4",{key:"27b4d35b5aed5054f6e7d68ee925425b7035bfb8",class:"segment-heading"},"Engine"),a("p",{key:"b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7",class:"segment-value"},this.engine())),a("div",{key:"4abfe41c388cd113421c5eec4d444aa6db3f5676",class:"vehicle-info-segment"},a("h4",{key:"04d369b5fd240d3f38716379d46fd8b6103e32f4",class:"segment-heading"},"Transmission"),a("p",{key:"421e0ac28eabf1d2bd575c4b12e9f48b8342f892",class:"segment-value"},this.transmission()))))]}};c.style=":host{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.gauge-page-header{padding:0 5px;display:flex;flex-direction:column;color:var(--clrs-navy)}.gauge-page-header *{font-family:'Roboto'}.gauge-page-header .year-make-model-container{height:35px;display:flex;align-items:center}.gauge-page-header #year-make-model-header{font-size:32px;font-weight:500;margin-left:0}.gauge-page-header .vehicle-identifier-info-container{height:30px;margin-bottom:5px;}.gauge-page-header #vehicle-identifier-info-header{font-weight:400;margin-top:8px}.gauge-page-header .vehicle-info-header-segment{margin-right:1em}.gauge-page-header .vehicle-info-header-segment.capitalize{text-transform:uppercase}.gauge-page-header .vehicle-info-header-segment:not(:last-child):after{padding-left:1em;content:'|'}.gauge-page-header .vehicle-info-segment{float:left;margin-right:30px;font-size:14px}.gauge-page-header .vehicle-data-container{display:flex;flex-direction:row}.gauge-page-header .segment-heading{color:var(--clrs-slate);font-size:14px;font-weight:400;margin-bottom:4px}.gauge-page-header .segment-value{margin-top:0;font-weight:400}.gauge-page-header .badge-set-container{display:flex;padding-left:8px}.gauge-page-header .badge{display:flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 10px;font-size:12px;border-radius:1em;font-weight:600;border:solid 1px;}.gauge-page-header .badge.certified{background-color:#f9fffb;border-color:#5ebb47}.gauge-page-header .badge.certified [role='label']{color:#008629}.gauge-page-header .badge.not-certified{border-color:#46576f}.gauge-page-header .badge.not-certified [role='label']{color:#46576f}.gauge-page-header .badge.retail{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.retail [role='label']{color:#0576b3}.gauge-page-header .badge.wholesale{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.wholesale [role='label']{color:#0576b3}";export{i as eswat2_io,c as gauge_page_header}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gauge-page-header",
-  "version": "0.0.540",
+  "version": "0.0.542",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,11 +24,11 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.23.0"
+    "@stencil/core": "4.23.1"
   },
   "license": "MIT",
   "devDependencies": {
-    "cspell": "8.17.0",
+    "cspell": "8.17.1",
     "eslint": "9.17.0",
     "prettier": "3.4.2",
     "typescript": "5.7.2"

package/dist/gauge-page-header/p-3f670d02.js

@@ -1,2 +0,0 @@
-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:{},a=u.document||{head:{}},f={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&f.o?v(b):f.raf(b))},$=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},b=()=>{$(d),$(y),(m=d.length>0)&&f.raf(b)},v=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?H(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(" "))}}const u=H(e,null);return u.u=t,i.length>0&&(u.h=i),u.p=l,u},H=(e,t)=>({o:0,m:e,i:t,$:null,h:null,u:null,p:null}),R={},T=(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=N(n),s=N(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(U);t=t.replace(F,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},D=/\s/,N=e=>e?e.split(D):[],U="Capture",F=RegExp(U+"$"),L=(e,t,n)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,l=e&&e.u||S,s=t.u||S;for(const e of W(Object.keys(l)))e in s||T(o,e,l[e],void 0,n,t.o);for(const e of W(Object.keys(s)))T(o,e,l[e],s[e],n,t.o)};function W(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=(e,t,n)=>{const o=t.h[n];let l,s,r=0;if(null!==o.i)l=o.$=a.createTextNode(o.i);else{if(q||(q="svg"===o.m),l=o.$=a.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),q&&"foreignObject"===o.m&&(q=!1),L(null,o,q),l.getRootNode().querySelector("body"),o.h)for(r=0;r<o.h.length;++r)s=G(e,o,r),s&&l.appendChild(s);"svg"===o.m?q=!1:"foreignObject"===l.tagName&&(q=!0)}return l["s-hn"]=M,l},V=(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=G(null,n,l),r&&(o[l].$=r,I(i,r,t)))},_=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.$;e&&e.remove()}}},z=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),B=(e,t,n=!1)=>{const o=t.$=e.$,l=e.h,s=t.h,r=t.m,i=t.i;null===i?(L(e,t,q="svg"===r||"foreignObject"!==r&&q),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],p=t[f],m=o.length-1,d=o[0],y=o[m];for(;i<=f&&c<=m;)if(null==h)h=t[++i];else if(null==p)p=t[--f];else if(null==d)d=o[++c];else if(null==y)y=o[--m];else if(z(h,d,l))B(h,d,l),h=t[++i],d=o[++c];else if(z(p,y,l))B(p,y,l),p=t[--f],y=o[--m];else if(z(h,y,l))B(h,y,l),I(e,h.$,p.$.nextSibling),h=t[++i],y=o[--m];else if(z(p,d,l))B(p,d,l),I(e,p.$,h.$),p=t[--f],d=o[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===d.p){u=a;break}u>=0?(r=t[u],r.m!==d.m?s=G(t&&t[c],n,u):(B(r,d,l),t[u]=void 0,s=r.$),d=o[++c]):(s=G(t&&t[c],n,c),d=o[++c]),s&&I(h.$.parentNode,s,h.$)}i>f?V(e,null==o[m+1]?null:o[m+1].$,n,o,c,m):c>m&&_(t,i,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),V(o,null,t,s,0,s.length-1)):!n&&null!==l&&_(l,0,l.length-1),q&&"svg"===r&&(q=!1)):e.i!==i&&(o.data=i)},I=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),J=e=>(null==e||j(e),e),K=new WeakMap,Q=e=>"sc-"+e.v,X=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Y=(e,t)=>{if(e.o|=16,!(4&e.o))return X(e,e.j),g((()=>Z(e,t)));e.o|=512},Z=(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 ee(void 0,(()=>ne(e,n,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=Q(t),l=i.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,r=K.get(e=e.head||e);if(r||K.set(e,r=new Set),!r.has(o)){{s=a.createElement("style"),s.innerHTML=l;const o=null!=(n=f.k)?n:O(a);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);oe(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.C||H(null,null),r=(e=>e&&e.m===R)(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.C=r,r.$=s.$=o.shadowRoot||o,B(s,r,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.j;64&e.o||(e.o|=64,re(t),e.M(t),n||se()),e.S&&(e.S(),e.S=void 0),512&e.o&&v((()=>Y(e,!1))),e.o&=-517},se=()=>{re(a.documentElement),v((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"gauge-page-header"}});return e.dispatchEvent(t),t})(u)))},re=e=>e.classList.add("hydrated"),ie=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.v}" 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.P.get(t),i=s.o,c=s.t;o=J(o),8&i&&void 0!==r||o===r||Number.isNaN(r)&&Number.isNaN(o)||(s.P.set(t,o),c&&2==(18&i)&&Y(s,!1))},ce=(e,t,o)=>{var l;const s=e.prototype;return t.A&&Object.entries(null!=(l=t.A)?l:{}).map((([e,[l]])=>{if(31&l||2&o&&32&l)if(2048&l){if(1&o&&2048&l&&(Object.defineProperty(s,e,{get(){const t=n(this),o=t?t.t:s;if(o)return o[e]},configurable:!0,enumerable:!0}),4096&l)){const o=Object.getOwnPropertyDescriptor(s,e).set;Object.defineProperty(s,e,{set(l){const s=n(this);if(o){const n=s.$hostElement$[e];return!s.P.get(e)&&n&&s.P.set(e,n),o.call(this,J(l)),void ie(this,e,s.$hostElement$[e],t)}if(!s)return;const r=()=>{const n=s.t[e];!s.P.get(e)&&n&&s.P.set(e,n),s.t[e]=J(l),ie(this,e,s.t[e],t)};s.t?r():s.H.then((()=>r()))}})}}else Object.defineProperty(s,e,{get(){return((e,t)=>n(this).P.get(t))(0,e)},set(n){ie(this,e,n,t)},configurable:!0,enumerable:!0})})),e},ue=(e,o={})=>{var l;const h=[],m=o.exclude||[],d=u.customElements,y=a.head,w=y.querySelector("meta[charset]"),$=a.createElement("style"),b=[];let v,g=!0;Object.assign(f,o),f.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],v:o[1],A:o[2],R:o[3]};4&l.o&&(S=!0),l.A=o[2];const c=l.v,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,O:n,P:new Map};o.H=new Promise((e=>o.M=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.v}! 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),v&&(clearTimeout(v),v=null),g?b.push(this):f.jmp((()=>(e=>{if(!(1&f.o)){const t=n(e),o=t.O,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"]){X(t,t.j=n);break}}o.A&&Object.entries(o.A).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.T){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.T;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)
-/*!__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.v}#${t.D}" was not found`);o.isProxied||(ce(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=Q(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.j,c=()=>Y(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.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.T=e[0],m.includes(c)||d.get(c)||(h.push(c),d.define(c,ce(u,l,1)))}))})),h.length>0&&(S&&($.textContent+=c),$.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",$.innerHTML.length)){$.setAttribute("data-styles","");const e=null!=(l=f.k)?l:O(a);null!=e&&$.setAttribute("nonce",e),y.insertBefore($,w?w.nextSibling:y.firstChild)}g=!1,b.length?b.map((e=>e.connectedCallback())):f.jmp((()=>v=setTimeout(se,30)))},ae=e=>f.k=e;export{ue as b,A as h,h as p,o as r,ae as s}

package/dist/gauge-page-header/p-5745c6b1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-3f670d02.js";const i="eswat2",r=class{constructor(a){e(this,a)}render(){return a("a",{key:"19b3032cee637162468f46d0adee024409fe18bf",href:"https://eswat2.dev","aria-label":i,title:i},(({hex:e="currentColor",size:i=24})=>a("svg",{width:i,height:i,viewBox:"0 0 24 24"},a("g",{fill:e},a("path",{d:"M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25\n      9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19\n      8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61\n      14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83\n      15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79\n      5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08\n      3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77\n      18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11\n      21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57\n      13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96\n      4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44\n      11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75\n      19.33,18.38Z"})),a("path",{d:"M0 0h24v24H0z",fill:"none"})))({}))}};r.style="a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";const s=e=>{if(navigator.clipboard)try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy!",e)}},c=class{constructor(a){e(this,a),this.vehicleInfo=void 0}yearMakeModel(){const{ModelYear:e,Make:a,Model:i}=this.vehicleInfo||{ModelYear:2020,Make:"-",Model:"-"};return`${e} ${a} ${i}`}isCertified(){const{IsCertified:e}=this.vehicleInfo||{IsCertified:!1};return e}isRetail(){const{RetailWholesale:e}=this.vehicleInfo||{RetailWholesale:"R"};return"R"===e}isNew(){const{NewUsed:e}=this.vehicleInfo||{NewUsed:"N"};return"N"===e}stockNumber(){const{StockNumber:e}=this.vehicleInfo||{StockNumber:"-"};return e}vin(){const{Vin:e}=this.vehicleInfo||{Vin:"-"};return e}daysInInventory(){const{DaysInInventory:e}=this.vehicleInfo||{DaysInInventory:0};return`${e} Days`}mileage(){const{Odometer:e}=this.vehicleInfo||{Odometer:0};return`${Intl.NumberFormat().format(e)} mi`}body(){const{BodyDescription:e}=this.vehicleInfo||{BodyDescription:"-"};return e}exteriorColor(){const{ExteriorColor:e}=this.vehicleInfo||{ExteriorColor:"-"};return e}interiorColor(){const{InteriorColor:e}=this.vehicleInfo||{InteriorColor:"-"};return e}driveTrain(){const{DriveTrainType:e}=this.vehicleInfo||{DriveTrainType:"-"};return e}engine(){const{EngineDescription:e}=this.vehicleInfo||{EngineDescription:"-"};return e}transmission(){const{TransmissionDescription:e}=this.vehicleInfo||{TransmissionDescription:"- "};return e}render(){var e="";return this.isNew()||(e=this.isCertified()?a("span",{class:"certified badge"},a("span",{role:"label"},"Certified")):a("span",{class:"not-certified badge"},a("span",{role:"label"},"Not Certified"))),[a("div",{key:"0d991decd8f3decc5fed001f20690eaef654eeea",class:"gauge-page-header"},a("eswat2-io",{key:"79c472d52bd91b87dddbbaaa853c087b561cf5ba"}),a("div",{key:"f8525320a5f1e2f9b155d62667d4de85ed290032",class:"year-make-model-container",onClick:()=>s(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},a("h1",{key:"185f78d4dbbbbb20850a520d4fd54acb18f25f9d",id:"year-make-model-header"},this.yearMakeModel()),a("span",{key:"960fdd7f015ad694464372f051ef1726c8a71ed2",class:"badge-set-container"},e,this.isRetail()?a("span",{class:"retail badge"},a("span",{role:"label"},"Retail")):a("span",{class:"wholesale badge"},a("span",{role:"label"},"Wholesale")))),a("div",{key:"0ae3adab71009085cb486c1c65dcdb4aaaa55ce6",class:"vehicle-identifier-info-container",onClick:()=>s(this.vin()),title:"Click to Copy VIN"},a("h4",{key:"a30f061c401340b209fca53ac65d36db175eb45c",id:"vehicle-identifier-info-header"},a("span",{key:"e94b11522a40108e0b99c480eff9d9e78aec470b",class:"vehicle-info-header-segment capitalize"},this.stockNumber()),a("span",{key:"dadb1cfd52b87784a948f45f77f13963a35707ed",class:"vehicle-info-header-segment capitalize"},this.vin()),a("span",{key:"139955772a602590e5bbcec354b894921e5a592b",class:"vehicle-info-header-segment"},this.daysInInventory()),a("span",{key:"e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e",class:"vehicle-info-header-segment"},this.mileage()))),a("div",{key:"07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413",class:"vehicle-data-container"},a("div",{key:"c8f377e4884b0cae8a32cdd3ceecd653c2372bfb",class:"vehicle-info-segment"},a("h4",{key:"9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4",class:"segment-heading"},"Body"),a("p",{key:"f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d",class:"segment-value"},this.body())),a("div",{key:"60c883e9d2a202f565e55de9de7f1ecbfd6883b1",class:"vehicle-info-segment"},a("h4",{key:"b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa",class:"segment-heading"},"Color"),a("p",{key:"3b77c23c478c96e77c0e07ade7272077503e9f82",class:"segment-value"},this.exteriorColor())),a("div",{key:"4a705ee722143b8660eb839f71f39921c22672a4",class:"vehicle-info-segment"},a("h4",{key:"612d6888563cb44fc88e6fea22a784f64935f9e0",class:"segment-heading"},"Int. Color"),a("p",{key:"9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4",class:"segment-value"},this.interiorColor())),a("div",{key:"b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0",class:"vehicle-info-segment"},a("h4",{key:"417d55c72032105115ece2f3aefe076be95ea80b",class:"segment-heading"},"Drive Train"),a("p",{key:"3b6ea726618ed8f84a39ffea0c75a85864f196a1",class:"segment-value"},this.driveTrain())),a("div",{key:"f12082fe6244ecc9f6cc3c02f9b035b1498fa04a",class:"vehicle-info-segment"},a("h4",{key:"27b4d35b5aed5054f6e7d68ee925425b7035bfb8",class:"segment-heading"},"Engine"),a("p",{key:"b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7",class:"segment-value"},this.engine())),a("div",{key:"4abfe41c388cd113421c5eec4d444aa6db3f5676",class:"vehicle-info-segment"},a("h4",{key:"04d369b5fd240d3f38716379d46fd8b6103e32f4",class:"segment-heading"},"Transmission"),a("p",{key:"421e0ac28eabf1d2bd575c4b12e9f48b8342f892",class:"segment-value"},this.transmission()))))]}};c.style=":host{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.gauge-page-header{padding:0 5px;display:flex;flex-direction:column;color:var(--clrs-navy)}.gauge-page-header *{font-family:'Roboto'}.gauge-page-header .year-make-model-container{height:35px;display:flex;align-items:center}.gauge-page-header #year-make-model-header{font-size:32px;font-weight:500;margin-left:0}.gauge-page-header .vehicle-identifier-info-container{height:30px;margin-bottom:5px;}.gauge-page-header #vehicle-identifier-info-header{font-weight:400;margin-top:8px}.gauge-page-header .vehicle-info-header-segment{margin-right:1em}.gauge-page-header .vehicle-info-header-segment.capitalize{text-transform:uppercase}.gauge-page-header .vehicle-info-header-segment:not(:last-child):after{padding-left:1em;content:'|'}.gauge-page-header .vehicle-info-segment{float:left;margin-right:30px;font-size:14px}.gauge-page-header .vehicle-data-container{display:flex;flex-direction:row}.gauge-page-header .segment-heading{color:var(--clrs-slate);font-size:14px;font-weight:400;margin-bottom:4px}.gauge-page-header .segment-value{margin-top:0;font-weight:400}.gauge-page-header .badge-set-container{display:flex;padding-left:8px}.gauge-page-header .badge{display:flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 10px;font-size:12px;border-radius:1em;font-weight:600;border:solid 1px;}.gauge-page-header .badge.certified{background-color:#f9fffb;border-color:#5ebb47}.gauge-page-header .badge.certified [role='label']{color:#008629}.gauge-page-header .badge.not-certified{border-color:#46576f}.gauge-page-header .badge.not-certified [role='label']{color:#46576f}.gauge-page-header .badge.retail{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.retail [role='label']{color:#0576b3}.gauge-page-header .badge.wholesale{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.wholesale [role='label']{color:#0576b3}";export{r as eswat2_io,c as gauge_page_header}