gauge-page-header 0.0.358 → 0.0.359

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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-09323b0f.js');
5
+ const index = require('./index-e5665209.js');
6
6
 
7
7
  const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
8
8
 
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-09323b0f.js');
5
+ const index = require('./index-e5665209.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchBrowser = () => {
11
11
  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));
@@ -138,6 +138,14 @@ const h = (nodeName, vnodeData, ...children) => {
138
138
  }
139
139
  return vnode;
140
140
  };
141
+ /**
142
+ * A utility function for creating a virtual DOM node from a tag and some
143
+ * possible text content.
144
+ *
145
+ * @param tag the tag for this element
146
+ * @param text possible text content for the node
147
+ * @returns a newly-minted virtual DOM node
148
+ */
141
149
  const newVNode = (tag, text) => {
142
150
  const vnode = {
143
151
  $flags$: 0,
@@ -152,6 +160,12 @@ const newVNode = (tag, text) => {
152
160
  return vnode;
153
161
  };
154
162
  const Host = {};
163
+ /**
164
+ * Check whether a given node is a Host node or not
165
+ *
166
+ * @param node the virtual DOM node to check
167
+ * @returns whether it's a Host node or not
168
+ */
155
169
  const isHost = (node) => node && node.$tag$ === Host;
156
170
  /**
157
171
  * Parse a new property value for a given property type.
@@ -456,6 +470,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
456
470
  }
457
471
  return elm;
458
472
  };
473
+ /**
474
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
475
+ * add them to the DOM in the appropriate place.
476
+ *
477
+ * @param parentElm the DOM node which should be used as a parent for the new
478
+ * DOM nodes
479
+ * @param before a child of the `parentElm` which the new children should be
480
+ * inserted before (optional)
481
+ * @param parentVNode the parent virtual DOM node
482
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
483
+ * @param startIdx the index in the child virtual DOM nodes at which to start
484
+ * creating DOM nodes (inclusive)
485
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
486
+ * creating DOM nodes (inclusive)
487
+ */
459
488
  const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
460
489
  let containerElm = (parentElm);
461
490
  let childNode;
@@ -472,6 +501,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
472
501
  }
473
502
  }
474
503
  };
504
+ /**
505
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
506
+ * This can be used to, for instance, clean up after a list of children which
507
+ * should no longer be shown.
508
+ *
509
+ * This function also handles some of Stencil's slot relocation logic.
510
+ *
511
+ * @param vnodes a list of virtual DOM nodes to remove
512
+ * @param startIdx the index at which to start removing nodes (inclusive)
513
+ * @param endIdx the index at which to stop removing nodes (inclusive)
514
+ * @param vnode a VNode
515
+ * @param elm an element
516
+ */
475
517
  const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
