gauge-page-header 0.0.447 → 0.0.449

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6f928b8a.js');
+const index = require('./index-ea04b86a.js');
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
+const Eswat2IoStyle0 = eswat2IoCss;
 
 const url = 'https://eswat2.dev';
 const who = 'eswat2';
@@ -16,10 +17,10 @@ const Eswat2Io = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
+        return (index.h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
     }
 };
-Eswat2Io.style = eswat2IoCss;
+Eswat2Io.style = Eswat2IoStyle0;
 
 const copyToClipboard = (text) => {
     if (!navigator.clipboard) {
@@ -35,6 +36,7 @@ const copyToClipboard = (text) => {
 };
 
 const gaugePageHeaderCss = ":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}";
+const GaugePageHeaderStyle0 = gaugePageHeaderCss;
 
 const GaugePageHeader = class {
     constructor(hostRef) {
@@ -112,11 +114,11 @@ const GaugePageHeader = class {
             disposition = this.isCertified() ? (index.h("span", { class: "certified badge" }, index.h("span", { role: "label" }, "Certified"))) : (index.h("span", { class: "not-certified badge" }, index.h("span", { role: "label" }, "Not Certified")));
         }
         return [
-            index.h("div", { class: "gauge-page-header" }, index.h("eswat2-io", null), index.h("div", { class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, index.h("h1", { id: "year-make-model-header" }, this.yearMakeModel()), index.h("span", { class: "badge-set-container" }, disposition, this.isRetail() ? (index.h("span", { class: "retail badge" }, index.h("span", { role: "label" }, "Retail"))) : (index.h("span", { class: "wholesale badge" }, index.h("span", { role: "label" }, "Wholesale"))))), index.h("div", { class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, index.h("h4", { id: "vehicle-identifier-info-header" }, index.h("span", { class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), index.h("span", { class: "vehicle-info-header-segment capitalize" }, this.vin()), index.h("span", { class: "vehicle-info-header-segment" }, this.daysInInventory()), index.h("span", { class: "vehicle-info-header-segment" }, this.mileage()))), index.h("div", { class: "vehicle-data-container" }, index.h("div", { class: "vehicle-info-segment" }, index.h("h4", { class: "segment-heading" }, "Body"), index.h("p", { class: "segment-value" }, this.body())), index.h("div", { class: "vehicle-info-segment" }, index.h("h4", { class: "segment-heading" }, "Color"), index.h("p", { class: "segment-value" }, this.exteriorColor())), index.h("div", { class: "vehicle-info-segment" }, index.h("h4", { class: "segment-heading" }, "Int. Color"), index.h("p", { class: "segment-value" }, this.interiorColor())), index.h("div", { class: "vehicle-info-segment" }, index.h("h4", { class: "segment-heading" }, "Drive Train"), index.h("p", { class: "segment-value" }, this.driveTrain())), index.h("div", { class: "vehicle-info-segment" }, index.h("h4", { class: "segment-heading" }, "Engine"), index.h("p", { class: "segment-value" }, this.engine())), index.h("div", { class: "vehicle-info-segment" }, index.h("h4", { class: "segment-heading" }, "Transmission"), index.h("p", { class: "segment-value" }, this.transmission())))),
+            index.h("div", { key: '0d991decd8f3decc5fed001f20690eaef654eeea', class: "gauge-page-header" }, index.h("eswat2-io", { key: '79c472d52bd91b87dddbbaaa853c087b561cf5ba' }), index.h("div", { key: 'f8525320a5f1e2f9b155d62667d4de85ed290032', class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, index.h("h1", { key: '185f78d4dbbbbb20850a520d4fd54acb18f25f9d', id: "year-make-model-header" }, this.yearMakeModel()), index.h("span", { key: '960fdd7f015ad694464372f051ef1726c8a71ed2', class: "badge-set-container" }, disposition, this.isRetail() ? (index.h("span", { class: "retail badge" }, index.h("span", { role: "label" }, "Retail"))) : (index.h("span", { class: "wholesale badge" }, index.h("span", { role: "label" }, "Wholesale"))))), index.h("div", { key: '0ae3adab71009085cb486c1c65dcdb4aaaa55ce6', class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, index.h("h4", { key: 'a30f061c401340b209fca53ac65d36db175eb45c', id: "vehicle-identifier-info-header" }, index.h("span", { key: 'e94b11522a40108e0b99c480eff9d9e78aec470b', class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), index.h("span", { key: 'dadb1cfd52b87784a948f45f77f13963a35707ed', class: "vehicle-info-header-segment capitalize" }, this.vin()), index.h("span", { key: '139955772a602590e5bbcec354b894921e5a592b', class: "vehicle-info-header-segment" }, this.daysInInventory()), index.h("span", { key: 'e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e', class: "vehicle-info-header-segment" }, this.mileage()))), index.h("div", { key: '07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413', class: "vehicle-data-container" }, index.h("div", { key: 'c8f377e4884b0cae8a32cdd3ceecd653c2372bfb', class: "vehicle-info-segment" }, index.h("h4", { key: '9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4', class: "segment-heading" }, "Body"), index.h("p", { key: 'f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d', class: "segment-value" }, this.body())), index.h("div", { key: '60c883e9d2a202f565e55de9de7f1ecbfd6883b1', class: "vehicle-info-segment" }, index.h("h4", { key: 'b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa', class: "segment-heading" }, "Color"), index.h("p", { key: '3b77c23c478c96e77c0e07ade7272077503e9f82', class: "segment-value" }, this.exteriorColor())), index.h("div", { key: '4a705ee722143b8660eb839f71f39921c22672a4', class: "vehicle-info-segment" }, index.h("h4", { key: '612d6888563cb44fc88e6fea22a784f64935f9e0', class: "segment-heading" }, "Int. Color"), index.h("p", { key: '9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4', class: "segment-value" }, this.interiorColor())), index.h("div", { key: 'b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0', class: "vehicle-info-segment" }, index.h("h4", { key: '417d55c72032105115ece2f3aefe076be95ea80b', class: "segment-heading" }, "Drive Train"), index.h("p", { key: '3b6ea726618ed8f84a39ffea0c75a85864f196a1', class: "segment-value" }, this.driveTrain())), index.h("div", { key: 'f12082fe6244ecc9f6cc3c02f9b035b1498fa04a', class: "vehicle-info-segment" }, index.h("h4", { key: '27b4d35b5aed5054f6e7d68ee925425b7035bfb8', class: "segment-heading" }, "Engine"), index.h("p", { key: 'b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7', class: "segment-value" }, this.engine())), index.h("div", { key: '4abfe41c388cd113421c5eec4d444aa6db3f5676', class: "vehicle-info-segment" }, index.h("h4", { key: '04d369b5fd240d3f38716379d46fd8b6103e32f4', class: "segment-heading" }, "Transmission"), index.h("p", { key: '421e0ac28eabf1d2bd575c4b12e9f48b8342f892', class: "segment-value" }, this.transmission())))),
         ];
     }
 };
-GaugePageHeader.style = gaugePageHeaderCss;
+GaugePageHeader.style = GaugePageHeaderStyle0;
 
 exports.eswat2_io = Eswat2Io;
 exports.gauge_page_header = GaugePageHeader;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6f928b8a.js');
+const index = require('./index-ea04b86a.js');
 
 /*
- Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
  */
 const 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-6f928b8a.js → index-ea04b86a.js}

@@ -106,6 +106,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -133,6 +134,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
@@ -151,6 +155,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 /**
@@ -172,6 +179,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -339,6 +349,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             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') {
@@ -650,6 +662,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -657,6 +671,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -723,7 +738,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -773,6 +822,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1424,8 +1481,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-6f928b8a.js');
+const index = require('./index-ea04b86a.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
+    "version": "4.12.0",
     "typescriptVersion": "5.3.3"
   },
   "collections": [],

package/dist/collection/components/eswat2-io/eswat2-io.js

@@ -6,7 +6,7 @@ const pawIcon = ({ hex = 'currentColor', size = 24 }) => {
 };
 export class Eswat2Io {
     render() {
-        return (h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
+        return (h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
     }
     static get is() { return "eswat2-io"; }
     static get encapsulation() { return "shadow"; }

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

@@ -75,7 +75,7 @@ export class GaugePageHeader {
             disposition = this.isCertified() ? (h("span", { class: "certified badge" }, h("span", { role: "label" }, "Certified"))) : (h("span", { class: "not-certified badge" }, h("span", { role: "label" }, "Not Certified")));
         }
         return [
-            h("div", { class: "gauge-page-header" }, h("eswat2-io", null), h("div", { class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, h("h1", { id: "year-make-model-header" }, this.yearMakeModel()), h("span", { class: "badge-set-container" }, disposition, this.isRetail() ? (h("span", { class: "retail badge" }, h("span", { role: "label" }, "Retail"))) : (h("span", { class: "wholesale badge" }, h("span", { role: "label" }, "Wholesale"))))), h("div", { class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, h("h4", { id: "vehicle-identifier-info-header" }, h("span", { class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), h("span", { class: "vehicle-info-header-segment capitalize" }, this.vin()), h("span", { class: "vehicle-info-header-segment" }, this.daysInInventory()), h("span", { class: "vehicle-info-header-segment" }, this.mileage()))), h("div", { class: "vehicle-data-container" }, h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Body"), h("p", { class: "segment-value" }, this.body())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Color"), h("p", { class: "segment-value" }, this.exteriorColor())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Int. Color"), h("p", { class: "segment-value" }, this.interiorColor())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Drive Train"), h("p", { class: "segment-value" }, this.driveTrain())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Engine"), h("p", { class: "segment-value" }, this.engine())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Transmission"), h("p", { class: "segment-value" }, this.transmission())))),
+            h("div", { key: '0d991decd8f3decc5fed001f20690eaef654eeea', class: "gauge-page-header" }, h("eswat2-io", { key: '79c472d52bd91b87dddbbaaa853c087b561cf5ba' }), h("div", { key: 'f8525320a5f1e2f9b155d62667d4de85ed290032', class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, h("h1", { key: '185f78d4dbbbbb20850a520d4fd54acb18f25f9d', id: "year-make-model-header" }, this.yearMakeModel()), h("span", { key: '960fdd7f015ad694464372f051ef1726c8a71ed2', class: "badge-set-container" }, disposition, this.isRetail() ? (h("span", { class: "retail badge" }, h("span", { role: "label" }, "Retail"))) : (h("span", { class: "wholesale badge" }, h("span", { role: "label" }, "Wholesale"))))), h("div", { key: '0ae3adab71009085cb486c1c65dcdb4aaaa55ce6', class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, h("h4", { key: 'a30f061c401340b209fca53ac65d36db175eb45c', id: "vehicle-identifier-info-header" }, h("span", { key: 'e94b11522a40108e0b99c480eff9d9e78aec470b', class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), h("span", { key: 'dadb1cfd52b87784a948f45f77f13963a35707ed', class: "vehicle-info-header-segment capitalize" }, this.vin()), h("span", { key: '139955772a602590e5bbcec354b894921e5a592b', class: "vehicle-info-header-segment" }, this.daysInInventory()), h("span", { key: 'e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e', class: "vehicle-info-header-segment" }, this.mileage()))), h("div", { key: '07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413', class: "vehicle-data-container" }, h("div", { key: 'c8f377e4884b0cae8a32cdd3ceecd653c2372bfb', class: "vehicle-info-segment" }, h("h4", { key: '9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4', class: "segment-heading" }, "Body"), h("p", { key: 'f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d', class: "segment-value" }, this.body())), h("div", { key: '60c883e9d2a202f565e55de9de7f1ecbfd6883b1', class: "vehicle-info-segment" }, h("h4", { key: 'b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa', class: "segment-heading" }, "Color"), h("p", { key: '3b77c23c478c96e77c0e07ade7272077503e9f82', class: "segment-value" }, this.exteriorColor())), h("div", { key: '4a705ee722143b8660eb839f71f39921c22672a4', class: "vehicle-info-segment" }, h("h4", { key: '612d6888563cb44fc88e6fea22a784f64935f9e0', class: "segment-heading" }, "Int. Color"), h("p", { key: '9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4', class: "segment-value" }, this.interiorColor())), h("div", { key: 'b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0', class: "vehicle-info-segment" }, h("h4", { key: '417d55c72032105115ece2f3aefe076be95ea80b', class: "segment-heading" }, "Drive Train"), h("p", { key: '3b6ea726618ed8f84a39ffea0c75a85864f196a1', class: "segment-value" }, this.driveTrain())), h("div", { key: 'f12082fe6244ecc9f6cc3c02f9b035b1498fa04a', class: "vehicle-info-segment" }, h("h4", { key: '27b4d35b5aed5054f6e7d68ee925425b7035bfb8', class: "segment-heading" }, "Engine"), h("p", { key: 'b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7', class: "segment-value" }, this.engine())), h("div", { key: '4abfe41c388cd113421c5eec4d444aa6db3f5676', class: "vehicle-info-segment" }, h("h4", { key: '04d369b5fd240d3f38716379d46fd8b6103e32f4', class: "segment-heading" }, "Transmission"), h("p", { key: '421e0ac28eabf1d2bd575c4b12e9f48b8342f892', class: "segment-value" }, this.transmission())))),
         ];
     }
     static get is() { return "gauge-page-header"; }

package/dist/components/eswat2-io2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
+const Eswat2IoStyle0 = eswat2IoCss;
 
 const url = 'https://eswat2.dev';
 const who = 'eswat2';
@@ -14,9 +15,9 @@ const Eswat2Io = /*@__PURE__*/ proxyCustomElement(class Eswat2Io extends HTMLEle
         this.__attachShadow();
     }
     render() {
-        return (h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
+        return (h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
     }
-    static get style() { return eswat2IoCss; }
+    static get style() { return Eswat2IoStyle0; }
 }, [1, "eswat2-io"]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

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

@@ -15,6 +15,7 @@ const copyToClipboard = (text) => {
 };
 
 const gaugePageHeaderCss = ":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}";
+const GaugePageHeaderStyle0 = gaugePageHeaderCss;
 
 const GaugePageHeader$1 = /*@__PURE__*/ proxyCustomElement(class GaugePageHeader extends HTMLElement {
     constructor() {
@@ -94,10 +95,10 @@ const GaugePageHeader$1 = /*@__PURE__*/ proxyCustomElement(class GaugePageHeader
             disposition = this.isCertified() ? (h("span", { class: "certified badge" }, h("span", { role: "label" }, "Certified"))) : (h("span", { class: "not-certified badge" }, h("span", { role: "label" }, "Not Certified")));
         }
         return [
-            h("div", { class: "gauge-page-header" }, h("eswat2-io", null), h("div", { class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, h("h1", { id: "year-make-model-header" }, this.yearMakeModel()), h("span", { class: "badge-set-container" }, disposition, this.isRetail() ? (h("span", { class: "retail badge" }, h("span", { role: "label" }, "Retail"))) : (h("span", { class: "wholesale badge" }, h("span", { role: "label" }, "Wholesale"))))), h("div", { class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, h("h4", { id: "vehicle-identifier-info-header" }, h("span", { class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), h("span", { class: "vehicle-info-header-segment capitalize" }, this.vin()), h("span", { class: "vehicle-info-header-segment" }, this.daysInInventory()), h("span", { class: "vehicle-info-header-segment" }, this.mileage()))), h("div", { class: "vehicle-data-container" }, h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Body"), h("p", { class: "segment-value" }, this.body())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Color"), h("p", { class: "segment-value" }, this.exteriorColor())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Int. Color"), h("p", { class: "segment-value" }, this.interiorColor())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Drive Train"), h("p", { class: "segment-value" }, this.driveTrain())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Engine"), h("p", { class: "segment-value" }, this.engine())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Transmission"), h("p", { class: "segment-value" }, this.transmission())))),
+            h("div", { key: '0d991decd8f3decc5fed001f20690eaef654eeea', class: "gauge-page-header" }, h("eswat2-io", { key: '79c472d52bd91b87dddbbaaa853c087b561cf5ba' }), h("div", { key: 'f8525320a5f1e2f9b155d62667d4de85ed290032', class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, h("h1", { key: '185f78d4dbbbbb20850a520d4fd54acb18f25f9d', id: "year-make-model-header" }, this.yearMakeModel()), h("span", { key: '960fdd7f015ad694464372f051ef1726c8a71ed2', class: "badge-set-container" }, disposition, this.isRetail() ? (h("span", { class: "retail badge" }, h("span", { role: "label" }, "Retail"))) : (h("span", { class: "wholesale badge" }, h("span", { role: "label" }, "Wholesale"))))), h("div", { key: '0ae3adab71009085cb486c1c65dcdb4aaaa55ce6', class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, h("h4", { key: 'a30f061c401340b209fca53ac65d36db175eb45c', id: "vehicle-identifier-info-header" }, h("span", { key: 'e94b11522a40108e0b99c480eff9d9e78aec470b', class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), h("span", { key: 'dadb1cfd52b87784a948f45f77f13963a35707ed', class: "vehicle-info-header-segment capitalize" }, this.vin()), h("span", { key: '139955772a602590e5bbcec354b894921e5a592b', class: "vehicle-info-header-segment" }, this.daysInInventory()), h("span", { key: 'e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e', class: "vehicle-info-header-segment" }, this.mileage()))), h("div", { key: '07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413', class: "vehicle-data-container" }, h("div", { key: 'c8f377e4884b0cae8a32cdd3ceecd653c2372bfb', class: "vehicle-info-segment" }, h("h4", { key: '9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4', class: "segment-heading" }, "Body"), h("p", { key: 'f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d', class: "segment-value" }, this.body())), h("div", { key: '60c883e9d2a202f565e55de9de7f1ecbfd6883b1', class: "vehicle-info-segment" }, h("h4", { key: 'b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa', class: "segment-heading" }, "Color"), h("p", { key: '3b77c23c478c96e77c0e07ade7272077503e9f82', class: "segment-value" }, this.exteriorColor())), h("div", { key: '4a705ee722143b8660eb839f71f39921c22672a4', class: "vehicle-info-segment" }, h("h4", { key: '612d6888563cb44fc88e6fea22a784f64935f9e0', class: "segment-heading" }, "Int. Color"), h("p", { key: '9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4', class: "segment-value" }, this.interiorColor())), h("div", { key: 'b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0', class: "vehicle-info-segment" }, h("h4", { key: '417d55c72032105115ece2f3aefe076be95ea80b', class: "segment-heading" }, "Drive Train"), h("p", { key: '3b6ea726618ed8f84a39ffea0c75a85864f196a1', class: "segment-value" }, this.driveTrain())), h("div", { key: 'f12082fe6244ecc9f6cc3c02f9b035b1498fa04a', class: "vehicle-info-segment" }, h("h4", { key: '27b4d35b5aed5054f6e7d68ee925425b7035bfb8', class: "segment-heading" }, "Engine"), h("p", { key: 'b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7', class: "segment-value" }, this.engine())), h("div", { key: '4abfe41c388cd113421c5eec4d444aa6db3f5676', class: "vehicle-info-segment" }, h("h4", { key: '04d369b5fd240d3f38716379d46fd8b6103e32f4', class: "segment-heading" }, "Transmission"), h("p", { key: '421e0ac28eabf1d2bd575c4b12e9f48b8342f892', class: "segment-value" }, this.transmission())))),
         ];
     }
-    static get style() { return gaugePageHeaderCss; }
+    static get style() { return GaugePageHeaderStyle0; }
 }, [1, "gauge-page-header", {
         "vehicleInfo": [16]
     }]);

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

@@ -1,6 +1,7 @@
-import { r as registerInstance, h } from './index-a6de55b0.js';
+import { r as registerInstance, h } from './index-47d145dc.js';
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
+const Eswat2IoStyle0 = eswat2IoCss;
 
 const url = 'https://eswat2.dev';
 const who = 'eswat2';
@@ -12,10 +13,10 @@ const Eswat2Io = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
+        return (h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
     }
 };
-Eswat2Io.style = eswat2IoCss;
+Eswat2Io.style = Eswat2IoStyle0;
 
 const copyToClipboard = (text) => {
     if (!navigator.clipboard) {
@@ -31,6 +32,7 @@ const copyToClipboard = (text) => {
 };
 
 const gaugePageHeaderCss = ":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}";
+const GaugePageHeaderStyle0 = gaugePageHeaderCss;
 
 const GaugePageHeader = class {
     constructor(hostRef) {
@@ -108,10 +110,10 @@ const GaugePageHeader = class {
             disposition = this.isCertified() ? (h("span", { class: "certified badge" }, h("span", { role: "label" }, "Certified"))) : (h("span", { class: "not-certified badge" }, h("span", { role: "label" }, "Not Certified")));
         }
         return [
-            h("div", { class: "gauge-page-header" }, h("eswat2-io", null), h("div", { class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, h("h1", { id: "year-make-model-header" }, this.yearMakeModel()), h("span", { class: "badge-set-container" }, disposition, this.isRetail() ? (h("span", { class: "retail badge" }, h("span", { role: "label" }, "Retail"))) : (h("span", { class: "wholesale badge" }, h("span", { role: "label" }, "Wholesale"))))), h("div", { class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, h("h4", { id: "vehicle-identifier-info-header" }, h("span", { class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), h("span", { class: "vehicle-info-header-segment capitalize" }, this.vin()), h("span", { class: "vehicle-info-header-segment" }, this.daysInInventory()), h("span", { class: "vehicle-info-header-segment" }, this.mileage()))), h("div", { class: "vehicle-data-container" }, h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Body"), h("p", { class: "segment-value" }, this.body())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Color"), h("p", { class: "segment-value" }, this.exteriorColor())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Int. Color"), h("p", { class: "segment-value" }, this.interiorColor())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Drive Train"), h("p", { class: "segment-value" }, this.driveTrain())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Engine"), h("p", { class: "segment-value" }, this.engine())), h("div", { class: "vehicle-info-segment" }, h("h4", { class: "segment-heading" }, "Transmission"), h("p", { class: "segment-value" }, this.transmission())))),
+            h("div", { key: '0d991decd8f3decc5fed001f20690eaef654eeea', class: "gauge-page-header" }, h("eswat2-io", { key: '79c472d52bd91b87dddbbaaa853c087b561cf5ba' }), h("div", { key: 'f8525320a5f1e2f9b155d62667d4de85ed290032', class: "year-make-model-container", onClick: () => copyToClipboard(this.yearMakeModel()), title: "Click to Copy Year/Make/Model" }, h("h1", { key: '185f78d4dbbbbb20850a520d4fd54acb18f25f9d', id: "year-make-model-header" }, this.yearMakeModel()), h("span", { key: '960fdd7f015ad694464372f051ef1726c8a71ed2', class: "badge-set-container" }, disposition, this.isRetail() ? (h("span", { class: "retail badge" }, h("span", { role: "label" }, "Retail"))) : (h("span", { class: "wholesale badge" }, h("span", { role: "label" }, "Wholesale"))))), h("div", { key: '0ae3adab71009085cb486c1c65dcdb4aaaa55ce6', class: "vehicle-identifier-info-container", onClick: () => copyToClipboard(this.vin()), title: "Click to Copy VIN" }, h("h4", { key: 'a30f061c401340b209fca53ac65d36db175eb45c', id: "vehicle-identifier-info-header" }, h("span", { key: 'e94b11522a40108e0b99c480eff9d9e78aec470b', class: "vehicle-info-header-segment capitalize" }, this.stockNumber()), h("span", { key: 'dadb1cfd52b87784a948f45f77f13963a35707ed', class: "vehicle-info-header-segment capitalize" }, this.vin()), h("span", { key: '139955772a602590e5bbcec354b894921e5a592b', class: "vehicle-info-header-segment" }, this.daysInInventory()), h("span", { key: 'e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e', class: "vehicle-info-header-segment" }, this.mileage()))), h("div", { key: '07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413', class: "vehicle-data-container" }, h("div", { key: 'c8f377e4884b0cae8a32cdd3ceecd653c2372bfb', class: "vehicle-info-segment" }, h("h4", { key: '9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4', class: "segment-heading" }, "Body"), h("p", { key: 'f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d', class: "segment-value" }, this.body())), h("div", { key: '60c883e9d2a202f565e55de9de7f1ecbfd6883b1', class: "vehicle-info-segment" }, h("h4", { key: 'b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa', class: "segment-heading" }, "Color"), h("p", { key: '3b77c23c478c96e77c0e07ade7272077503e9f82', class: "segment-value" }, this.exteriorColor())), h("div", { key: '4a705ee722143b8660eb839f71f39921c22672a4', class: "vehicle-info-segment" }, h("h4", { key: '612d6888563cb44fc88e6fea22a784f64935f9e0', class: "segment-heading" }, "Int. Color"), h("p", { key: '9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4', class: "segment-value" }, this.interiorColor())), h("div", { key: 'b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0', class: "vehicle-info-segment" }, h("h4", { key: '417d55c72032105115ece2f3aefe076be95ea80b', class: "segment-heading" }, "Drive Train"), h("p", { key: '3b6ea726618ed8f84a39ffea0c75a85864f196a1', class: "segment-value" }, this.driveTrain())), h("div", { key: 'f12082fe6244ecc9f6cc3c02f9b035b1498fa04a', class: "vehicle-info-segment" }, h("h4", { key: '27b4d35b5aed5054f6e7d68ee925425b7035bfb8', class: "segment-heading" }, "Engine"), h("p", { key: 'b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7', class: "segment-value" }, this.engine())), h("div", { key: '4abfe41c388cd113421c5eec4d444aa6db3f5676', class: "vehicle-info-segment" }, h("h4", { key: '04d369b5fd240d3f38716379d46fd8b6103e32f4', class: "segment-heading" }, "Transmission"), h("p", { key: '421e0ac28eabf1d2bd575c4b12e9f48b8342f892', class: "segment-value" }, this.transmission())))),
         ];
     }
 };
-GaugePageHeader.style = gaugePageHeaderCss;
+GaugePageHeader.style = GaugePageHeaderStyle0;
 
 export { Eswat2Io as eswat2_io, GaugePageHeader as gauge_page_header };

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

@@ -1,8 +1,8 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-a6de55b0.js';
-export { s as setNonce } from './index-a6de55b0.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-47d145dc.js';
+export { s as setNonce } from './index-47d145dc.js';
 
 /*
- Stencil Client Patch Browser v4.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = import.meta.url;

package/dist/esm/{index-a6de55b0.js → index-47d145dc.js}

@@ -84,6 +84,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -111,6 +112,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
@@ -129,6 +133,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 /**
@@ -150,6 +157,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -317,6 +327,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             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') {
@@ -628,6 +640,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -635,6 +649,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -701,7 +716,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -751,6 +800,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1402,8 +1459,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-a6de55b0.js';
-export { s as setNonce } from './index-a6de55b0.js';
+import { b as bootstrapLazy } from './index-47d145dc.js';
+export { s as setNonce } from './index-47d145dc.js';
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-15f75004.js";export{s as setNonce}from"./p-15f75004.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-481ebe51",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e)));
+import{p as e,b as a}from"./p-ab474e39.js";export{s as setNonce}from"./p-ab474e39.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((e=>a([["p-861cf02d",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e)));

package/dist/gauge-page-header/p-861cf02d.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a}from"./p-ab474e39.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}

package/dist/gauge-page-header/p-ab474e39.js

@@ -0,0 +1,2 @@
+let e,n,t=!1,l=!1;const o="slot-fb{display:contents}slot-fb[hidden]{display:none}",s={},i=e=>"object"==(e=typeof e)||"function"===e;function c(e){var n,t,l;return null!==(l=null===(t=null===(n=e.head)||void 0===n?void 0:n.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const r=(e,n,...t)=>{let l=null,o=null,s=!1,c=!1;const r=[],a=n=>{for(let t=0;t<n.length;t++)l=n[t],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!i(l))&&(l+=""),s&&c?r[r.length-1].t+=l:r.push(s?u(null,l):l),c=s)};if(a(t),n){n.key&&(o=n.key);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}const f=u(e,null);return f.l=n,r.length>0&&(f.o=r),f.i=o,f},u=(e,n)=>({u:0,$:e,t:n,p:null,o:null,l:null,i:null}),a={},f=new WeakMap,d=e=>"sc-"+e.v,y=(e,n,t,l,o,s)=>{if(t!==l){let c=V(e,n),r=n.toLowerCase();if("class"===n){const n=e.classList,o=p(t),s=p(l);n.remove(...o.filter((e=>e&&!s.includes(e)))),n.add(...s.filter((e=>e&&!o.includes(e))))}else if("key"===n);else if(c||"o"!==n[0]||"n"!==n[1]){const r=i(l);if((c||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[n]=l;else{const o=null==l?"":l;"list"===n?c=!1:null!=t&&e[n]==o||(e[n]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(n)||e.removeAttribute(n):(!c||4&s||o)&&!r&&e.setAttribute(n,l=!0===l?"":l)}else if(n="-"===n[2]?n.slice(3):V(G,r)?r.slice(2):r[2]+n.slice(3),t||l){const o=n.endsWith(v);n=n.replace(m,""),t&&J.rel(e,n,t,o),l&&J.ael(e,n,l,o)}}},$=/\s/,p=e=>e?e.split($):[],v="Capture",m=RegExp(v+"$"),h=(e,n,t,l)=>{const o=11===n.p.nodeType&&n.p.host?n.p.host:n.p,i=e&&e.l||s,c=n.l||s;for(l in i)l in c||y(o,l,i[l],void 0,t,n.u);for(l in c)y(o,l,i[l],c[l],t,n.u)},w=(l,o,s)=>{const i=o.o[s];let c,r,u=0;if(null!==i.t)c=i.p=I.createTextNode(i.t);else{if(t||(t="svg"===i.$),c=i.p=I.createElementNS(t?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",i.$),t&&"foreignObject"===i.$&&(t=!1),h(null,i,t),null!=e&&c["s-si"]!==e&&c.classList.add(c["s-si"]=e),i.o)for(u=0;u<i.o.length;++u)r=w(l,i,u),r&&c.appendChild(r);"svg"===i.$?t=!1:"foreignObject"===c.tagName&&(t=!0)}return c["s-hn"]=n,c},b=(e,t,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=w(null,l,s),c&&(o[s].p=c,r.insertBefore(c,t)))},g=(e,n,t)=>{for(let l=n;l<=t;++l){const n=e[l];if(n){const e=n.p;e&&e.remove()}}},j=(e,n,t=!1)=>e.$===n.$&&(!!t||e.i===n.i),S=(e,n,l=!1)=>{const o=n.p=e.p,s=e.o,i=n.o,c=n.$,r=n.t;null===r?(t="svg"===c||"foreignObject"!==c&&t,h(e,n,t),null!==s&&null!==i?((e,n,t,l,o=!1)=>{let s,i,c=0,r=0,u=0,a=0,f=n.length-1,d=n[0],y=n[f],$=l.length-1,p=l[0],v=l[$];for(;c<=f&&r<=$;)if(null==d)d=n[++c];else if(null==y)y=n[--f];else if(null==p)p=l[++r];else if(null==v)v=l[--$];else if(j(d,p,o))S(d,p,o),d=n[++c],p=l[++r];else if(j(y,v,o))S(y,v,o),y=n[--f],v=l[--$];else if(j(d,v,o))S(d,v,o),e.insertBefore(d.p,y.p.nextSibling),d=n[++c],v=l[--$];else if(j(y,p,o))S(y,p,o),e.insertBefore(y.p,d.p),y=n[--f],p=l[++r];else{for(u=-1,a=c;a<=f;++a)if(n[a]&&null!==n[a].i&&n[a].i===p.i){u=a;break}u>=0?(i=n[u],i.$!==p.$?s=w(n&&n[r],t,u):(S(i,p,o),n[u]=void 0,s=i.p),p=l[++r]):(s=w(n&&n[r],t,r),p=l[++r]),s&&d.p.parentNode.insertBefore(s,d.p)}c>f?b(e,null==l[$+1]?null:l[$+1].p,t,l,r,$):r>$&&g(n,c,f)})(o,s,n,i,l):null!==i?(null!==e.t&&(o.textContent=""),b(o,null,n,i,0,i.length-1)):null!==s&&g(s,0,s.length-1),t&&"svg"===c&&(t=!1)):e.t!==r&&(o.data=r)},k=(e,n)=>{n&&!e.m&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.m=n)))},O=(e,n)=>{if(e.u|=16,!(4&e.u))return k(e,e.h),le((()=>C(e,n)));e.u|=512},C=(e,n)=>{const t=e.j;return M(void 0,(()=>P(e,t,n)))},M=(e,n)=>x(e)?e.then(n):n(),x=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,P=async(e,n,t)=>{var l;const s=e.$hostElement$,i=s["s-rc"];t&&(e=>{const n=e.S,t=e.$hostElement$,l=n.u,s=((e,n)=>{var t;const l=d(n),s=D.get(l);if(e=11===e.nodeType?e:I,s)if("string"==typeof s){let i,r=f.get(e=e.head||e);if(r||f.set(e,r=new Set),!r.has(l)){{i=I.createElement("style"),i.innerHTML=s;const n=null!==(t=J.k)&&void 0!==t?t:c(I);null!=n&&i.setAttribute("nonce",n),e.insertBefore(i,e.querySelector("link"))}4&n.u&&(i.innerHTML+=o),r&&r.add(l)}}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);10&l&&(t["s-sc"]=s,t.classList.add(s+"-h"))})(e);E(e,n,s,t),i&&(i.map((e=>e())),s["s-rc"]=void 0);{const n=null!==(l=s["s-p"])&&void 0!==l?l:[],t=()=>N(e);0===n.length?t():(Promise.all(n).then(t),e.u|=4,n.length=0)}},E=(t,l,o,s)=>{try{l=l.render(),t.u&=-17,t.u|=2,((t,l,o=!1)=>{const s=t.$hostElement$,i=t.O||u(null,null),c=(e=>e&&e.$===a)(l)?l:r(null,null,l);if(n=s.tagName,o&&c.l)for(const e of Object.keys(c.l))s.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(c.l[e]=s[e]);c.$=null,c.u|=4,t.O=c,c.p=i.p=s.shadowRoot||s,e=s["s-sc"],S(i,c,o)})(t,l,s)}catch(e){_(e,t.$hostElement$)}return null},N=e=>{const n=e.$hostElement$,t=e.h;64&e.u||(e.u|=64,T(n),e.C(n),t||R()),e.m&&(e.m(),e.m=void 0),512&e.u&&te((()=>O(e,!1))),e.u&=-517},R=()=>{T(I.documentElement),te((()=>(e=>{const n=J.ce("appload",{detail:{namespace:"gauge-page-header"}});return e.dispatchEvent(n),n})(G)))},T=e=>e.classList.add("hydrated"),A=(e,n,t)=>{const l=e.prototype;return n.M&&Object.entries(n.M).map((([e,[n]])=>{(31&n||2&t&&32&n)&&Object.defineProperty(l,e,{get(){return((e,n)=>q(this).P.get(n))(0,e)},set(n){((e,n,t)=>{const l=q(e),o=l.P.get(n),s=l.u,c=l.j;t=(e=>(null==e||i(e),e))(t),8&s&&void 0!==o||t===o||Number.isNaN(o)&&Number.isNaN(t)||(l.P.set(n,t),c&&2==(18&s)&&O(l,!1))})(this,e,n)},configurable:!0,enumerable:!0})})),e},L=(e,n={})=>{var t;const l=[],s=n.exclude||[],i=G.customElements,r=I.head,u=r.querySelector("meta[charset]"),a=I.createElement("style"),f=[];let y,$=!0;Object.assign(J,n),J.N=new URL(n.resourcesUrl||"./",I.baseURI).href;let p=!1;if(e.map((e=>{e[1].map((n=>{const t={u:n[0],v:n[1],M:n[2],R:n[3]};4&t.u&&(p=!0),t.M=n[2];const o=t.v,c=class extends HTMLElement{constructor(e){super(e),H(e=this,t),1&t.u&&e.attachShadow({mode:"open"})}connectedCallback(){y&&(clearTimeout(y),y=null),$?f.push(this):J.jmp((()=>(e=>{if(0==(1&J.u)){const n=q(e),t=n.S,l=()=>{};if(1&n.u)(null==n?void 0:n.j)||(null==n?void 0:n.T)&&n.T.then((()=>{}));else{n.u|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){k(n,n.h=t);break}}t.M&&Object.entries(t.M).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),(async(e,n,t)=>{let l;if(0==(32&n.u)){n.u|=32;{if(l=B(t),l.then){const e=()=>{};l=await l,e()}l.isProxied||(A(l,t,2),l.isProxied=!0);const e=()=>{};n.u|=8;try{new l(n)}catch(e){_(e)}n.u&=-9,e()}if(l.style){let e=l.style;const n=d(t);if(!D.has(n)){const l=()=>{};((e,n,t)=>{let l=D.get(e);Q&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=n:l.replaceSync(n)):l=n,D.set(e,l)})(n,e,!!(1&t.u)),l()}}}const o=n.h,s=()=>O(n,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,n,t)}l()}})(this)))}disconnectedCallback(){J.jmp((()=>(async()=>{if(0==(1&J.u)){const e=q(this);(null==e?void 0:e.j)||(null==e?void 0:e.T)&&e.T.then((()=>{}))}})()))}componentOnReady(){return q(this).T}};t.A=e[0],s.includes(o)||i.get(o)||(l.push(o),i.define(o,A(c,t,1)))}))})),p&&(a.innerHTML+=o),a.innerHTML+=l+"{visibility:hidden}.hydrated{visibility:inherit}",a.innerHTML.length){a.setAttribute("data-styles","");const e=null!==(t=J.k)&&void 0!==t?t:c(I);null!=e&&a.setAttribute("nonce",e),r.insertBefore(a,u?u.nextSibling:r.firstChild)}$=!1,f.length?f.map((e=>e.connectedCallback())):J.jmp((()=>y=setTimeout(R,30)))},U=e=>J.k=e,W=new WeakMap,q=e=>W.get(e),F=(e,n)=>W.set(n.j=e,n),H=(e,n)=>{const t={u:0,$hostElement$:e,S:n,P:new Map};return t.T=new Promise((e=>t.C=e)),e["s-p"]=[],e["s-rc"]=[],W.set(e,t)},V=(e,n)=>n in e,_=(e,n)=>(0,console.error)(e,n),z=new Map,B=e=>{const n=e.v.replace(/-/g,"_"),t=e.A,l=z.get(t);return l?l[n]:import(`./${t}.entry.js`).then((e=>(z.set(t,e),e[n])),_)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},D=new Map,G="undefined"!=typeof window?window:{},I=G.document||{head:{}},J={u:0,N:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,l)=>e.addEventListener(n,t,l),rel:(e,n,t,l)=>e.removeEventListener(n,t,l),ce:(e,n)=>new CustomEvent(e,n)},K=e=>Promise.resolve(e),Q=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),X=[],Y=[],Z=(e,n)=>t=>{e.push(t),l||(l=!0,n&&4&J.u?te(ne):J.raf(ne))},ee=e=>{for(let n=0;n<e.length;n++)try{e[n](performance.now())}catch(e){_(e)}e.length=0},ne=()=>{ee(X),ee(Y),(l=X.length>0)&&J.raf(ne)},te=e=>K().then(e),le=Z(Y,!0);export{L as b,r as h,K as p,F as r,U as s}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gauge-page-header",
-  "version": "0.0.447",
+  "version": "0.0.449",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,7 +24,7 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.10.0"
+    "@stencil/core": "4.12.0"
   },
   "license": "MIT",
   "devDependencies": {

package/dist/gauge-page-header/p-15f75004.js

@@ -1,2 +0,0 @@
-let n,e,t=!1,l=!1;const o="slot-fb{display:contents}slot-fb[hidden]{display:none}",s={},i=n=>"object"==(n=typeof n)||"function"===n;function c(n){var e,t,l;return null!==(l=null===(t=null===(e=n.head)||void 0===e?void 0:e.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const r=(n,e,...t)=>{let l=null,o=!1,s=!1;const c=[],r=e=>{for(let t=0;t<e.length;t++)l=e[t],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof n&&!i(l))&&(l+=""),o&&s?c[c.length-1].t+=l:c.push(o?u(null,l):l),s=o)};if(r(t),e){const n=e.className||e.class;n&&(e.class="object"!=typeof n?n:Object.keys(n).filter((e=>n[e])).join(" "))}const a=u(n,null);return a.l=e,c.length>0&&(a.o=c),a},u=(n,e)=>({i:0,u:n,t:e,p:null,o:null,l:null}),a={},f=new WeakMap,d=n=>"sc-"+n.$,p=(n,e,t,l,o,s)=>{if(t!==l){let c=V(n,e),r=e.toLowerCase();if("class"===e){const e=n.classList,o=$(t),s=$(l);e.remove(...o.filter((n=>n&&!s.includes(n)))),e.add(...s.filter((n=>n&&!o.includes(n))))}else if(c||"o"!==e[0]||"n"!==e[1]){const r=i(l);if((c||r&&null!==l)&&!o)try{if(n.tagName.includes("-"))n[e]=l;else{const o=null==l?"":l;"list"===e?c=!1:null!=t&&n[e]==o||(n[e]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(e)||n.removeAttribute(e):(!c||4&s||o)&&!r&&n.setAttribute(e,l=!0===l?"":l)}else if(e="-"===e[2]?e.slice(3):V(G,r)?r.slice(2):r[2]+e.slice(3),t||l){const o=e.endsWith(m);e=e.replace(v,""),t&&J.rel(n,e,t,o),l&&J.ael(n,e,l,o)}}},y=/\s/,$=n=>n?n.split(y):[],m="Capture",v=RegExp(m+"$"),h=(n,e,t,l)=>{const o=11===e.p.nodeType&&e.p.host?e.p.host:e.p,i=n&&n.l||s,c=e.l||s;for(l in i)l in c||p(o,l,i[l],void 0,t,e.i);for(l in c)p(o,l,i[l],c[l],t,e.i)},w=(l,o,s)=>{const i=o.o[s];let c,r,u=0;if(null!==i.t)c=i.p=I.createTextNode(i.t);else{if(t||(t="svg"===i.u),c=i.p=I.createElementNS(t?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",i.u),t&&"foreignObject"===i.u&&(t=!1),h(null,i,t),null!=n&&c["s-si"]!==n&&c.classList.add(c["s-si"]=n),i.o)for(u=0;u<i.o.length;++u)r=w(l,i,u),r&&c.appendChild(r);"svg"===i.u?t=!1:"foreignObject"===c.tagName&&(t=!0)}return c["s-hn"]=e,c},b=(n,t,l,o,s,i)=>{let c,r=n;for(r.shadowRoot&&r.tagName===e&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=w(null,l,s),c&&(o[s].p=c,r.insertBefore(c,t)))},g=(n,e,t)=>{for(let l=e;l<=t;++l){const e=n[l];if(e){const n=e.p;n&&n.remove()}}},j=(n,e)=>n.u===e.u,S=(n,e,l=!1)=>{const o=e.p=n.p,s=n.o,i=e.o,c=e.u,r=e.t;null===r?(t="svg"===c||"foreignObject"!==c&&t,h(n,e,t),null!==s&&null!==i?((n,e,t,l,o=!1)=>{let s,i=0,c=0,r=e.length-1,u=e[0],a=e[r],f=l.length-1,d=l[0],p=l[f];for(;i<=r&&c<=f;)null==u?u=e[++i]:null==a?a=e[--r]:null==d?d=l[++c]:null==p?p=l[--f]:j(u,d)?(S(u,d,o),u=e[++i],d=l[++c]):j(a,p)?(S(a,p,o),a=e[--r],p=l[--f]):j(u,p)?(S(u,p,o),n.insertBefore(u.p,a.p.nextSibling),u=e[++i],p=l[--f]):j(a,d)?(S(a,d,o),n.insertBefore(a.p,u.p),a=e[--r],d=l[++c]):(s=w(e&&e[c],t,c),d=l[++c],s&&u.p.parentNode.insertBefore(s,u.p));i>r?b(n,null==l[f+1]?null:l[f+1].p,t,l,c,f):c>f&&g(e,i,r)})(o,s,e,i,l):null!==i?(null!==n.t&&(o.textContent=""),b(o,null,e,i,0,i.length-1)):null!==s&&g(s,0,s.length-1),t&&"svg"===c&&(t=!1)):n.t!==r&&(o.data=r)},O=(n,e)=>{e&&!n.m&&e["s-p"]&&e["s-p"].push(new Promise((e=>n.m=e)))},k=(n,e)=>{if(n.i|=16,!(4&n.i))return O(n,n.v),ln((()=>C(n,e)));n.i|=512},C=(n,e)=>{const t=n.h;return M(void 0,(()=>P(n,t,e)))},M=(n,e)=>x(n)?n.then(e):e(),x=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,P=async(n,e,t)=>{var l;const s=n.$hostElement$,i=s["s-rc"];t&&(n=>{const e=n.j,t=n.$hostElement$,l=e.i,s=((n,e)=>{var t;const l=d(e),s=D.get(l);if(n=11===n.nodeType?n:I,s)if("string"==typeof s){let i,r=f.get(n=n.head||n);if(r||f.set(n,r=new Set),!r.has(l)){{i=I.createElement("style"),i.innerHTML=s;const e=null!==(t=J.S)&&void 0!==t?t:c(I);null!=e&&i.setAttribute("nonce",e),n.insertBefore(i,n.querySelector("link"))}4&e.i&&(i.innerHTML+=o),r&&r.add(l)}}else n.adoptedStyleSheets.includes(s)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,s]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);10&l&&(t["s-sc"]=s,t.classList.add(s+"-h"))})(n);E(n,e,s,t),i&&(i.map((n=>n())),s["s-rc"]=void 0);{const e=null!==(l=s["s-p"])&&void 0!==l?l:[],t=()=>N(n);0===e.length?t():(Promise.all(e).then(t),n.i|=4,e.length=0)}},E=(t,l,o,s)=>{try{l=l.render(),t.i&=-17,t.i|=2,((t,l,o=!1)=>{const s=t.$hostElement$,i=t.O||u(null,null),c=(n=>n&&n.u===a)(l)?l:r(null,null,l);if(e=s.tagName,o&&c.l)for(const n of Object.keys(c.l))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(c.l[n]=s[n]);c.u=null,c.i|=4,t.O=c,c.p=i.p=s.shadowRoot||s,n=s["s-sc"],S(i,c,o)})(t,l,s)}catch(n){_(n,t.$hostElement$)}return null},N=n=>{const e=n.$hostElement$,t=n.v;64&n.i||(n.i|=64,T(e),n.k(e),t||R()),n.m&&(n.m(),n.m=void 0),512&n.i&&tn((()=>k(n,!1))),n.i&=-517},R=()=>{T(I.documentElement),tn((()=>(n=>{const e=J.ce("appload",{detail:{namespace:"gauge-page-header"}});return n.dispatchEvent(e),e})(G)))},T=n=>n.classList.add("hydrated"),A=(n,e,t)=>{const l=n.prototype;return e.C&&Object.entries(e.C).map((([n,[e]])=>{(31&e||2&t&&32&e)&&Object.defineProperty(l,n,{get(){return((n,e)=>q(this).M.get(e))(0,n)},set(e){((n,e,t)=>{const l=q(n),o=l.M.get(e),s=l.i,c=l.h;t=(n=>(null==n||i(n),n))(t),8&s&&void 0!==o||t===o||Number.isNaN(o)&&Number.isNaN(t)||(l.M.set(e,t),c&&2==(18&s)&&k(l,!1))})(this,n,e)},configurable:!0,enumerable:!0})})),n},L=(n,e={})=>{var t;const l=[],s=e.exclude||[],i=G.customElements,r=I.head,u=r.querySelector("meta[charset]"),a=I.createElement("style"),f=[];let p,y=!0;Object.assign(J,e),J.P=new URL(e.resourcesUrl||"./",I.baseURI).href;let $=!1;if(n.map((n=>{n[1].map((e=>{const t={i:e[0],$:e[1],C:e[2],N:e[3]};4&t.i&&($=!0),t.C=e[2];const o=t.$,c=class extends HTMLElement{constructor(n){super(n),H(n=this,t),1&t.i&&n.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),y?f.push(this):J.jmp((()=>(n=>{if(0==(1&J.i)){const e=q(n),t=e.j,l=()=>{};if(1&e.i)(null==e?void 0:e.h)||(null==e?void 0:e.R)&&e.R.then((()=>{}));else{e.i|=1;{let t=n;for(;t=t.parentNode||t.host;)if(t["s-p"]){O(e,e.v=t);break}}t.C&&Object.entries(t.C).map((([e,[t]])=>{if(31&t&&n.hasOwnProperty(e)){const t=n[e];delete n[e],n[e]=t}})),(async(n,e,t)=>{let l;if(0==(32&e.i)){e.i|=32;{if(l=B(t),l.then){const n=()=>{};l=await l,n()}l.isProxied||(A(l,t,2),l.isProxied=!0);const n=()=>{};e.i|=8;try{new l(e)}catch(n){_(n)}e.i&=-9,n()}if(l.style){let n=l.style;const e=d(t);if(!D.has(e)){const l=()=>{};((n,e,t)=>{let l=D.get(n);Q&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,D.set(n,l)})(e,n,!!(1&t.i)),l()}}}const o=e.v,s=()=>k(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,e,t)}l()}})(this)))}disconnectedCallback(){J.jmp((()=>(async()=>{if(0==(1&J.i)){const n=q(this);(null==n?void 0:n.h)||(null==n?void 0:n.R)&&n.R.then((()=>{}))}})()))}componentOnReady(){return q(this).R}};t.T=n[0],s.includes(o)||i.get(o)||(l.push(o),i.define(o,A(c,t,1)))}))})),$&&(a.innerHTML+=o),a.innerHTML+=l+"{visibility:hidden}.hydrated{visibility:inherit}",a.innerHTML.length){a.setAttribute("data-styles","");const n=null!==(t=J.S)&&void 0!==t?t:c(I);null!=n&&a.setAttribute("nonce",n),r.insertBefore(a,u?u.nextSibling:r.firstChild)}y=!1,f.length?f.map((n=>n.connectedCallback())):J.jmp((()=>p=setTimeout(R,30)))},U=n=>J.S=n,W=new WeakMap,q=n=>W.get(n),F=(n,e)=>W.set(e.h=n,e),H=(n,e)=>{const t={i:0,$hostElement$:n,j:e,M:new Map};return t.R=new Promise((n=>t.k=n)),n["s-p"]=[],n["s-rc"]=[],W.set(n,t)},V=(n,e)=>e in n,_=(n,e)=>(0,console.error)(n,e),z=new Map,B=n=>{const e=n.$.replace(/-/g,"_"),t=n.T,l=z.get(t);return l?l[e]:import(`./${t}.entry.js`).then((n=>(z.set(t,n),n[e])),_)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},D=new Map,G="undefined"!=typeof window?window:{},I=G.document||{head:{}},J={i:0,P:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,l)=>n.addEventListener(e,t,l),rel:(n,e,t,l)=>n.removeEventListener(e,t,l),ce:(n,e)=>new CustomEvent(n,e)},K=n=>Promise.resolve(n),Q=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),X=[],Y=[],Z=(n,e)=>t=>{n.push(t),l||(l=!0,e&&4&J.i?tn(en):J.raf(en))},nn=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(n){_(n)}n.length=0},en=()=>{nn(X),nn(Y),(l=X.length>0)&&J.raf(en)},tn=n=>K().then(n),ln=Z(Y,!0);export{L as b,r as h,K as p,F as r,U as s}

package/dist/gauge-page-header/p-481ebe51.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-15f75004.js";const i="eswat2",r=class{constructor(a){e(this,a)}render(){return a("a",{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)}},t=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",{class:"gauge-page-header"},a("eswat2-io",null),a("div",{class:"year-make-model-container",onClick:()=>s(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},a("h1",{id:"year-make-model-header"},this.yearMakeModel()),a("span",{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",{class:"vehicle-identifier-info-container",onClick:()=>s(this.vin()),title:"Click to Copy VIN"},a("h4",{id:"vehicle-identifier-info-header"},a("span",{class:"vehicle-info-header-segment capitalize"},this.stockNumber()),a("span",{class:"vehicle-info-header-segment capitalize"},this.vin()),a("span",{class:"vehicle-info-header-segment"},this.daysInInventory()),a("span",{class:"vehicle-info-header-segment"},this.mileage()))),a("div",{class:"vehicle-data-container"},a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Body"),a("p",{class:"segment-value"},this.body())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Color"),a("p",{class:"segment-value"},this.exteriorColor())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Int. Color"),a("p",{class:"segment-value"},this.interiorColor())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Drive Train"),a("p",{class:"segment-value"},this.driveTrain())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Engine"),a("p",{class:"segment-value"},this.engine())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Transmission"),a("p",{class:"segment-value"},this.transmission()))))]}};t.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,t as gauge_page_header}