gauge-page-header 0.1.67 → 0.1.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/eswat2-io_2.cjs.entry.js +1 -1
- package/dist/cjs/gauge-page-header.cjs.js +3 -3
- package/dist/cjs/index-8xYbEHC-.js +2988 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/components/eswat2-io.js +1 -6
- package/dist/components/eswat2-io2.js +1 -37
- package/dist/components/gauge-page-header.js +1 -127
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/esm/eswat2-io_2.entry.js +1 -1
- package/dist/esm/gauge-page-header.js +4 -4
- package/dist/esm/index-C1j7U74U.js +2982 -0
- package/dist/esm/loader.js +3 -3
- package/dist/gauge-page-header/gauge-page-header.esm.js +1 -1
- package/dist/gauge-page-header/p-C1j7U74U.js +2 -0
- package/dist/gauge-page-header/{p-8eaa5cd7.entry.js → p-f683ab77.entry.js} +1 -1
- package/dist/types/stencil-public-runtime.d.ts +14 -3
- package/package.json +3 -3
- package/dist/cjs/index-BwarLvS0.js +0 -1374
- package/dist/esm/index-BkNnc5lO.js +0 -1368
- package/dist/gauge-page-header/p-BkNnc5lO.js +0 -2
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-8xYbEHC-.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await appGlobals.globalScripts();
|
|
9
|
-
return index.bootstrapLazy([["eswat2-io_2.cjs",[[
|
|
9
|
+
return index.bootstrapLazy([["eswat2-io_2.cjs",[[1,"gauge-page-header",{"vehicleInfo":[16]}],[1,"eswat2-io"]]]], options);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.setNonce = index.setNonce;
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const Eswat2Io = Eswat2Io$1;
|
|
4
|
-
const defineCustomElement = defineCustomElement$1;
|
|
5
|
-
|
|
6
|
-
export { Eswat2Io, defineCustomElement };
|
|
1
|
+
import{E as o,d as s}from"./eswat2-io2.js";const t=o,a=s;export{t as Eswat2Io,a as defineCustomElement}
|
|
@@ -1,37 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
const eswat2IoCss = () => `a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}`;
|
|
4
|
-
|
|
5
|
-
const url = 'https://eswat2.dev';
|
|
6
|
-
const who = 'eswat2';
|
|
7
|
-
const pawIcon = ({ hex = 'currentColor', size = 24 }) => {
|
|
8
|
-
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" })));
|
|
9
|
-
};
|
|
10
|
-
const Eswat2Io = /*@__PURE__*/ proxyCustomElement(class Eswat2Io extends HTMLElement {
|
|
11
|
-
constructor(registerHost) {
|
|
12
|
-
super();
|
|
13
|
-
if (registerHost !== false) {
|
|
14
|
-
this.__registerHost();
|
|
15
|
-
}
|
|
16
|
-
this.__attachShadow();
|
|
17
|
-
}
|
|
18
|
-
render() {
|
|
19
|
-
return (h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
|
|
20
|
-
}
|
|
21
|
-
static get style() { return eswat2IoCss(); }
|
|
22
|
-
}, [257, "eswat2-io"]);
|
|
23
|
-
function defineCustomElement() {
|
|
24
|
-
if (typeof customElements === "undefined") {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
const components = ["eswat2-io"];
|
|
28
|
-
components.forEach(tagName => { switch (tagName) {
|
|
29
|
-
case "eswat2-io":
|
|
30
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
31
|
-
customElements.define(transformTag(tagName), Eswat2Io);
|
|
32
|
-
}
|
|
33
|
-
break;
|
|
34
|
-
} });
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export { Eswat2Io as E, defineCustomElement as d };
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as t,h as n,transformTag as s}from"@stencil/core/internal/client";const r="eswat2",o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n("a",{key:"19b3032cee637162468f46d0adee024409fe18bf",href:"https://eswat2.dev","aria-label":r,title:r},(({hex:e="currentColor",size:t=24})=>n("svg",{width:t,height:t,viewBox:"0 0 24 24"},n("g",{fill:e},n("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"})),n("path",{d:"M0 0h24v24H0z",fill:"none"})))({}))}static get style(){return"a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}"}},[1,"eswat2-io"]);function C(){"undefined"!=typeof customElements&&["eswat2-io"].forEach((e=>{"eswat2-io"===e&&(customElements.get(s(e))||customElements.define(s(e),o))}))}export{o as E,C as d}
|
|
@@ -1,127 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { d as defineCustomElement$2 } from './eswat2-io2.js';
|
|
3
|
-
|
|
4
|
-
const copyToClipboard = (text) => {
|
|
5
|
-
if (!navigator.clipboard) {
|
|
6
|
-
// Clipboard API not available
|
|
7
|
-
return;
|
|
8
|
-
}
|
|
9
|
-
try {
|
|
10
|
-
navigator.clipboard.writeText(text);
|
|
11
|
-
}
|
|
12
|
-
catch (err) {
|
|
13
|
-
console.error('Failed to copy!', err);
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
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}`;
|
|
18
|
-
|
|
19
|
-
const GaugePageHeader$1 = /*@__PURE__*/ proxyCustomElement(class GaugePageHeader extends HTMLElement {
|
|
20
|
-
constructor(registerHost) {
|
|
21
|
-
super();
|
|
22
|
-
if (registerHost !== false) {
|
|
23
|
-
this.__registerHost();
|
|
24
|
-
}
|
|
25
|
-
this.__attachShadow();
|
|
26
|
-
}
|
|
27
|
-
yearMakeModel() {
|
|
28
|
-
const { ModelYear, Make, Model } = this.vehicleInfo || {
|
|
29
|
-
ModelYear: 2020,
|
|
30
|
-
Make: '-',
|
|
31
|
-
Model: '-',
|
|
32
|
-
};
|
|
33
|
-
return `${ModelYear} ${Make} ${Model}`;
|
|
34
|
-
}
|
|
35
|
-
isCertified() {
|
|
36
|
-
const { IsCertified } = this.vehicleInfo || { IsCertified: false };
|
|
37
|
-
return IsCertified;
|
|
38
|
-
}
|
|
39
|
-
isRetail() {
|
|
40
|
-
const { RetailWholesale } = this.vehicleInfo || { RetailWholesale: 'R' };
|
|
41
|
-
return RetailWholesale === 'R';
|
|
42
|
-
}
|
|
43
|
-
isNew() {
|
|
44
|
-
const { NewUsed } = this.vehicleInfo || { NewUsed: 'N' };
|
|
45
|
-
return NewUsed === 'N';
|
|
46
|
-
}
|
|
47
|
-
stockNumber() {
|
|
48
|
-
const { StockNumber } = this.vehicleInfo || { StockNumber: '-' };
|
|
49
|
-
return StockNumber;
|
|
50
|
-
}
|
|
51
|
-
vin() {
|
|
52
|
-
const { Vin } = this.vehicleInfo || { Vin: '-' };
|
|
53
|
-
return Vin;
|
|
54
|
-
}
|
|
55
|
-
daysInInventory() {
|
|
56
|
-
const { DaysInInventory } = this.vehicleInfo || { DaysInInventory: 0 };
|
|
57
|
-
return `${DaysInInventory} Days`;
|
|
58
|
-
}
|
|
59
|
-
mileage() {
|
|
60
|
-
const { Odometer } = this.vehicleInfo || { Odometer: 0 };
|
|
61
|
-
const label = Intl.NumberFormat().format(Odometer);
|
|
62
|
-
return `${label} mi`;
|
|
63
|
-
}
|
|
64
|
-
body() {
|
|
65
|
-
const { BodyDescription } = this.vehicleInfo || { BodyDescription: '-' };
|
|
66
|
-
return BodyDescription;
|
|
67
|
-
}
|
|
68
|
-
exteriorColor() {
|
|
69
|
-
const { ExteriorColor } = this.vehicleInfo || { ExteriorColor: '-' };
|
|
70
|
-
return ExteriorColor;
|
|
71
|
-
}
|
|
72
|
-
interiorColor() {
|
|
73
|
-
const { InteriorColor } = this.vehicleInfo || { InteriorColor: '-' };
|
|
74
|
-
return InteriorColor;
|
|
75
|
-
}
|
|
76
|
-
driveTrain() {
|
|
77
|
-
const { DriveTrainType } = this.vehicleInfo || { DriveTrainType: '-' };
|
|
78
|
-
return DriveTrainType;
|
|
79
|
-
}
|
|
80
|
-
engine() {
|
|
81
|
-
const { EngineDescription } = this.vehicleInfo || {
|
|
82
|
-
EngineDescription: '-',
|
|
83
|
-
};
|
|
84
|
-
return EngineDescription;
|
|
85
|
-
}
|
|
86
|
-
transmission() {
|
|
87
|
-
const { TransmissionDescription } = this.vehicleInfo || {
|
|
88
|
-
TransmissionDescription: '- ',
|
|
89
|
-
};
|
|
90
|
-
return TransmissionDescription;
|
|
91
|
-
}
|
|
92
|
-
render() {
|
|
93
|
-
var disposition = '';
|
|
94
|
-
if (!this.isNew()) {
|
|
95
|
-
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")));
|
|
96
|
-
}
|
|
97
|
-
return [
|
|
98
|
-
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())))),
|
|
99
|
-
];
|
|
100
|
-
}
|
|
101
|
-
static get style() { return gaugePageHeaderCss(); }
|
|
102
|
-
}, [257, "gauge-page-header", {
|
|
103
|
-
"vehicleInfo": [16]
|
|
104
|
-
}]);
|
|
105
|
-
function defineCustomElement$1() {
|
|
106
|
-
if (typeof customElements === "undefined") {
|
|
107
|
-
return;
|
|
108
|
-
}
|
|
109
|
-
const components = ["gauge-page-header", "eswat2-io"];
|
|
110
|
-
components.forEach(tagName => { switch (tagName) {
|
|
111
|
-
case "gauge-page-header":
|
|
112
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
113
|
-
customElements.define(transformTag(tagName), GaugePageHeader$1);
|
|
114
|
-
}
|
|
115
|
-
break;
|
|
116
|
-
case "eswat2-io":
|
|
117
|
-
if (!customElements.get(transformTag(tagName))) {
|
|
118
|
-
defineCustomElement$2();
|
|
119
|
-
}
|
|
120
|
-
break;
|
|
121
|
-
} });
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
const GaugePageHeader = GaugePageHeader$1;
|
|
125
|
-
const defineCustomElement = defineCustomElement$1;
|
|
126
|
-
|
|
127
|
-
export { GaugePageHeader, defineCustomElement };
|
|
1
|
+
import{proxyCustomElement as e,HTMLElement as a,h as i,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./eswat2-io2.js";const c=e=>{if(navigator.clipboard)try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy!",e)}},t=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}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()?i("span",{class:"certified badge"},i("span",{role:"label"},"Certified")):i("span",{class:"not-certified badge"},i("span",{role:"label"},"Not Certified"))),[i("div",{key:"0d991decd8f3decc5fed001f20690eaef654eeea",class:"gauge-page-header"},i("eswat2-io",{key:"79c472d52bd91b87dddbbaaa853c087b561cf5ba"}),i("div",{key:"f8525320a5f1e2f9b155d62667d4de85ed290032",class:"year-make-model-container",onClick:()=>c(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},i("h1",{key:"185f78d4dbbbbb20850a520d4fd54acb18f25f9d",id:"year-make-model-header"},this.yearMakeModel()),i("span",{key:"960fdd7f015ad694464372f051ef1726c8a71ed2",class:"badge-set-container"},e,this.isRetail()?i("span",{class:"retail badge"},i("span",{role:"label"},"Retail")):i("span",{class:"wholesale badge"},i("span",{role:"label"},"Wholesale")))),i("div",{key:"0ae3adab71009085cb486c1c65dcdb4aaaa55ce6",class:"vehicle-identifier-info-container",onClick:()=>c(this.vin()),title:"Click to Copy VIN"},i("h4",{key:"a30f061c401340b209fca53ac65d36db175eb45c",id:"vehicle-identifier-info-header"},i("span",{key:"e94b11522a40108e0b99c480eff9d9e78aec470b",class:"vehicle-info-header-segment capitalize"},this.stockNumber()),i("span",{key:"dadb1cfd52b87784a948f45f77f13963a35707ed",class:"vehicle-info-header-segment capitalize"},this.vin()),i("span",{key:"139955772a602590e5bbcec354b894921e5a592b",class:"vehicle-info-header-segment"},this.daysInInventory()),i("span",{key:"e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e",class:"vehicle-info-header-segment"},this.mileage()))),i("div",{key:"07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413",class:"vehicle-data-container"},i("div",{key:"c8f377e4884b0cae8a32cdd3ceecd653c2372bfb",class:"vehicle-info-segment"},i("h4",{key:"9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4",class:"segment-heading"},"Body"),i("p",{key:"f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d",class:"segment-value"},this.body())),i("div",{key:"60c883e9d2a202f565e55de9de7f1ecbfd6883b1",class:"vehicle-info-segment"},i("h4",{key:"b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa",class:"segment-heading"},"Color"),i("p",{key:"3b77c23c478c96e77c0e07ade7272077503e9f82",class:"segment-value"},this.exteriorColor())),i("div",{key:"4a705ee722143b8660eb839f71f39921c22672a4",class:"vehicle-info-segment"},i("h4",{key:"612d6888563cb44fc88e6fea22a784f64935f9e0",class:"segment-heading"},"Int. Color"),i("p",{key:"9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4",class:"segment-value"},this.interiorColor())),i("div",{key:"b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0",class:"vehicle-info-segment"},i("h4",{key:"417d55c72032105115ece2f3aefe076be95ea80b",class:"segment-heading"},"Drive Train"),i("p",{key:"3b6ea726618ed8f84a39ffea0c75a85864f196a1",class:"segment-value"},this.driveTrain())),i("div",{key:"f12082fe6244ecc9f6cc3c02f9b035b1498fa04a",class:"vehicle-info-segment"},i("h4",{key:"27b4d35b5aed5054f6e7d68ee925425b7035bfb8",class:"segment-heading"},"Engine"),i("p",{key:"b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7",class:"segment-value"},this.engine())),i("div",{key:"4abfe41c388cd113421c5eec4d444aa6db3f5676",class:"vehicle-info-segment"},i("h4",{key:"04d369b5fd240d3f38716379d46fd8b6103e32f4",class:"segment-heading"},"Transmission"),i("p",{key:"421e0ac28eabf1d2bd575c4b12e9f48b8342f892",class:"segment-value"},this.transmission()))))]}static get style(){return":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}"}},[1,"gauge-page-header",{vehicleInfo:[16]}]),d=t,n=function(){"undefined"!=typeof customElements&&["gauge-page-header","eswat2-io"].forEach((e=>{switch(e){case"gauge-page-header":customElements.get(s(e))||customElements.define(s(e),t);break;case"eswat2-io":customElements.get(s(e))||r()}}))};export{d as GaugePageHeader,n as defineCustomElement}
|
|
@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
|
|
|
31
31
|
rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
|
|
32
32
|
}
|
|
33
33
|
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
|
|
34
|
+
|
|
35
|
+
export * from '../types';
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-C1j7U74U.js';
|
|
2
|
+
export { s as setNonce } from './index-C1j7U74U.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.40.0 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var patchBrowser = () => {
|
|
@@ -17,5 +17,5 @@ var patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(async (options) => {
|
|
19
19
|
await globalScripts();
|
|
20
|
-
return bootstrapLazy([["eswat2-io_2",[[
|
|
20
|
+
return bootstrapLazy([["eswat2-io_2",[[1,"gauge-page-header",{"vehicleInfo":[16]}],[1,"eswat2-io"]]]], options);
|
|
21
21
|
});
|