476
518
  for (; startIdx <= endIdx; ++startIdx) {
477
519
  if ((vnode = vnodes[startIdx])) {
@@ -663,7 +705,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
663
705
  *
664
706
  * So, in other words, if `key` attrs are not set on VNodes which may be
665
707
  * changing order within a `children` array or something along those lines then
666
- * we could obtain a false positive and then have to do needless re-rendering.
708
+ * we could obtain a false negative and then have to do needless re-rendering
709
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
667
710
  *
668
711
  * @param leftVNode the first VNode to check
669
712
  * @param rightVNode the second VNode to check
@@ -733,6 +776,18 @@ const patch = (oldVNode, newVNode) => {
733
776
  elm.data = text;
734
777
  }
735
778
  };
779
+ /**
780
+ * The main entry point for Stencil's virtual DOM-based rendering engine
781
+ *
782
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
783
+ * function will handle creating a virtual DOM tree with a single root, patching
784
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
785
+ * relocation, and reflecting attributes.
786
+ *
787
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
788
+ * the DOM node into which it should be rendered.
789
+ * @param renderFnResults the virtual DOM nodes to be rendered
790
+ */
736
791
  const renderVdom = (hostRef, renderFnResults) => {
737
792
  const hostElm = hostRef.$hostElement$;
738
793
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-09323b0f.js');
5
+ const index = require('./index-e5665209.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -5,7 +5,7 @@
5
5
  ],
6
6
  "compiler": {
7
7
  "name": "@stencil/core",
8
- "version": "2.22.1",
8
+ "version": "2.22.2",
9
9
  "typescriptVersion": "4.9.4"
10
10
  },
11
11
  "collections": [],
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-7ccefc8c.js';
1
+ import { r as registerInstance, h } from './index-afbcf569.js';
2
2
 
3
3
  const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
4
4
 
@@ -1,8 +1,8 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-7ccefc8c.js';
2
- export { s as setNonce } from './index-7ccefc8c.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-afbcf569.js';
2
+ export { s as setNonce } from './index-afbcf569.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Browser v2.22.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchBrowser = () => {
8
8
  const importMeta = import.meta.url;
@@ -116,6 +116,14 @@ const h = (nodeName, vnodeData, ...children) => {
116
116
  }
117
117
  return vnode;
118
118
  };
119
+ /**
120
+ * A utility function for creating a virtual DOM node from a tag and some
121
+ * possible text content.
122
+ *
123
+ * @param tag the tag for this element
124
+ * @param text possible text content for the node
125
+ * @returns a newly-minted virtual DOM node
126
+ */
119
127
  const newVNode = (tag, text) => {
120
128
  const vnode = {
121
129
  $flags$: 0,
@@ -130,6 +138,12 @@ const newVNode = (tag, text) => {
130
138
  return vnode;
131
139
  };
132
140
  const Host = {};
141
+ /**
142
+ * Check whether a given node is a Host node or not
143
+ *
144
+ * @param node the virtual DOM node to check
145
+ * @returns whether it's a Host node or not
146
+ */
133
147
  const isHost = (node) => node && node.$tag$ === Host;
134
148
  /**
135
149
  * Parse a new property value for a given property type.
@@ -434,6 +448,21 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
434
448
  }
435
449
  return elm;
436
450
  };
451
+ /**
452
+ * Create DOM nodes corresponding to a list of {@link d.Vnode} objects and
453
+ * add them to the DOM in the appropriate place.
454
+ *
455
+ * @param parentElm the DOM node which should be used as a parent for the new
456
+ * DOM nodes
457
+ * @param before a child of the `parentElm` which the new children should be
458
+ * inserted before (optional)
459
+ * @param parentVNode the parent virtual DOM node
460
+ * @param vnodes the new child virtual DOM nodes to produce DOM nodes for
461
+ * @param startIdx the index in the child virtual DOM nodes at which to start
462
+ * creating DOM nodes (inclusive)
463
+ * @param endIdx the index in the child virtual DOM nodes at which to stop
464
+ * creating DOM nodes (inclusive)
465
+ */
437
466
  const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
438
467
  let containerElm = (parentElm);
439
468
  let childNode;
@@ -450,6 +479,19 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
450
479
  }
451
480
  }
452
481
  };
482
+ /**
483
+ * Remove the DOM elements corresponding to a list of {@link d.VNode} objects.
484
+ * This can be used to, for instance, clean up after a list of children which
485
+ * should no longer be shown.
486
+ *
487
+ * This function also handles some of Stencil's slot relocation logic.
488
+ *
489
+ * @param vnodes a list of virtual DOM nodes to remove
490
+ * @param startIdx the index at which to start removing nodes (inclusive)
491
+ * @param endIdx the index at which to stop removing nodes (inclusive)
492
+ * @param vnode a VNode
493
+ * @param elm an element
494
+ */
453
495
  const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
