gauge-page-header 0.0.428 → 0.0.429

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

@@ -2,119 +2,119 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae56656.js');
+const index = require('./index-7b8a2e69.js');
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
 
 const url = 'https://eswat2.dev';
 const who = 'eswat2';
 const pawIcon = ({ hex = 'currentColor', size = 24 }) => {
-  return (index.h("svg", { width: size, height: size, viewBox: "0 0 24 24" }, index.h("g", { fill: hex }, index.h("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" })), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
+    return (index.h("svg", { width: size, height: size, viewBox: "0 0 24 24" }, index.h("g", { fill: hex }, index.h("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" })), index.h("path", { d: "M0 0h24v24H0z", fill: "none" })));
 };
 const Eswat2Io = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
+    }
 };
 Eswat2Io.style = eswat2IoCss;
 
 const copyToClipboard = (text) => {
-  if (!navigator.clipboard) {
-    // Clipboard API not available
-    return;
-  }
-  try {
-    navigator.clipboard.writeText(text);
-  }
-  catch (err) {
-    console.error('Failed to copy!', err);
-  }
+    if (!navigator.clipboard) {
+        // Clipboard API not available
+        return;
+    }
+    try {
+        navigator.clipboard.writeText(text);
+    }
+    catch (err) {
+        console.error('Failed to copy!', err);
+    }
 };
 
 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 GaugePageHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.vehicleInfo = undefined;
-  }
-  yearMakeModel() {
-    const { ModelYear, Make, Model } = this.vehicleInfo || {
-      ModelYear: 2020,
-      Make: '-',
-      Model: '-',
-    };
-    return `${ModelYear} ${Make} ${Model}`;
-  }
-  isCertified() {
-    const { IsCertified } = this.vehicleInfo || { IsCertified: false };
-    return IsCertified;
-  }
-  isRetail() {
-    const { RetailWholesale } = this.vehicleInfo || { RetailWholesale: 'R' };
-    return RetailWholesale === 'R';
-  }
-  isNew() {
-    const { NewUsed } = this.vehicleInfo || { NewUsed: 'N' };
-    return NewUsed === 'N';
-  }
-  stockNumber() {
-    const { StockNumber } = this.vehicleInfo || { StockNumber: '-' };
-    return StockNumber;
-  }
-  vin() {
-    const { Vin } = this.vehicleInfo || { Vin: '-' };
-    return Vin;
-  }
-  daysInInventory() {
-    const { DaysInInventory } = this.vehicleInfo || { DaysInInventory: 0 };
-    return `${DaysInInventory} Days`;
-  }
-  mileage() {
-    const { Odometer } = this.vehicleInfo || { Odometer: 0 };
-    const label = Intl.NumberFormat().format(Odometer);
-    return `${label} mi`;
-  }
-  body() {
-    const { BodyDescription } = this.vehicleInfo || { BodyDescription: '-' };
-    return BodyDescription;
-  }
-  exteriorColor() {
-    const { ExteriorColor } = this.vehicleInfo || { ExteriorColor: '-' };
-    return ExteriorColor;
-  }
-  interiorColor() {
-    const { InteriorColor } = this.vehicleInfo || { InteriorColor: '-' };
-    return InteriorColor;
-  }
-  driveTrain() {
-    const { DriveTrainType } = this.vehicleInfo || { DriveTrainType: '-' };
-    return DriveTrainType;
-  }
-  engine() {
-    const { EngineDescription } = this.vehicleInfo || {
-      EngineDescription: '-',
-    };
-    return EngineDescription;
-  }
-  transmission() {
-    const { TransmissionDescription } = this.vehicleInfo || {
-      TransmissionDescription: '- ',
-    };
-    return TransmissionDescription;
-  }
-  render() {
-    var disposition = '';
-    if (!this.isNew()) {
-      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())))),
-    ];
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.vehicleInfo = undefined;
+    }
+    yearMakeModel() {
+        const { ModelYear, Make, Model } = this.vehicleInfo || {
+            ModelYear: 2020,
+            Make: '-',
+            Model: '-',
+        };
+        return `${ModelYear} ${Make} ${Model}`;
+    }
+    isCertified() {
+        const { IsCertified } = this.vehicleInfo || { IsCertified: false };
+        return IsCertified;
+    }
+    isRetail() {
+        const { RetailWholesale } = this.vehicleInfo || { RetailWholesale: 'R' };
+        return RetailWholesale === 'R';
+    }
+    isNew() {
+        const { NewUsed } = this.vehicleInfo || { NewUsed: 'N' };
+        return NewUsed === 'N';
+    }
+    stockNumber() {
+        const { StockNumber } = this.vehicleInfo || { StockNumber: '-' };
+        return StockNumber;
+    }
+    vin() {
+        const { Vin } = this.vehicleInfo || { Vin: '-' };
+        return Vin;
+    }
+    daysInInventory() {
+        const { DaysInInventory } = this.vehicleInfo || { DaysInInventory: 0 };
+        return `${DaysInInventory} Days`;
+    }
+    mileage() {
+        const { Odometer } = this.vehicleInfo || { Odometer: 0 };
+        const label = Intl.NumberFormat().format(Odometer);
+        return `${label} mi`;
+    }
+    body() {
+        const { BodyDescription } = this.vehicleInfo || { BodyDescription: '-' };
+        return BodyDescription;
+    }
+    exteriorColor() {
+        const { ExteriorColor } = this.vehicleInfo || { ExteriorColor: '-' };
+        return ExteriorColor;
+    }
+    interiorColor() {
+        const { InteriorColor } = this.vehicleInfo || { InteriorColor: '-' };
+        return InteriorColor;
+    }
+    driveTrain() {
+        const { DriveTrainType } = this.vehicleInfo || { DriveTrainType: '-' };
+        return DriveTrainType;
+    }
+    engine() {
+        const { EngineDescription } = this.vehicleInfo || {
+            EngineDescription: '-',
+        };
+        return EngineDescription;
+    }
+    transmission() {
+        const { TransmissionDescription } = this.vehicleInfo || {
+            TransmissionDescription: '- ',
+        };
+        return TransmissionDescription;
+    }
+    render() {
+        var disposition = '';
+        if (!this.isNew()) {
+            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())))),
+        ];
+    }
 };
 GaugePageHeader.style = gaugePageHeaderCss;
 

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

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

