gauge-page-header 0.1.65 → 0.1.67
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 +5 -5
- package/dist/cjs/gauge-page-header.cjs.js +2 -2
- package/dist/cjs/{index-CjGGmk4L.js → index-BwarLvS0.js} +8 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/components/eswat2-io2.js +5 -5
- package/dist/components/gauge-page-header.js +6 -6
- package/dist/esm/eswat2-io_2.entry.js +5 -5
- package/dist/esm/gauge-page-header.js +3 -3
- package/dist/esm/{index-B_Q6AaD_.js → index-BkNnc5lO.js} +8 -2
- package/dist/esm/loader.js +2 -2
- package/dist/gauge-page-header/gauge-page-header.esm.js +1 -1
- package/dist/gauge-page-header/{p-df84304b.entry.js → p-8eaa5cd7.entry.js} +1 -1
- package/dist/types/stencil-public-runtime.d.ts +43 -0
- package/package.json +3 -3
- /package/dist/gauge-page-header/{p-B_Q6AaD_.js → p-BkNnc5lO.js} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BwarLvS0.js');
|
|
4
4
|
|
|
5
|
-
const eswat2IoCss =
|
|
5
|
+
const eswat2IoCss = () => `a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}`;
|
|
6
6
|
|
|
7
7
|
const url = 'https://eswat2.dev';
|
|
8
8
|
const who = 'eswat2';
|
|
@@ -17,7 +17,7 @@ const Eswat2Io = class {
|
|
|
17
17
|
return (index.h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
|
-
Eswat2Io.style = eswat2IoCss;
|
|
20
|
+
Eswat2Io.style = eswat2IoCss();
|
|
21
21
|
|
|
22
22
|
const copyToClipboard = (text) => {
|
|
23
23
|
if (!navigator.clipboard) {
|
|
@@ -32,7 +32,7 @@ const copyToClipboard = (text) => {
|
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
const gaugePageHeaderCss =
|
|
35
|
+
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}`;
|
|
36
36
|
|
|
37
37
|
const GaugePageHeader = class {
|
|
38
38
|
constructor(hostRef) {
|
|
@@ -113,7 +113,7 @@ const GaugePageHeader = class {
|
|
|
113
113
|
];
|
|
114
114
|
}
|
|
115
115
|
};
|
|
116
|
-
GaugePageHeader.style = gaugePageHeaderCss;
|
|
116
|
+
GaugePageHeader.style = gaugePageHeaderCss();
|
|
117
117
|
|
|
118
118
|
exports.eswat2_io = Eswat2Io;
|
|
119
119
|
exports.gauge_page_header = GaugePageHeader;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BwarLvS0.js');
|
|
4
4
|
var appGlobals = require('./app-globals-V2Kpy_OQ.js');
|
|
5
5
|
|
|
6
6
|
var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
|
|
7
7
|
/*
|
|
8
|
-
Stencil Client Patch Browser v4.
|
|
8
|
+
Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var patchBrowser = () => {
|
|
@@ -4,7 +4,7 @@ const NAMESPACE = 'gauge-page-header';
|
|
|
4
4
|
const BUILD = /* gauge-page-header */ { hydratedSelectorName: "hydrated", prop: true, propChangeCallback: false, updatable: true};
|
|
5
5
|
|
|
6
6
|
/*
|
|
7
|
-
Stencil Client Platform v4.
|
|
7
|
+
Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
8
8
|
*/
|
|
9
9
|
var __defProp = Object.defineProperty;
|
|
10
10
|
var __export = (target, all) => {
|
|
@@ -380,6 +380,9 @@ var attachStyles = (hostRef) => {
|
|
|
380
380
|
};
|
|
381
381
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
382
382
|
var h = (nodeName, vnodeData, ...children) => {
|
|
383
|
+
if (typeof nodeName === "string") {
|
|
384
|
+
nodeName = transformTag(nodeName);
|
|
385
|
+
}
|
|
383
386
|
let child = null;
|
|
384
387
|
let key = null;
|
|
385
388
|
let simple = false;
|
|
@@ -1259,7 +1262,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1259
1262
|
{
|
|
1260
1263
|
cmpMeta.$members$ = compactMeta[2];
|
|
1261
1264
|
}
|
|
1262
|
-
const tagName = cmpMeta.$tagName
|
|
1265
|
+
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1263
1266
|
const HostElement = class extends HTMLElement {
|
|
1264
1267
|
// StencilLazyHost
|
|
1265
1268
|
constructor(self) {
|
|
@@ -1360,6 +1363,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1360
1363
|
|
|
1361
1364
|
// src/runtime/nonce.ts
|
|
1362
1365
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1366
|
+
function transformTag(tag) {
|
|
1367
|
+
return tag;
|
|
1368
|
+
}
|
|
1363
1369
|
|
|
1364
1370
|
exports.bootstrapLazy = bootstrapLazy;
|
|
1365
1371
|
exports.h = h;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, transformTag } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const eswat2IoCss =
|
|
3
|
+
const eswat2IoCss = () => `a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}`;
|
|
4
4
|
|
|
5
5
|
const url = 'https://eswat2.dev';
|
|
6
6
|
const who = 'eswat2';
|
|
@@ -18,7 +18,7 @@ const Eswat2Io = /*@__PURE__*/ proxyCustomElement(class Eswat2Io extends HTMLEle
|
|
|
18
18
|
render() {
|
|
19
19
|
return (h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
|
|
20
20
|
}
|
|
21
|
-
static get style() { return eswat2IoCss; }
|
|
21
|
+
static get style() { return eswat2IoCss(); }
|
|
22
22
|
}, [257, "eswat2-io"]);
|
|
23
23
|
function defineCustomElement() {
|
|
24
24
|
if (typeof customElements === "undefined") {
|
|
@@ -27,8 +27,8 @@ function defineCustomElement() {
|
|
|
27
27
|
const components = ["eswat2-io"];
|
|
28
28
|
components.forEach(tagName => { switch (tagName) {
|
|
29
29
|
case "eswat2-io":
|
|
30
|
-
if (!customElements.get(tagName)) {
|
|
31
|
-
customElements.define(tagName, Eswat2Io);
|
|
30
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
31
|
+
customElements.define(transformTag(tagName), Eswat2Io);
|
|
32
32
|
}
|
|
33
33
|
break;
|
|
34
34
|
} });
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, transformTag } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './eswat2-io2.js';
|
|
3
3
|
|
|
4
4
|
const copyToClipboard = (text) => {
|
|
@@ -14,7 +14,7 @@ const copyToClipboard = (text) => {
|
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
const gaugePageHeaderCss =
|
|
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
18
|
|
|
19
19
|
const GaugePageHeader$1 = /*@__PURE__*/ proxyCustomElement(class GaugePageHeader extends HTMLElement {
|
|
20
20
|
constructor(registerHost) {
|
|
@@ -98,7 +98,7 @@ const GaugePageHeader$1 = /*@__PURE__*/ proxyCustomElement(class GaugePageHeader
|
|
|
98
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
99
|
];
|
|
100
100
|
}
|
|
101
|
-
static get style() { return gaugePageHeaderCss; }
|
|
101
|
+
static get style() { return gaugePageHeaderCss(); }
|
|
102
102
|
}, [257, "gauge-page-header", {
|
|
103
103
|
"vehicleInfo": [16]
|
|
104
104
|
}]);
|
|
@@ -109,12 +109,12 @@ function defineCustomElement$1() {
|
|
|
109
109
|
const components = ["gauge-page-header", "eswat2-io"];
|
|
110
110
|
components.forEach(tagName => { switch (tagName) {
|
|
111
111
|
case "gauge-page-header":
|
|
112
|
-
if (!customElements.get(tagName)) {
|
|
113
|
-
customElements.define(tagName, GaugePageHeader$1);
|
|
112
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
113
|
+
customElements.define(transformTag(tagName), GaugePageHeader$1);
|
|
114
114
|
}
|
|
115
115
|
break;
|
|
116
116
|
case "eswat2-io":
|
|
117
|
-
if (!customElements.get(tagName)) {
|
|
117
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
118
118
|
defineCustomElement$2();
|
|
119
119
|
}
|
|
120
120
|
break;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-BkNnc5lO.js';
|
|
2
2
|
|
|
3
|
-
const eswat2IoCss =
|
|
3
|
+
const eswat2IoCss = () => `a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}`;
|
|
4
4
|
|
|
5
5
|
const url = 'https://eswat2.dev';
|
|
6
6
|
const who = 'eswat2';
|
|
@@ -15,7 +15,7 @@ const Eswat2Io = class {
|
|
|
15
15
|
return (h("a", { key: '19b3032cee637162468f46d0adee024409fe18bf', href: url, "aria-label": who, title: who }, pawIcon({})));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
Eswat2Io.style = eswat2IoCss;
|
|
18
|
+
Eswat2Io.style = eswat2IoCss();
|
|
19
19
|
|
|
20
20
|
const copyToClipboard = (text) => {
|
|
21
21
|
if (!navigator.clipboard) {
|
|
@@ -30,7 +30,7 @@ const copyToClipboard = (text) => {
|
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
|
|
33
|
-
const gaugePageHeaderCss =
|
|
33
|
+
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}`;
|
|
34
34
|
|
|
35
35
|
const GaugePageHeader = class {
|
|
36
36
|
constructor(hostRef) {
|
|
@@ -111,6 +111,6 @@ const GaugePageHeader = class {
|
|
|
111
111
|
];
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
|
-
GaugePageHeader.style = gaugePageHeaderCss;
|
|
114
|
+
GaugePageHeader.style = gaugePageHeaderCss();
|
|
115
115
|
|
|
116
116
|
export { Eswat2Io as eswat2_io, GaugePageHeader as gauge_page_header };
|
|
@@ -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-BkNnc5lO.js';
|
|
2
|
+
export { s as setNonce } from './index-BkNnc5lO.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.39.0 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var patchBrowser = () => {
|
|
@@ -2,7 +2,7 @@ const NAMESPACE = 'gauge-page-header';
|
|
|
2
2
|
const BUILD = /* gauge-page-header */ { hydratedSelectorName: "hydrated", prop: true, propChangeCallback: false, updatable: true};
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -378,6 +378,9 @@ var attachStyles = (hostRef) => {
|
|
|
378
378
|
};
|
|
379
379
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
380
380
|
var h = (nodeName, vnodeData, ...children) => {
|
|
381
|
+
if (typeof nodeName === "string") {
|
|
382
|
+
nodeName = transformTag(nodeName);
|
|
383
|
+
}
|
|
381
384
|
let child = null;
|
|
382
385
|
let key = null;
|
|
383
386
|
let simple = false;
|
|
@@ -1257,7 +1260,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1257
1260
|
{
|
|
1258
1261
|
cmpMeta.$members$ = compactMeta[2];
|
|
1259
1262
|
}
|
|
1260
|
-
const tagName = cmpMeta.$tagName
|
|
1263
|
+
const tagName = transformTag(cmpMeta.$tagName$);
|
|
1261
1264
|
const HostElement = class extends HTMLElement {
|
|
1262
1265
|
// StencilLazyHost
|
|
1263
1266
|
constructor(self) {
|
|
@@ -1358,5 +1361,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1358
1361
|
|
|
1359
1362
|
// src/runtime/nonce.ts
|
|
1360
1363
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1364
|
+
function transformTag(tag) {
|
|
1365
|
+
return tag;
|
|
1366
|
+
}
|
|
1361
1367
|
|
|
1362
1368
|
export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-BkNnc5lO.js';
|
|
2
|
+
export { s as setNonce } from './index-BkNnc5lO.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,b as e}from"./p-
|
|
1
|
+
import{p as a,b as e}from"./p-BkNnc5lO.js";export{s as setNonce}from"./p-BkNnc5lO.js";import{g as o}from"./p-DQuL1Twl.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await o(),e([["p-8eaa5cd7",[[257,"gauge-page-header",{vehicleInfo:[16]}],[257,"eswat2-io"]]]],a))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as a}from"./p-
|
|
1
|
+
import{r as e,h as a}from"./p-BkNnc5lO.js";const r="eswat2",i=class{constructor(a){e(this,a)}render(){return a("a",{key:"19b3032cee637162468f46d0adee024409fe18bf",href:"https://eswat2.dev","aria-label":r,title:r},(({hex:e="currentColor",size:r=24})=>a("svg",{width:r,height:r,viewBox:"0 0 24 24"},a("g",{fill:e},a("path",{d:"M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25\n 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19\n 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61\n 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83\n 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79\n 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08\n 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77\n 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11\n 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57\n 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96\n 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44\n 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75\n 19.33,18.38Z"})),a("path",{d:"M0 0h24v24H0z",fill:"none"})))({}))}};i.style="a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";const s=e=>{if(navigator.clipboard)try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy!",e)}},c=class{constructor(a){e(this,a)}yearMakeModel(){const{ModelYear:e,Make:a,Model:r}=this.vehicleInfo||{ModelYear:2020,Make:"-",Model:"-"};return`${e} ${a} ${r}`}isCertified(){const{IsCertified:e}=this.vehicleInfo||{IsCertified:!1};return e}isRetail(){const{RetailWholesale:e}=this.vehicleInfo||{RetailWholesale:"R"};return"R"===e}isNew(){const{NewUsed:e}=this.vehicleInfo||{NewUsed:"N"};return"N"===e}stockNumber(){const{StockNumber:e}=this.vehicleInfo||{StockNumber:"-"};return e}vin(){const{Vin:e}=this.vehicleInfo||{Vin:"-"};return e}daysInInventory(){const{DaysInInventory:e}=this.vehicleInfo||{DaysInInventory:0};return`${e} Days`}mileage(){const{Odometer:e}=this.vehicleInfo||{Odometer:0};return`${Intl.NumberFormat().format(e)} mi`}body(){const{BodyDescription:e}=this.vehicleInfo||{BodyDescription:"-"};return e}exteriorColor(){const{ExteriorColor:e}=this.vehicleInfo||{ExteriorColor:"-"};return e}interiorColor(){const{InteriorColor:e}=this.vehicleInfo||{InteriorColor:"-"};return e}driveTrain(){const{DriveTrainType:e}=this.vehicleInfo||{DriveTrainType:"-"};return e}engine(){const{EngineDescription:e}=this.vehicleInfo||{EngineDescription:"-"};return e}transmission(){const{TransmissionDescription:e}=this.vehicleInfo||{TransmissionDescription:"- "};return e}render(){var e="";return this.isNew()||(e=this.isCertified()?a("span",{class:"certified badge"},a("span",{role:"label"},"Certified")):a("span",{class:"not-certified badge"},a("span",{role:"label"},"Not Certified"))),[a("div",{key:"0d991decd8f3decc5fed001f20690eaef654eeea",class:"gauge-page-header"},a("eswat2-io",{key:"79c472d52bd91b87dddbbaaa853c087b561cf5ba"}),a("div",{key:"f8525320a5f1e2f9b155d62667d4de85ed290032",class:"year-make-model-container",onClick:()=>s(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},a("h1",{key:"185f78d4dbbbbb20850a520d4fd54acb18f25f9d",id:"year-make-model-header"},this.yearMakeModel()),a("span",{key:"960fdd7f015ad694464372f051ef1726c8a71ed2",class:"badge-set-container"},e,this.isRetail()?a("span",{class:"retail badge"},a("span",{role:"label"},"Retail")):a("span",{class:"wholesale badge"},a("span",{role:"label"},"Wholesale")))),a("div",{key:"0ae3adab71009085cb486c1c65dcdb4aaaa55ce6",class:"vehicle-identifier-info-container",onClick:()=>s(this.vin()),title:"Click to Copy VIN"},a("h4",{key:"a30f061c401340b209fca53ac65d36db175eb45c",id:"vehicle-identifier-info-header"},a("span",{key:"e94b11522a40108e0b99c480eff9d9e78aec470b",class:"vehicle-info-header-segment capitalize"},this.stockNumber()),a("span",{key:"dadb1cfd52b87784a948f45f77f13963a35707ed",class:"vehicle-info-header-segment capitalize"},this.vin()),a("span",{key:"139955772a602590e5bbcec354b894921e5a592b",class:"vehicle-info-header-segment"},this.daysInInventory()),a("span",{key:"e2f7c14a8f5c1cad99e7821c20d5d053fa2abf6e",class:"vehicle-info-header-segment"},this.mileage()))),a("div",{key:"07394b4a1806ab3ccc9c2c454a0c4d9bf49d0413",class:"vehicle-data-container"},a("div",{key:"c8f377e4884b0cae8a32cdd3ceecd653c2372bfb",class:"vehicle-info-segment"},a("h4",{key:"9e2f6f3220f3b7d58993be4c085dd6c2d83bc5c4",class:"segment-heading"},"Body"),a("p",{key:"f738ba1e1c74287c20b1db6efc3b7fd4dc0eae6d",class:"segment-value"},this.body())),a("div",{key:"60c883e9d2a202f565e55de9de7f1ecbfd6883b1",class:"vehicle-info-segment"},a("h4",{key:"b764d8ad6418a96eb7ec6f20d6e8e497da48e7fa",class:"segment-heading"},"Color"),a("p",{key:"3b77c23c478c96e77c0e07ade7272077503e9f82",class:"segment-value"},this.exteriorColor())),a("div",{key:"4a705ee722143b8660eb839f71f39921c22672a4",class:"vehicle-info-segment"},a("h4",{key:"612d6888563cb44fc88e6fea22a784f64935f9e0",class:"segment-heading"},"Int. Color"),a("p",{key:"9b51b24a0ebc2b4b3200e9a554047e4d3e9054d4",class:"segment-value"},this.interiorColor())),a("div",{key:"b68e17bd9efdb425f813ee9b94d2baf1e76ed1c0",class:"vehicle-info-segment"},a("h4",{key:"417d55c72032105115ece2f3aefe076be95ea80b",class:"segment-heading"},"Drive Train"),a("p",{key:"3b6ea726618ed8f84a39ffea0c75a85864f196a1",class:"segment-value"},this.driveTrain())),a("div",{key:"f12082fe6244ecc9f6cc3c02f9b035b1498fa04a",class:"vehicle-info-segment"},a("h4",{key:"27b4d35b5aed5054f6e7d68ee925425b7035bfb8",class:"segment-heading"},"Engine"),a("p",{key:"b8e4ca5e24ccdd1394ac4e149ae2c0771fca2ab7",class:"segment-value"},this.engine())),a("div",{key:"4abfe41c388cd113421c5eec4d444aa6db3f5676",class:"vehicle-info-segment"},a("h4",{key:"04d369b5fd240d3f38716379d46fd8b6103e32f4",class:"segment-heading"},"Transmission"),a("p",{key:"421e0ac28eabf1d2bd575c4b12e9f48b8342f892",class:"segment-value"},this.transmission()))))]}};c.style=":host{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.gauge-page-header{padding:0 5px;display:flex;flex-direction:column;color:var(--clrs-navy)}.gauge-page-header *{font-family:'Roboto'}.gauge-page-header .year-make-model-container{height:35px;display:flex;align-items:center}.gauge-page-header #year-make-model-header{font-size:32px;font-weight:500;margin-left:0}.gauge-page-header .vehicle-identifier-info-container{height:30px;margin-bottom:5px;}.gauge-page-header #vehicle-identifier-info-header{font-weight:400;margin-top:8px}.gauge-page-header .vehicle-info-header-segment{margin-right:1em}.gauge-page-header .vehicle-info-header-segment.capitalize{text-transform:uppercase}.gauge-page-header .vehicle-info-header-segment:not(:last-child):after{padding-left:1em;content:'|'}.gauge-page-header .vehicle-info-segment{float:left;margin-right:30px;font-size:14px}.gauge-page-header .vehicle-data-container{display:flex;flex-direction:row}.gauge-page-header .segment-heading{color:var(--clrs-slate);font-size:14px;font-weight:400;margin-bottom:4px}.gauge-page-header .segment-value{margin-top:0;font-weight:400}.gauge-page-header .badge-set-container{display:flex;padding-left:8px}.gauge-page-header .badge{display:flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 10px;font-size:12px;border-radius:1em;font-weight:600;border:solid 1px;}.gauge-page-header .badge.certified{background-color:#f9fffb;border-color:#5ebb47}.gauge-page-header .badge.certified [role='label']{color:#008629}.gauge-page-header .badge.not-certified{border-color:#46576f}.gauge-page-header .badge.not-certified [role='label']{color:#46576f}.gauge-page-header .badge.retail{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.retail [role='label']{color:#0576b3}.gauge-page-header .badge.wholesale{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.wholesale [role='label']{color:#0576b3}";export{i as eswat2_io,c as gauge_page_header}
|
|
@@ -125,6 +125,9 @@ export interface AttachInternalsDecorator {
|
|
|
125
125
|
export interface ListenDecorator {
|
|
126
126
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
127
127
|
}
|
|
128
|
+
export interface ResolveVarFunction {
|
|
129
|
+
<T>(variable: T): string;
|
|
130
|
+
}
|
|
128
131
|
export interface ListenOptions {
|
|
129
132
|
/**
|
|
130
133
|
* Handlers can also be registered for an event other than the host itself.
|
|
@@ -208,6 +211,24 @@ export declare const AttachInternals: AttachInternalsDecorator;
|
|
|
208
211
|
* https://stenciljs.com/docs/events#listen-decorator
|
|
209
212
|
*/
|
|
210
213
|
export declare const Listen: ListenDecorator;
|
|
214
|
+
/**
|
|
215
|
+
* The `resolveVar()` function is a compile-time utility that resolves const variables
|
|
216
|
+
* and object properties to their string literal values. This allows variables to be
|
|
217
|
+
* used in `@Listen` and `@Event` decorators instead of hardcoded strings.
|
|
218
|
+
*
|
|
219
|
+
* @example
|
|
220
|
+
* ```ts
|
|
221
|
+
* const MY_EVENT = 'myEvent';
|
|
222
|
+
* @Listen(resolveVar(MY_EVENT))
|
|
223
|
+
* ```
|
|
224
|
+
*
|
|
225
|
+
* @example
|
|
226
|
+
* ```ts
|
|
227
|
+
* const EVENTS = { MY_EVENT: 'myEvent' } as const;
|
|
228
|
+
* @Event({ eventName: resolveVar(EVENTS.MY_EVENT) })
|
|
229
|
+
* ```
|
|
230
|
+
*/
|
|
231
|
+
export declare const resolveVar: ResolveVarFunction;
|
|
211
232
|
/**
|
|
212
233
|
* The `@Method()` decorator is used to expose methods on the public API.
|
|
213
234
|
* Class methods decorated with the @Method() decorator can be called directly
|
|
@@ -365,6 +386,27 @@ export declare function readTask(task: RafCallback): void;
|
|
|
365
386
|
* Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
|
|
366
387
|
*/
|
|
367
388
|
export declare const setErrorHandler: (handler: ErrorHandler) => void;
|
|
389
|
+
export type TagTransformer = (tag: string) => string;
|
|
390
|
+
/**
|
|
391
|
+
* Sets a tag transformer to be used when rendering your custom elements.
|
|
392
|
+
* ```ts
|
|
393
|
+
* setTagTransformer((tag) => {
|
|
394
|
+
* if (tag.startsWith('my-')) return `new-${tag}`
|
|
395
|
+
* return tag;
|
|
396
|
+
* });
|
|
397
|
+
* ```
|
|
398
|
+
* Will mean all your components that start with `my-` are defined instead with `new-my-` prefix.
|
|
399
|
+
*
|
|
400
|
+
* @param transformer the transformer function to use which must return a string.
|
|
401
|
+
*/
|
|
402
|
+
export declare function setTagTransformer(transformer: TagTransformer): void;
|
|
403
|
+
/**
|
|
404
|
+
* Transforms a tag name using a transformer set via `setTagTransformer`
|
|
405
|
+
*
|
|
406
|
+
* @param tag - the tag to transform e.g. `my-tag`
|
|
407
|
+
* @returns the transformed tag e.g. `new-my-tag`
|
|
408
|
+
*/
|
|
409
|
+
export declare function transformTag(tag: string): string;
|
|
368
410
|
/**
|
|
369
411
|
* @deprecated - Use `MixedInCtor` instead:
|
|
370
412
|
* ```ts
|
|
@@ -1747,6 +1789,7 @@ export interface CustomElementsDefineOptions {
|
|
|
1747
1789
|
exclude?: string[];
|
|
1748
1790
|
resourcesUrl?: string;
|
|
1749
1791
|
syncQueue?: boolean;
|
|
1792
|
+
/** @deprecated in-favour of `setTagTransformer` and `transformTag` */
|
|
1750
1793
|
transformTagName?: (tagName: string) => string;
|
|
1751
1794
|
jmp?: (c: Function) => any;
|
|
1752
1795
|
raf?: (c: FrameRequestCallback) => number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gauge-page-header",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.67",
|
|
4
4
|
"description": "Stencil Component Starter",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
"format": "prettier --write src"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@stencil/core": "4.
|
|
27
|
+
"@stencil/core": "4.39.0"
|
|
28
28
|
},
|
|
29
29
|
"license": "MIT",
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"cspell": "9.4.0",
|
|
32
32
|
"eslint": "9.39.1",
|
|
33
|
-
"prettier": "3.7.
|
|
33
|
+
"prettier": "3.7.4",
|
|
34
34
|
"typescript": "5.9.3"
|
|
35
35
|
},
|
|
36
36
|
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
|
|
File without changes
|