454
496
  for (; startIdx <= endIdx; ++startIdx) {
455
497
  if ((vnode = vnodes[startIdx])) {
@@ -641,7 +683,8 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
641
683
  *
642
684
  * So, in other words, if `key` attrs are not set on VNodes which may be
643
685
  * changing order within a `children` array or something along those lines then
644
- * we could obtain a false positive and then have to do needless re-rendering.
686
+ * we could obtain a false negative and then have to do needless re-rendering
687
+ * (i.e. we'd say two VNodes aren't equal when in fact they should be).
645
688
  *
646
689
  * @param leftVNode the first VNode to check
647
690
  * @param rightVNode the second VNode to check
@@ -711,6 +754,18 @@ const patch = (oldVNode, newVNode) => {
711
754
  elm.data = text;
712
755
  }
713
756
  };
757
+ /**
758
+ * The main entry point for Stencil's virtual DOM-based rendering engine
759
+ *
760
+ * Given a {@link d.HostRef} container and some virtual DOM nodes, this
761
+ * function will handle creating a virtual DOM tree with a single root, patching
762
+ * the current virtual DOM tree onto an old one (if any), dealing with slot
763
+ * relocation, and reflecting attributes.
764
+ *
765
+ * @param hostRef data needed to root and render the virtual DOM tree, such as
766
+ * the DOM node into which it should be rendered.
767
+ * @param renderFnResults the virtual DOM nodes to be rendered
768
+ */
714
769
  const renderVdom = (hostRef, renderFnResults) => {
715
770
  const hostElm = hostRef.$hostElement$;
716
771
  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
@@ -1,8 +1,8 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-7ccefc8c.js';
2
- export { s as setNonce } from './index-7ccefc8c.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-afbcf569.js';
2
+ export { s as setNonce } from './index-afbcf569.js';
3
3
 
4
4
  /*
5
- Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com
5
+ Stencil Client Patch Esm v2.22.2 | MIT Licensed | https://stenciljs.com
6
6
  */
7
7
  const patchEsm = () => {
8
8
  return promiseResolve();
@@ -1 +1 @@
1
- import{p as e,b as o}from"./p-fbf49e46.js";export{s as setNonce}from"./p-fbf49e46.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-9c390ca3",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e)));
1
+ import{p as e,b as a}from"./p-87e402e4.js";export{s as setNonce}from"./p-87e402e4.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((e=>a([["p-6a1f634a",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e)));
@@ -1 +1 @@
1
- import{r as e,h as a}from"./p-fbf49e46.js";const i="eswat2",r=class{constructor(a){e(this,a)}render(){return a("a",{href:"https://eswat2.dev","aria-label":i,title:i},(({hex:e="currentColor",size:i=24})=>a("svg",{width:i,height:i,viewBox:"0 0 24 24"},a("g",{fill:e},a("path",{d:"M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25\n 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19\n 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61\n 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83\n 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79\n 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08\n 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77\n 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11\n 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57\n 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96\n 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44\n 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75\n 19.33,18.38Z"})),a("path",{d:"M0 0h24v24H0z",fill:"none"})))({}))}};r.style="a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";const s=e=>{if(navigator.clipboard)try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy!",e)}},t=class{constructor(a){e(this,a),this.vehicleInfo=void 0}yearMakeModel(){const{ModelYear:e,Make:a,Model:i}=this.vehicleInfo||{ModelYear:2020,Make:"-",Model:"-"};return`${e} ${a} ${i}`}isCertified(){const{IsCertified:e}=this.vehicleInfo||{IsCertified:!1};return e}isRetail(){const{RetailWholesale:e}=this.vehicleInfo||{RetailWholesale:"R"};return"R"===e}isNew(){const{NewUsed:e}=this.vehicleInfo||{NewUsed:"N"};return"N"===e}stockNumber(){const{StockNumber:e}=this.vehicleInfo||{StockNumber:"-"};return e}vin(){const{Vin:e}=this.vehicleInfo||{Vin:"-"};return e}daysInInventory(){const{DaysInInventory:e}=this.vehicleInfo||{DaysInInventory:0};return`${e} Days`}mileage(){const{Odometer:e}=this.vehicleInfo||{Odometer:0};return`${Intl.NumberFormat().format(e)} mi`}body(){const{BodyDescription:e}=this.vehicleInfo||{BodyDescription:"-"};return e}exteriorColor(){const{ExteriorColor:e}=this.vehicleInfo||{ExteriorColor:"-"};return e}interiorColor(){const{InteriorColor:e}=this.vehicleInfo||{InteriorColor:"-"};return e}driveTrain(){const{DriveTrainType:e}=this.vehicleInfo||{DriveTrainType:"-"};return e}engine(){const{EngineDescription:e}=this.vehicleInfo||{EngineDescription:"-"};return e}transmission(){const{TransmissionDescription:e}=this.vehicleInfo||{TransmissionDescription:"- "};return e}render(){var e="";return this.isNew()||(e=this.isCertified()?a("span",{class:"certified badge"},a("span",{role:"label"},"Certified")):a("span",{class:"not-certified badge"},a("span",{role:"label"},"Not Certified"))),[a("div",{class:"gauge-page-header"},a("eswat2-io",null),a("div",{class:"year-make-model-container",onClick:()=>s(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},a("h1",{id:"year-make-model-header"},this.yearMakeModel()),a("span",{class:"badge-set-container"},e,this.isRetail()?a("span",{class:"retail badge"},a("span",{role:"label"},"Retail")):a("span",{class:"wholesale badge"},a("span",{role:"label"},"Wholesale")))),a("div",{class:"vehicle-identifier-info-container",onClick:()=>s(this.vin()),title:"Click to Copy VIN"},a("h4",{id:"vehicle-identifier-info-header"},a("span",{class:"vehicle-info-header-segment capitalize"},this.stockNumber()),a("span",{class:"vehicle-info-header-segment capitalize"},this.vin()),a("span",{class:"vehicle-info-header-segment"},this.daysInInventory()),a("span",{class:"vehicle-info-header-segment"},this.mileage()))),a("div",{class:"vehicle-data-container"},a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Body"),a("p",{class:"segment-value"},this.body())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Color"),a("p",{class:"segment-value"},this.exteriorColor())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Int. Color"),a("p",{class:"segment-value"},this.interiorColor())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Drive Train"),a("p",{class:"segment-value"},this.driveTrain())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Engine"),a("p",{class:"segment-value"},this.engine())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Transmission"),a("p",{class:"segment-value"},this.transmission()))))]}};t.style=":host{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.gauge-page-header{padding:0 5px;display:flex;flex-direction:column;color:var(--clrs-navy)}.gauge-page-header *{font-family:'Roboto'}.gauge-page-header .year-make-model-container{height:35px;display:flex;align-items:center}.gauge-page-header #year-make-model-header{font-size:32px;font-weight:500;margin-left:0}.gauge-page-header .vehicle-identifier-info-container{height:30px;margin-bottom:5px;}.gauge-page-header #vehicle-identifier-info-header{font-weight:400;margin-top:8px}.gauge-page-header .vehicle-info-header-segment{margin-right:1em}.gauge-page-header .vehicle-info-header-segment.capitalize{text-transform:uppercase}.gauge-page-header .vehicle-info-header-segment:not(:last-child):after{padding-left:1em;content:'|'}.gauge-page-header .vehicle-info-segment{float:left;margin-right:30px;font-size:14px}.gauge-page-header .vehicle-data-container{display:flex;flex-direction:row}.gauge-page-header .segment-heading{color:var(--clrs-slate);font-size:14px;font-weight:400;margin-bottom:4px}.gauge-page-header .segment-value{margin-top:0;font-weight:400}.gauge-page-header .badge-set-container{display:flex;padding-left:8px}.gauge-page-header .badge{display:flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 10px;font-size:12px;border-radius:1em;font-weight:600;border:solid 1px;}.gauge-page-header .badge.certified{background-color:#f9fffb;border-color:#5ebb47}.gauge-page-header .badge.certified [role='label']{color:#008629}.gauge-page-header .badge.not-certified{border-color:#46576f}.gauge-page-header .badge.not-certified [role='label']{color:#46576f}.gauge-page-header .badge.retail{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.retail [role='label']{color:#0576b3}.gauge-page-header .badge.wholesale{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.wholesale [role='label']{color:#0576b3}";export{r as eswat2_io,t as gauge_page_header}
1
+ import{r as e,h as a}from"./p-87e402e4.js";const i="eswat2",r=class{constructor(a){e(this,a)}render(){return a("a",{href:"https://eswat2.dev","aria-label":i,title:i},(({hex:e="currentColor",size:i=24})=>a("svg",{width:i,height:i,viewBox:"0 0 24 24"},a("g",{fill:e},a("path",{d:"M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25\n 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19\n 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61\n 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83\n 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79\n 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08\n 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77\n 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11\n 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57\n 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96\n 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44\n 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75\n 19.33,18.38Z"})),a("path",{d:"M0 0h24v24H0z",fill:"none"})))({}))}};r.style="a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";const s=e=>{if(navigator.clipboard)try{navigator.clipboard.writeText(e)}catch(e){console.error("Failed to copy!",e)}},t=class{constructor(a){e(this,a),this.vehicleInfo=void 0}yearMakeModel(){const{ModelYear:e,Make:a,Model:i}=this.vehicleInfo||{ModelYear:2020,Make:"-",Model:"-"};return`${e} ${a} ${i}`}isCertified(){const{IsCertified:e}=this.vehicleInfo||{IsCertified:!1};return e}isRetail(){const{RetailWholesale:e}=this.vehicleInfo||{RetailWholesale:"R"};return"R"===e}isNew(){const{NewUsed:e}=this.vehicleInfo||{NewUsed:"N"};return"N"===e}stockNumber(){const{StockNumber:e}=this.vehicleInfo||{StockNumber:"-"};return e}vin(){const{Vin:e}=this.vehicleInfo||{Vin:"-"};return e}daysInInventory(){const{DaysInInventory:e}=this.vehicleInfo||{DaysInInventory:0};return`${e} Days`}mileage(){const{Odometer:e}=this.vehicleInfo||{Odometer:0};return`${Intl.NumberFormat().format(e)} mi`}body(){const{BodyDescription:e}=this.vehicleInfo||{BodyDescription:"-"};return e}exteriorColor(){const{ExteriorColor:e}=this.vehicleInfo||{ExteriorColor:"-"};return e}interiorColor(){const{InteriorColor:e}=this.vehicleInfo||{InteriorColor:"-"};return e}driveTrain(){const{DriveTrainType:e}=this.vehicleInfo||{DriveTrainType:"-"};return e}engine(){const{EngineDescription:e}=this.vehicleInfo||{EngineDescription:"-"};return e}transmission(){const{TransmissionDescription:e}=this.vehicleInfo||{TransmissionDescription:"- "};return e}render(){var e="";return this.isNew()||(e=this.isCertified()?a("span",{class:"certified badge"},a("span",{role:"label"},"Certified")):a("span",{class:"not-certified badge"},a("span",{role:"label"},"Not Certified"))),[a("div",{class:"gauge-page-header"},a("eswat2-io",null),a("div",{class:"year-make-model-container",onClick:()=>s(this.yearMakeModel()),title:"Click to Copy Year/Make/Model"},a("h1",{id:"year-make-model-header"},this.yearMakeModel()),a("span",{class:"badge-set-container"},e,this.isRetail()?a("span",{class:"retail badge"},a("span",{role:"label"},"Retail")):a("span",{class:"wholesale badge"},a("span",{role:"label"},"Wholesale")))),a("div",{class:"vehicle-identifier-info-container",onClick:()=>s(this.vin()),title:"Click to Copy VIN"},a("h4",{id:"vehicle-identifier-info-header"},a("span",{class:"vehicle-info-header-segment capitalize"},this.stockNumber()),a("span",{class:"vehicle-info-header-segment capitalize"},this.vin()),a("span",{class:"vehicle-info-header-segment"},this.daysInInventory()),a("span",{class:"vehicle-info-header-segment"},this.mileage()))),a("div",{class:"vehicle-data-container"},a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Body"),a("p",{class:"segment-value"},this.body())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Color"),a("p",{class:"segment-value"},this.exteriorColor())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Int. Color"),a("p",{class:"segment-value"},this.interiorColor())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Drive Train"),a("p",{class:"segment-value"},this.driveTrain())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Engine"),a("p",{class:"segment-value"},this.engine())),a("div",{class:"vehicle-info-segment"},a("h4",{class:"segment-heading"},"Transmission"),a("p",{class:"segment-value"},this.transmission()))))]}};t.style=":host{--clrs-navy:#001f3f;--clrs-blue:#0074d9;--clrs-aqua:#7fdbff;--clrs-teal:#39cccc;--clrs-olive:#3d9970;--clrs-green:#2ecc40;--clrs-lime:#01ff70;--clrs-yellow:#ffdc00;--clrs-orange:#ff851b;--clrs-red:#ff4136;--clrs-maroon:#85144b;--clrs-fuchsia:#f012be;--clrs-purple:#b10dc9;--clrs-black:#111111;--clrs-gray:#aaaaaa;--clrs-silver:#dddddd;--clrs-bada55:#bada55;--clrs-slate:#708090;--clrs-slate4:#4e5964;--clrs-white:#ffffff}.gauge-page-header{padding:0 5px;display:flex;flex-direction:column;color:var(--clrs-navy)}.gauge-page-header *{font-family:'Roboto'}.gauge-page-header .year-make-model-container{height:35px;display:flex;align-items:center}.gauge-page-header #year-make-model-header{font-size:32px;font-weight:500;margin-left:0}.gauge-page-header .vehicle-identifier-info-container{height:30px;margin-bottom:5px;}.gauge-page-header #vehicle-identifier-info-header{font-weight:400;margin-top:8px}.gauge-page-header .vehicle-info-header-segment{margin-right:1em}.gauge-page-header .vehicle-info-header-segment.capitalize{text-transform:uppercase}.gauge-page-header .vehicle-info-header-segment:not(:last-child):after{padding-left:1em;content:'|'}.gauge-page-header .vehicle-info-segment{float:left;margin-right:30px;font-size:14px}.gauge-page-header .vehicle-data-container{display:flex;flex-direction:row}.gauge-page-header .segment-heading{color:var(--clrs-slate);font-size:14px;font-weight:400;margin-bottom:4px}.gauge-page-header .segment-value{margin-top:0;font-weight:400}.gauge-page-header .badge-set-container{display:flex;padding-left:8px}.gauge-page-header .badge{display:flex;align-items:center;justify-content:center;margin-left:8px;padding:3px 10px;font-size:12px;border-radius:1em;font-weight:600;border:solid 1px;}.gauge-page-header .badge.certified{background-color:#f9fffb;border-color:#5ebb47}.gauge-page-header .badge.certified [role='label']{color:#008629}.gauge-page-header .badge.not-certified{border-color:#46576f}.gauge-page-header .badge.not-certified [role='label']{color:#46576f}.gauge-page-header .badge.retail{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.retail [role='label']{color:#0576b3}.gauge-page-header .badge.wholesale{background-color:#f6fcff;border-color:#0576b3}.gauge-page-header .badge.wholesale [role='label']{color:#0576b3}";export{r as eswat2_io,t as gauge_page_header}
@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
485
485
  export interface FunctionalComponent<T = {}> {
486
486
  (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
487
487
  }
488
+ /**
489
+ * A Child VDOM node
490
+ *
491
+ * This has most of the same properties as {@link VNode} but friendlier names
492
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
493
+ * order to provide a friendlier public interface for users of the
494
+ * {@link FunctionalUtilities}).
495
+ */
488
496
  export interface ChildNode {
489
497
  vtag?: string | number | Function;
490
498
  vkey?: string | number;
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
531
539
  export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
532
540
  export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
533
541
  export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
542
+ /**
543
+ * A virtual DOM node
544
+ */
534
545
  export interface VNode {
535
546
  $flags$: number;
536
547
  $tag$: string | number | Function;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gauge-page-header",
3
- "version": "0.0.358",
3
+ "version": "0.0.359",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -17,8 +17,6 @@
17
17
  "scripts": {
18
18
  "build": "stencil build --docs",
19
19
  "start": "stencil build --dev --watch --serve",
20
- "test": "stencil test --spec --e2e --passWithNoTests",
21
- "test.watch": "stencil test --spec --e2e --watchAll",
22
20
  "generate": "stencil generate",
23
21
  "predeploy": "yarn build",
24
22
  "deploy": "yarn publish --patch",
@@ -26,17 +24,13 @@
26
24
  "format": "prettier --write src"
27
25
  },
28
26
  "dependencies": {
29
- "@stencil/core": "2.22.1"
27
+ "@stencil/core": "2.22.2"
30
28
  },
31
29
  "license": "MIT",
32
30
  "devDependencies": {
33
- "@types/jest": "29.2.5",
34
- "@types/puppeteer": "5.4.7",
35
31
  "cspell": "6.19.2",
36
32
  "eslint": "8.32.0",
37
- "jest": "29.3.1",
38
33
  "prettier": "2.8.3",
39
- "puppeteer": "19.5.2",
40
34
  "tslint": "6.1.3",
41
35
  "typescript": "4.9.4"
42
36
  }