gauge-page-header 0.0.402 → 0.0.404

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-79e67e4f.js');
+const index = require('./index-c6dc62e6.js');
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
 

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

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

@@ -301,6 +301,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -793,12 +808,39 @@ const patch = (oldVNode, newVNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -887,6 +929,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -898,7 +950,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -922,7 +974,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         instance = instance.render() ;
         {
@@ -937,7 +1001,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1126,6 +1190,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1164,12 +1230,25 @@ const connectedCallback = (elm) => {
                 initializeComponent(elm, hostRef, cmpMeta);
             }
         }
+        else {
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
+        }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
-        getHostRef(elm);
+        const hostRef = getHostRef(elm);
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-79e67e4f.js');
+const index = require('./index-c6dc62e6.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.0.2",
+    "version": "4.0.3",
     "typescriptVersion": "5.0.4"
   },
   "collections": [],

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-affa252d.js';
+import { r as registerInstance, h } from './index-c94b301b.js';
 
 const eswat2IoCss = "a{position:absolute;top:8px;right:8px;color:var(--clrs-gray)}:hover{fill:var(--clrs-navy)}";
 

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

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

package/dist/esm/{index-affa252d.js → index-c94b301b.js}

@@ -279,6 +279,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
  *
  * Modified for Stencil's compiler and vdom
  */
+/**
+ * When running a VDom render set properties present on a VDom node onto the
+ * corresponding HTML element.
+ *
+ * Note that this function has special functionality for the `class`,
+ * `style`, `key`, and `ref` attributes, as well as event handlers (like
+ * `onClick`, etc). All others are just passed through as-is.
+ *
+ * @param elm the HTMLElement onto which attributes should be set
+ * @param memberName the name of the attribute to set
+ * @param oldValue the old value for the attribute
+ * @param newValue the new value for the attribute
+ * @param isSvg whether we're in an svg context or not
+ * @param flags bitflags for Vdom variables
+ */
 const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
     if (oldValue !== newValue) {
         let isProp = isMemberInElement(elm, memberName);
@@ -771,12 +786,39 @@ const patch = (oldVNode, newVNode) => {
  * @param hostRef data needed to root and render the virtual DOM tree, such as
  * the DOM node into which it should be rendered.
  * @param renderFnResults the virtual DOM nodes to be rendered
+ * @param isInitialLoad whether or not this is the first call after page load
  */
-const renderVdom = (hostRef, renderFnResults) => {
+const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
     const hostElm = hostRef.$hostElement$;
     const oldVNode = hostRef.$vnode$ || newVNode(null, null);
+    // if `renderFnResults` is a Host node then we can use it directly. If not,
+    // we need to call `h` again to wrap the children of our component in a
+    // 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
+    // implicitly that the top-level vdom node is 1) an only child and 2)
+    // contains attrs that need to be set on the host element.
     const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
     hostTagName = hostElm.tagName;
+    // On the first render and *only* on the first render we want to check for
+    // any attributes set on the host element which are also set on the vdom
+    // node. If we find them, we override the value on the VDom node attrs with
+    // the value from the host element, which allows developers building apps
+    // with Stencil components to override e.g. the `role` attribute on a
+    // component even if it's already set on the `Host`.
+    if (isInitialLoad && rootVnode.$attrs$) {
+        for (const key of Object.keys(rootVnode.$attrs$)) {
+            // We have a special implementation in `setAccessor` for `style` and
+            // `class` which reconciles values coming from the VDom with values
+            // already present on the DOM element, so we don't want to override those
+            // attributes on the VDom tree with values from the host element if they
+            // are present.
+            //
+            // Likewise, `ref` and `key` are special internal values for the Stencil
+            // runtime and we don't want to override those either.
+            if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
+                rootVnode.$attrs$[key] = hostElm[key];
+            }
+        }
+    }
     rootVnode.$tag$ = null;
     rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
     hostRef.$vnode$ = rootVnode;
@@ -865,6 +907,16 @@ const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.th
  */
 const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
     (maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
+/**
+ * Update a component given reference to its host elements and so on.
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param isInitialLoad whether or not this function is being called as part of
+ * the first render cycle
+ */
 const updateComponent = async (hostRef, instance, isInitialLoad) => {
     var _a;
     const elm = hostRef.$hostElement$;
@@ -876,7 +928,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
     }
     const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
     {
-        callRender(hostRef, instance);
+        callRender(hostRef, instance, elm, isInitialLoad);
     }
     if (rc) {
         // ok, so turns out there are some child host elements
@@ -900,7 +952,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
         }
     }
 };
-const callRender = (hostRef, instance, elm) => {
+/**
+ * Handle making the call to the VDom renderer with the proper context given
+ * various build variables
+ *
+ * @param hostRef an object containing references to the element's host node,
+ * VDom nodes, and other metadata
+ * @param instance a reference to the underlying host element where it will be
+ * rendered
+ * @param elm the Host element for the component
+ * @param isInitialLoad whether or not this function is being called as part of
+ * @returns an empty promise
+ */
+const callRender = (hostRef, instance, elm, isInitialLoad) => {
     try {
         instance = instance.render() ;
         {
@@ -915,7 +979,7 @@ const callRender = (hostRef, instance, elm) => {
                 // or we need to update the css class/attrs on the host element
                 // DOM WRITE!
                 {
-                    renderVdom(hostRef, instance);
+                    renderVdom(hostRef, instance, isInitialLoad);
                 }
             }
         }
@@ -1104,6 +1168,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
         schedule();
     }
 };
+const fireConnectedCallback = (instance) => {
+};
 const connectedCallback = (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
         const hostRef = getHostRef(elm);
@@ -1142,12 +1208,25 @@ const connectedCallback = (elm) => {
                 initializeComponent(elm, hostRef, cmpMeta);
             }
         }
+        else {
+            // fire off connectedCallback() on component instance
+            if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+            else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+                hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+            }
+        }
         endConnected();
     }
 };
-const disconnectedCallback = (elm) => {
+const disconnectInstance = (instance) => {
+};
+const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
-        getHostRef(elm);
+        const hostRef = getHostRef(elm);
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
+            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+        }
     }
 };
 const bootstrapLazy = (lazyBundles, options = {}) => {

package/dist/esm/loader.js

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

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-c0488479.js";export{s as setNonce}from"./p-c0488479.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-30f1082e",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e)));
+import{p as e,b as a}from"./p-6f9f60b6.js";export{s as setNonce}from"./p-6f9f60b6.js";(()=>{const a=import.meta.url,o={};return""!==a&&(o.resourcesUrl=new URL(".",a).href),e(o)})().then((e=>a([["p-9124eaec",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e)));

package/dist/gauge-page-header/p-6f9f60b6.js

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

package/dist/gauge-page-header/{p-30f1082e.entry.js → p-9124eaec.entry.js}

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

package/dist/types/stencil-public-runtime.d.ts

@@ -432,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -930,6 +930,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1143,6 +1145,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;

package/package.json

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

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

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