@@ -405,7 +405,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                         elm[memberName] = newValue;
                     }
                 }
-                catch (e) { }
+                catch (e) {
+                    /**
+                     * in case someone tries to set a read-only property, e.g. "namespaceURI", we just ignore it
+                     */
+                }
             }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
@@ -424,6 +428,11 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     }
 };
 const parseClassListRegex = /\s/;
+/**
+ * Parsed a string of classnames into an array
+ * @param value className string, e.g. "foo bar baz"
+ * @returns list of classes, e.g. ["foo", "bar", "baz"]
+ */
 const parseClassList = (value) => (!value ? [] : value.split(parseClassListRegex));
 const CAPTURE_EVENT_SUFFIX = 'Capture';
 const CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + '$');
@@ -1122,10 +1131,10 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  * @returns a reference to the same constructor passed in (but now mutated)
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
+    const prototype = Cstr.prototype;
     if (cmpMeta.$members$) {
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
-        const prototype = Cstr.prototype;
         members.map(([memberName, [memberFlags]]) => {
             if ((memberFlags & 31 /* MEMBER_FLAGS.Prop */ ||
                     ((flags & 2 /* PROXY_FLAGS.proxyState */) && memberFlags & 32 /* MEMBER_FLAGS.State */))) {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-bae56656.js');
+const index = require('./index-7b8a2e69.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.7.2",
+    "version": "4.8.0",
     "typescriptVersion": "5.2.2"
   },
   "collections": [],

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

@@ -2,22 +2,22 @@ import { h } from "@stencil/core";
 const url = 'https://eswat2.dev';
 const who = 'eswat2';
 const pawIcon = ({ hex = 'currentColor', size = 24 }) => {
-  return (h("svg", { width: size, height: size, viewBox: "0 0 24 24" }, h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
+    return (h("svg", { width: size, height: size, viewBox: "0 0 24 24" }, h("g", { fill: hex }, h("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" })), h("path", { d: "M0 0h24v24H0z", fill: "none" })));
 };
 export class Eswat2Io {
-  render() {
-    return (h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
-  }
-  static get is() { return "eswat2-io"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["./eswat2-io.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["eswat2-io.css"]
-    };
-  }
+    render() {
+        return (h("a", { href: url, "aria-label": who, title: who }, pawIcon({})));
+    }
+    static get is() { return "eswat2-io"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./eswat2-io.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["eswat2-io.css"]
+        };
+    }
 }

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

@@ -1,118 +1,118 @@
 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,
-      Make: '-',
-      Model: '-',
-    };
-    return `${ModelYear} ${Make} ${Model}`;
-  }
-  isCertified() {
-    const { IsCertified } = this.vehicleInfo || { IsCertified: false };
-    return IsCertified;
-  }
-  isRetail() {
-    const { RetailWholesale } = this.vehicleInfo || { RetailWholesale: 'R' };
-    return RetailWholesale === 'R';
-  }
-  isNew() {
-    const { NewUsed } = this.vehicleInfo || { NewUsed: 'N' };
-    return NewUsed === 'N';
-  }
-  stockNumber() {
-    const { StockNumber } = this.vehicleInfo || { StockNumber: '-' };
-    return StockNumber;
-  }
-  vin() {
-    const { Vin } = this.vehicleInfo || { Vin: '-' };
-    return Vin;
-  }
-  daysInInventory() {
-    const { DaysInInventory } = this.vehicleInfo || { DaysInInventory: 0 };
-    return `${DaysInInventory} Days`;
-  }
-  mileage() {
-    const { Odometer } = this.vehicleInfo || { Odometer: 0 };
-    const label = Intl.NumberFormat().format(Odometer);
-    return `${label} mi`;
-  }
-  body() {
-    const { BodyDescription } = this.vehicleInfo || { BodyDescription: '-' };
-    return BodyDescription;
-  }
-  exteriorColor() {
-    const { ExteriorColor } = this.vehicleInfo || { ExteriorColor: '-' };
-    return ExteriorColor;
-  }
-  interiorColor() {
-    const { InteriorColor } = this.vehicleInfo || { InteriorColor: '-' };
-    return InteriorColor;
-  }
-  driveTrain() {
-    const { DriveTrainType } = this.vehicleInfo || { DriveTrainType: '-' };
-    return DriveTrainType;
-  }
-  engine() {
-    const { EngineDescription } = this.vehicleInfo || {
-      EngineDescription: '-',
-    };
-    return EngineDescription;
-  }
-  transmission() {
-    const { TransmissionDescription } = this.vehicleInfo || {
-      TransmissionDescription: '- ',
-    };
-    return TransmissionDescription;
-  }
-  render() {
-    var disposition = '';
-    if (!this.isNew()) {
-      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())))),
-    ];
-  }
-  static get is() { return "gauge-page-header"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gauge-page-header.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gauge-page-header.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "vehicleInfo": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "VehicleInfo",
-          "resolved": "VehicleInfo",
-          "references": {
-            "VehicleInfo": {
-              "location": "import",
-              "path": "../../typings",
-              "id": "src/typings/index.ts::VehicleInfo"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
+    constructor() {
+        this.vehicleInfo = undefined;
+    }
+    yearMakeModel() {
+        const { ModelYear, Make, Model } = this.vehicleInfo || {
+            ModelYear: 2020,
+            Make: '-',
+            Model: '-',
+        };
+        return `${ModelYear} ${Make} ${Model}`;
+    }
+    isCertified() {
+        const { IsCertified } = this.vehicleInfo || { IsCertified: false };
+        return IsCertified;
+    }
+    isRetail() {
+        const { RetailWholesale } = this.vehicleInfo || { RetailWholesale: 'R' };
+        return RetailWholesale === 'R';
+    }
+    isNew() {
+        const { NewUsed } = this.vehicleInfo || { NewUsed: 'N' };
+        return NewUsed === 'N';
+    }
+    stockNumber() {
+        const { StockNumber } = this.vehicleInfo || { StockNumber: '-' };
+        return StockNumber;
+    }
+    vin() {
+        const { Vin } = this.vehicleInfo || { Vin: '-' };
+        return Vin;
+    }
+    daysInInventory() {
+        const { DaysInInventory } = this.vehicleInfo || { DaysInInventory: 0 };
+        return `${DaysInInventory} Days`;
+    }
+    mileage() {
+        const { Odometer } = this.vehicleInfo || { Odometer: 0 };
+        const label = Intl.NumberFormat().format(Odometer);
+        return `${label} mi`;
+    }
+    body() {
+        const { BodyDescription } = this.vehicleInfo || { BodyDescription: '-' };
+        return BodyDescription;
+    }
+    exteriorColor() {
+        const { ExteriorColor } = this.vehicleInfo || { ExteriorColor: '-' };
+        return ExteriorColor;
+    }
+    interiorColor() {
+        const { InteriorColor } = this.vehicleInfo || { InteriorColor: '-' };
+        return InteriorColor;
+    }
+    driveTrain() {
+        const { DriveTrainType } = this.vehicleInfo || { DriveTrainType: '-' };
+        return DriveTrainType;
+    }
+    engine() {
+        const { EngineDescription } = this.vehicleInfo || {
+            EngineDescription: '-',
+        };
+        return EngineDescription;
+    }
+    transmission() {
+        const { TransmissionDescription } = this.vehicleInfo || {
+            TransmissionDescription: '- ',
+        };
+        return TransmissionDescription;
+    }
+    render() {
+        var disposition = '';
+        if (!this.isNew()) {
+            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())))),
+        ];
+    }
+    static get is() { return "gauge-page-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gauge-page-header.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gauge-page-header.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "vehicleInfo": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "VehicleInfo",
+                    "resolved": "VehicleInfo",
+                    "references": {
+                        "VehicleInfo": {
+                            "location": "import",
+                            "path": "../../typings",
+                            "id": "src/typings/index.ts::VehicleInfo"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
 }

package/dist/collection/utils/copy-to-clipboard.js

@@ -1,14 +1,14 @@
 const copyToClipboard = (text) => {
-  if (!navigator.clipboard) {
-    // Clipboard API not available
-    return;
-  }
-  try {
-    navigator.clipboard.writeText(text);
-  }
-  catch (err) {
-    console.error('Failed to copy!', err);
-  }
+    if (!navigator.clipboard) {
+        // Clipboard API not available
+        return;
+    }
+    try {
+        navigator.clipboard.writeText(text);
+    }
+    catch (err) {
+        console.error('Failed to copy!', err);
+    }
 };
 export { copyToClipboard };
 export default copyToClipboard;