gauge-page-header 0.1.2 → 0.1.3

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

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

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9b3c3192.js');
+const index = require('./index-f929d511.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var 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-9b3c3192.js → index-f929d511.js}

@@ -21,10 +21,10 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'gauge-page-header';
-const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -37,10 +37,15 @@ var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 
 // src/client/client-host-ref.ts
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var getHostRef = (ref) => hostRefs.get(ref);
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
 var registerInstance = (lazyInstance, hostRef) => {
-  hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
@@ -54,7 +59,8 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
-  const ref = hostRefs.set(hostElement, hostRef);
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
@@ -394,68 +400,69 @@ var attachStyles = (hostRef) => {
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue !== newValue) {
-    let isProp = isMemberInElement(elm, memberName);
-    let ln = memberName.toLowerCase();
-    if (memberName === "class") {
-      const classList = elm.classList;
-      const oldClasses = parseClassList(oldValue);
-      let newClasses = parseClassList(newValue);
-      {
-        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-      }
-    } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
-      if (memberName[2] === "-") {
-        memberName = memberName.slice(3);
-      } else if (isMemberInElement(win, ln)) {
-        memberName = ln.slice(2);
-      } else {
-        memberName = ln[2] + memberName.slice(3);
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
       }
-      if (oldValue || newValue) {
-        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-        if (oldValue) {
-          plt.rel(elm, memberName, oldValue, capture);
-        }
-        if (newValue) {
-          plt.ael(elm, memberName, newValue, capture);
-        }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
       }
-    } else {
-      const isComplex = isComplexType(newValue);
-      if ((isProp || isComplex && newValue !== null) && !isSvg) {
-        try {
-          if (!elm.tagName.includes("-")) {
-            const n = newValue == null ? "" : newValue;
-            if (memberName === "list") {
-              isProp = false;
-            } else if (oldValue == null || elm[memberName] != n) {
-              if (typeof elm.__lookupSetter__(memberName) === "function") {
-                elm[memberName] = n;
-              } else {
-                elm.setAttribute(memberName, n);
-              }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
             }
-          } else if (elm[memberName] !== newValue) {
-            elm[memberName] = newValue;
           }
-        } catch (e) {
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
         }
+      } catch (e) {
       }
-      if (newValue == null || newValue === false) {
-        if (newValue !== false || elm.getAttribute(memberName) === "") {
-          {
-            elm.removeAttribute(memberName);
-          }
-        }
-      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-        newValue = newValue === true ? "" : newValue;
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
         {
-          elm.setAttribute(memberName, newValue);
+          elm.removeAttribute(memberName);
         }
       }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
     }
   }
 };
@@ -686,9 +693,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      {
-        updateElement(oldVNode, newVNode2, isSvgMode);
-      }
+      updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -771,6 +776,12 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     );
   }
   let maybePromise;
+  if (isInitialLoad) {
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -834,12 +845,15 @@ var postUpdateComponent = (hostRef) => {
   const tagName = hostRef.$cmpMeta$.$tagName$;
   const elm = hostRef.$hostElement$;
   const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       addHydratedFlag(elm);
     }
+    safeCall(instance, "componentDidLoad", void 0, elm);
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -848,6 +862,7 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
     endPostUpdate();
   }
   {
@@ -864,6 +879,16 @@ var postUpdateComponent = (hostRef) => {
 var appDidLoad = (who) => {
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
+var safeCall = (instance, method, arg, elm) => {
+  if (instance && instance[method]) {
+    try {
+      return instance[method](arg);
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  return void 0;
+};
 var addHydratedFlag = (elm) => {
   var _a;
   return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
@@ -888,6 +913,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -1006,6 +1036,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1033,6 +1064,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1065,20 +1099,27 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
     }
     endConnected();
   }
 };
 var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
     }
   }
   if (rootAppliedStyles.has(elm)) {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9b3c3192.js');
+const index = require('./index-f929d511.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/collection/collection-manifest.json

@@ -5,7 +5,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.26.0",
+    "version": "4.27.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

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

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

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

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-58f119b6.js';
-export { s as setNonce } from './index-58f119b6.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-4ae0d451.js';
+export { s as setNonce } from './index-4ae0d451.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = import.meta.url;

package/dist/esm/{index-58f119b6.js → index-4ae0d451.js}

@@ -1,8 +1,8 @@
 const NAMESPACE = 'gauge-page-header';
-const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* gauge-page-header */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: false, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: false, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: false, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
- Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.27.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -15,10 +15,15 @@ var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 
 // src/client/client-host-ref.ts
-var hostRefs = /* @__PURE__ */ new WeakMap();
-var getHostRef = (ref) => hostRefs.get(ref);
+var getHostRef = (ref) => {
+  if (ref.__stencil__getHostRef) {
+    return ref.__stencil__getHostRef();
+  }
+  return void 0;
+};
 var registerInstance = (lazyInstance, hostRef) => {
-  hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
 };
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
@@ -32,7 +37,8 @@ var registerHost = (hostElement, cmpMeta) => {
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
-  const ref = hostRefs.set(hostElement, hostRef);
+  const ref = hostRef;
+  hostElement.__stencil__getHostRef = () => ref;
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
@@ -372,68 +378,69 @@ var attachStyles = (hostRef) => {
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue !== newValue) {
-    let isProp = isMemberInElement(elm, memberName);
-    let ln = memberName.toLowerCase();
-    if (memberName === "class") {
-      const classList = elm.classList;
-      const oldClasses = parseClassList(oldValue);
-      let newClasses = parseClassList(newValue);
-      {
-        classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-        classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-      }
-    } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
-      if (memberName[2] === "-") {
-        memberName = memberName.slice(3);
-      } else if (isMemberInElement(win, ln)) {
-        memberName = ln.slice(2);
-      } else {
-        memberName = ln[2] + memberName.slice(3);
+  if (oldValue === newValue) {
+    return;
+  }
+  let isProp = isMemberInElement(elm, memberName);
+  let ln = memberName.toLowerCase();
+  if (memberName === "class") {
+    const classList = elm.classList;
+    const oldClasses = parseClassList(oldValue);
+    let newClasses = parseClassList(newValue);
+    {
+      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
+      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    }
+  } else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
+    if (memberName[2] === "-") {
+      memberName = memberName.slice(3);
+    } else if (isMemberInElement(win, ln)) {
+      memberName = ln.slice(2);
+    } else {
+      memberName = ln[2] + memberName.slice(3);
+    }
+    if (oldValue || newValue) {
+      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
+      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
+      if (oldValue) {
+        plt.rel(elm, memberName, oldValue, capture);
       }
-      if (oldValue || newValue) {
-        const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-        memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-        if (oldValue) {
-          plt.rel(elm, memberName, oldValue, capture);
-        }
-        if (newValue) {
-          plt.ael(elm, memberName, newValue, capture);
-        }
+      if (newValue) {
+        plt.ael(elm, memberName, newValue, capture);
       }
-    } else {
-      const isComplex = isComplexType(newValue);
-      if ((isProp || isComplex && newValue !== null) && !isSvg) {
-        try {
-          if (!elm.tagName.includes("-")) {
-            const n = newValue == null ? "" : newValue;
-            if (memberName === "list") {
-              isProp = false;
-            } else if (oldValue == null || elm[memberName] != n) {
-              if (typeof elm.__lookupSetter__(memberName) === "function") {
-                elm[memberName] = n;
-              } else {
-                elm.setAttribute(memberName, n);
-              }
+    }
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] != n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
             }
-          } else if (elm[memberName] !== newValue) {
-            elm[memberName] = newValue;
           }
-        } catch (e) {
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
         }
+      } catch (e) {
       }
-      if (newValue == null || newValue === false) {
-        if (newValue !== false || elm.getAttribute(memberName) === "") {
-          {
-            elm.removeAttribute(memberName);
-          }
-        }
-      } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
-        newValue = newValue === true ? "" : newValue;
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
         {
-          elm.setAttribute(memberName, newValue);
+          elm.removeAttribute(memberName);
         }
       }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
     }
   }
 };
@@ -664,9 +671,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
     {
-      {
-        updateElement(oldVNode, newVNode2, isSvgMode);
-      }
+      updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
@@ -749,6 +754,12 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     );
   }
   let maybePromise;
+  if (isInitialLoad) {
+    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
+  } else {
+    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
+  }
+  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -812,12 +823,15 @@ var postUpdateComponent = (hostRef) => {
   const tagName = hostRef.$cmpMeta$.$tagName$;
   const elm = hostRef.$hostElement$;
   const endPostUpdate = createTime("postUpdate", tagName);
+  const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  safeCall(instance, "componentDidRender", void 0, elm);
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
       addHydratedFlag(elm);
     }
+    safeCall(instance, "componentDidLoad", void 0, elm);
     endPostUpdate();
     {
       hostRef.$onReadyResolve$(elm);
@@ -826,6 +840,7 @@ var postUpdateComponent = (hostRef) => {
       }
     }
   } else {
+    safeCall(instance, "componentDidUpdate", void 0, elm);
     endPostUpdate();
   }
   {
@@ -842,6 +857,16 @@ var postUpdateComponent = (hostRef) => {
 var appDidLoad = (who) => {
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
 };
+var safeCall = (instance, method, arg, elm) => {
+  if (instance && instance[method]) {
+    try {
+      return instance[method](arg);
+    } catch (e) {
+      consoleError(e, elm);
+    }
+  }
+  return void 0;
+};
 var addHydratedFlag = (elm) => {
   var _a;
   return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
@@ -866,6 +891,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (instance.componentShouldUpdate) {
+          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+            return;
+          }
+        }
         scheduleUpdate(hostRef, false);
       }
     }
@@ -984,6 +1014,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1011,6 +1042,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance, elm) => {
+  {
+    safeCall(instance, "connectedCallback", void 0, elm);
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1043,20 +1077,27 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
     }
     endConnected();
   }
 };
 var disconnectInstance = (instance, elm) => {
+  {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
+  }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance());
+    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+      disconnectInstance(hostRef.$lazyInstance$, elm);
+    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
     }
   }
   if (rootAppliedStyles.has(elm)) {

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { b as bootstrapLazy } from './index-58f119b6.js';
-export { s as setNonce } from './index-58f119b6.js';
+import { b as bootstrapLazy } from './index-4ae0d451.js';
+export { s as setNonce } from './index-4ae0d451.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {

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

@@ -1 +1 @@
-import{p as a,b as e}from"./p-8f6ba117.js";export{s as setNonce}from"./p-8f6ba117.js";import{g as o}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),a(s)})().then((async a=>(await o(),e([["p-4d05a527",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],a))));
+import{p as e,b as a}from"./p-8eaee21b.js";export{s as setNonce}from"./p-8eaee21b.js";import{g as o}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await o(),a([["p-7ae467b3",[[1,"gauge-page-header",{vehicleInfo:[16]}],[1,"eswat2-io"]]]],e))));

package/dist/gauge-page-header/{p-4d05a527.entry.js → p-7ae467b3.entry.js}

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

package/dist/gauge-page-header/p-8eaee21b.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},n=(e,t)=>{e.__stencil__getHostRef=()=>t,t.t=e},o=(e,t)=>t in e,l=(e,t)=>(0,console.error)(e,t),i=new Map,s=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u=c.document||{head:{}},a={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},f=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),h=!1,p=[],m=[],v=(e,t)=>n=>{e.push(n),h||(h=!0,t&&4&a.o?$(w):a.raf(w))},y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},w=()=>{y(p),y(m),(h=p.length>0)&&a.raf(w)},$=e=>f().then(e),b=v(m,!0),g=e=>"object"==(e=typeof e)||"function"===e;function S(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>O,map:()=>k,ok:()=>j,unwrap:()=>E,unwrapErr:()=>x});var j=e=>({isOk:!0,isErr:!1,value:e}),O=e=>({isOk:!1,isErr:!0,value:e});function k(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>j(e))):j(n)}if(e.isErr)return O(e.value);throw"should never get here"}var C,E=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},M=(e,t,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!g(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?P(null,o):o),s=i)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=P(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},P=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),R={},D=e=>(null==e||g(e),e),U=new WeakMap,L=e=>"sc-"+e.$,N=(e,t,n,l,i,s)=>{if(n===l)return;let r=o(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,o=W(n);let i=W(l);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const o=g(l);if((r||o&&null!==l)&&!i)try{if(e.tagName.includes("-"))e[t]!==l&&(e[t]=l);else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&s||i)&&!o&&1===e.nodeType&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(c,u)?u.slice(2):u[2]+t.slice(3),n||l){const o=t.endsWith(A);t=t.replace(H,""),n&&a.rel(e,t,n,o),l&&a.ael(e,t,l,o)}},T=/\s/,W=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(T):[]),A="Capture",H=RegExp(A+"$"),F=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},i=t.u||{};for(const e of V(Object.keys(l)))e in i||N(o,e,l[e],void 0,n,t.o);for(const e of V(Object.keys(i)))N(o,e,l[e],i[e],n,t.o)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var q=!1,G=(e,t,n)=>{const o=t.h[n];let l,i,s=0;if(null!==o.i)l=o.v=u.createTextNode(o.i);else{if(q||(q="svg"===o.m),l=o.v=u.createElementNS(q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),q&&"foreignObject"===o.m&&(q=!1),F(null,o,q),o.h)for(s=0;s<o.h.length;++s)i=G(e,o,s),i&&l.appendChild(i);"svg"===o.m?q=!1:"foreignObject"===l.tagName&&(q=!0)}return l["s-hn"]=C,l},_=(e,t,n,o,l,i)=>{let s,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=G(null,n,l),s&&(o[l].v=s,J(r,s,t)))},z=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},B=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),I=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,i=t.h,s=t.m,r=t.i;null===r?(F(e,t,q="svg"===s||"foreignObject"!==s&&q),null!==l&&null!==i?((e,t,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(B(d,m,l))I(d,m,l),d=t[++r],m=o[++c];else if(B(h,v,l))I(h,v,l),h=t[--f],v=o[--p];else if(B(d,v,l))I(d,v,l),J(e,d.v,h.v.nextSibling),d=t[++r],v=o[--p];else if(B(h,m,l))I(h,m,l),J(e,h.v,d.v),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(s=t[u],s.m!==m.m?i=G(t&&t[c],n,u):(I(s,m,l),t[u]=void 0,i=s.v),m=o[++c]):(i=G(t&&t[c],n,c),m=o[++c]),i&&J(d.v.parentNode,i,d.v)}r>f?_(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&z(t,r,f)})(o,l,t,i,n):null!==i?(null!==e.i&&(o.textContent=""),_(o,null,t,i,0,i.length-1)):!n&&null!==l&&z(l,0,l.length-1),q&&"svg"===s&&(q=!1)):e.i!==r&&(o.data=r)},J=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),K=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},Q=(e,t)=>{if(e.o|=16,!(4&e.o))return K(e,e.j),b((()=>X(e,t)));e.o|=512},X=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=le(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=Y(l,(()=>le(o,"componentWillRender",void 0,n))),Y(l,(()=>ee(e,o,t)))},Y=(e,t)=>Z(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Z=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ee=async(e,t,n)=>{var o;const l=e.$hostElement$,i=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=L(t),l=s.get(o);if(e=11===e.nodeType?e:u,l)if("string"==typeof l){let i,s=U.get(e=e.head||e);if(s||U.set(e,s=new Set),!s.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||u.createElement("style"),i.innerHTML=l;const s=null!=(n=a.k)?n:S(u);if(null!=s&&i.setAttribute("nonce",s),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(i)}else e.append(i);1&t.o&&e.insertBefore(i,null)}4&t.o&&(i.innerHTML+=r),s&&s.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);te(e,t,l,n),i&&(i.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>ne(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},te=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,i=e.C||P(null,null),s=(e=>e&&e.m===R)(t)?t:M(null,null,t);if(C=o.tagName,n&&s.u)for(const e of Object.keys(s.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.u[e]=o[e]);s.m=null,s.o|=4,e.C=s,s.v=i.v=o.shadowRoot||o,I(i,s,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},ne=e=>{const t=e.$hostElement$,n=e.t,o=e.j;le(n,"componentDidRender",void 0,t),64&e.o?le(n,"componentDidUpdate",void 0,t):(e.o|=64,ie(t),le(n,"componentDidLoad",void 0,t),e.M(t),o||oe()),e.S&&(e.S(),e.S=void 0),512&e.o&&$((()=>Q(e,!1))),e.o&=-517},oe=()=>{$((()=>(e=>{const t=a.ce("appload",{detail:{namespace:"gauge-page-header"}});return e.dispatchEvent(t),t})(c)))},le=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e,o)}},ie=e=>e.classList.add("hydrated"),se=(e,n,o,l)=>{const i=t(e);if(!i)throw Error(`Couldn't find host element for "${l.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const s=i.P.get(n),r=i.o,c=i.t;if(o=D(o),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(i.P.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;Q(i,!1)}},re=(e,n,o)=>{var l;const i=e.prototype;return n.R&&Object.entries(null!=(l=n.R)?l:{}).map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,e)||{};s&&(n.R[e][0]|=2048),r&&(n.R[e][0]|=4096),(1&o||!s)&&Object.defineProperty(i,e,{get(){{if(!(2048&n.R[e][0]))return((e,n)=>t(this).P.get(n))(0,e);const o=t(this),l=o?o.t:i;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(i){const s=t(this);if(r){const t=32&l?this[e]:s.$hostElement$[e];return void 0===t&&s.P.get(e)?i=s.P.get(e):!s.P.get(e)&&t&&s.P.set(e,t),r.call(this,D(i)),void se(this,e,i=32&l?this[e]:s.$hostElement$[e],n)}{if(!(1&o&&4096&n.R[e][0]))return se(this,e,i,n),void(1&o&&!s.t&&s.D.then((()=>{4096&n.R[e][0]&&s.t[e]!==s.P.get(e)&&(s.t[e]=i)})));const t=()=>{const t=s.t[e];!s.P.get(e)&&t&&s.P.set(e,t),s.t[e]=D(i),se(this,e,s.t[e],n)};s.t?t():s.D.then((()=>t()))}}})}})),e},ce=(e,t)=>{le(e,"connectedCallback",void 0,t)},ue=(e,t)=>{le(e,"disconnectedCallback",void 0,t||e)},ae=(e,n={})=>{var o;const f=[],h=n.exclude||[],p=c.customElements,m=u.head,v=m.querySelector("meta[charset]"),y=u.createElement("style"),w=[];let $,b=!0;Object.assign(a,n),a.l=new URL(n.resourcesUrl||"./",u.baseURI).href;let g=!1;if(e.map((e=>{e[1].map((n=>{const o={o:n[0],$:n[1],R:n[2],U:n[3]};4&o.o&&(g=!0),o.R=n[2];const r=o.$,c=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,O:t,P:new Map};n.D=new Promise((e=>n.M=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,o),1&o.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),$&&(clearTimeout($),$=null),b?w.push(this):a.jmp((()=>(e=>{if(!(1&a.o)){const n=t(e),o=n.O,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ce(n.t,e):(null==n?void 0:n.D)&&n.D.then((()=>ce(n.t,e)));else{n.o|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){K(n,n.j=t);break}}o.R&&Object.entries(o.R).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.L){const s=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.L;if(!o)return;const s=i.get(o);return s?s[n]:import(`./${o}.entry.js`).then((e=>(i.set(o,e),e[n])),(e=>{l(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(s&&"then"in s){const e=()=>{};o=await s,e()}else o=s;if(!o)throw Error(`Constructor for "${n.$}#${t.N}" was not found`);o.isProxied||(re(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){l(t,e)}t.o&=-9,r(),ce(t.t,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=L(n);if(!s.has(t)){const o=()=>{};((e,t,n)=>{let o=s.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,s.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>Q(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,n,o)}r()}})(this)))}disconnectedCallback(){a.jmp((()=>(async e=>{if(!(1&a.o)){const n=t(e);(null==n?void 0:n.t)?ue(n.t,e):(null==n?void 0:n.D)&&n.D.then((()=>ue(n.t,e)))}U.has(e)&&U.delete(e),e.shadowRoot&&U.has(e.shadowRoot)&&U.delete(e.shadowRoot)})(this))),a.raf((()=>{var e;const n=t(this),o=w.findIndex((e=>e===this));o>-1&&w.splice(o,1),(null==(e=null==n?void 0:n.C)?void 0:e.v)instanceof Node&&!n.C.v.isConnected&&delete n.C.v}))}componentOnReady(){return t(this).D}};o.L=e[0],h.includes(r)||p.get(r)||(f.push(r),p.define(r,re(c,o,1)))}))})),f.length>0&&(g&&(y.textContent+=r),y.textContent+=f.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const e=null!=(o=a.k)?o:S(u);null!=e&&y.setAttribute("nonce",e),m.insertBefore(y,v?v.nextSibling:m.firstChild)}b=!1,w.length?w.map((e=>e.connectedCallback())):a.jmp((()=>$=setTimeout(oe,30)))},fe=e=>a.k=e;export{ae as b,M as h,f as p,n as r,fe as s}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gauge-page-header",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,13 +24,13 @@
     "format": "prettier --write src"
   },
   "dependencies": {
-    "@stencil/core": "4.26.0"
+    "@stencil/core": "4.27.0"
   },
   "license": "MIT",
   "devDependencies": {
-    "cspell": "8.17.4",
+    "cspell": "8.17.5",
     "eslint": "9.21.0",
-    "prettier": "3.5.1",
+    "prettier": "3.5.2",
     "typescript": "5.7.3"
   }
 }

package/dist/gauge-page-header/p-8f6ba117.js

@@ -1,2 +0,0 @@
-var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),o=(e,n)=>{t.set(n.t=e,n)},l=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],w=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.o?b($):f.raf($))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{v(m),v(y),(p=m.length>0)&&f.raf($)},b=e=>h().then(e),g=w(y,!0),S=e=>"object"==(e=typeof e)||"function"===e;function j(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>k,map:()=>E,ok:()=>O,unwrap:()=>M,unwrapErr:()=>x});var O=e=>({isOk:!0,isErr:!1,value:e}),k=e=>({isOk:!1,isErr:!0,value:e});function E(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return k(e.value);throw"should never get here"}var C,M=e=>{if(e.isOk)return e.value;throw e.value},x=e=>{if(e.isErr)return e.value;throw e.value},P=(e,t,...n)=>{let o=null,l=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((s="function"!=typeof e&&!S(o))&&(o+=""),s&&i?r[r.length-1].i+=o:r.push(s?N(null,o):o),i=s)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=N(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},N=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),R={},T=e=>(null==e||S(e),e),A=new WeakMap,H=e=>"sc-"+e.$,U=(e,t,n,o,s,i)=>{if(n!==o){let r=l(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,l=F(n);let s=F(o);t.remove(...l.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!l.includes(e))))}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const l=S(o);if((r||l&&null!==o)&&!s)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?r=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!l&&e.setAttribute(t,o=!0===o?"":o)}else if(t="-"===t[2]?t.slice(3):l(u,c)?c.slice(2):c[2]+t.slice(3),n||o){const l=t.endsWith(L);t=t.replace(V,""),n&&f.rel(e,t,n,l),o&&f.ael(e,t,o,l)}}},D=/\s/,F=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(D):[]),L="Capture",V=RegExp(L+"$"),W=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},s=t.u||{};for(const e of q(Object.keys(l)))e in s||U(o,e,l[e],void 0,n,t.o);for(const e of q(Object.keys(s)))U(o,e,l[e],s[e],n,t.o)};function q(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var G=!1,_=(e,t,n)=>{const o=t.h[n];let l,s,i=0;if(null!==o.i)l=o.v=a.createTextNode(o.i);else{if(G||(G="svg"===o.m),l=o.v=a.createElementNS(G?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",o.m),G&&"foreignObject"===o.m&&(G=!1),W(null,o,G),o.h)for(i=0;i<o.h.length;++i)s=_(e,o,i),s&&l.appendChild(s);"svg"===o.m?G=!1:"foreignObject"===l.tagName&&(G=!0)}return l["s-hn"]=C,l},z=(e,t,n,o,l,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===C&&(r=r.shadowRoot);l<=s;++l)o[l]&&(i=_(null,n,l),i&&(o[l].v=i,K(r,i,t)))},B=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},I=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),J=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,s=t.h,i=t.m,r=t.i;null===r?(W(e,t,G="svg"===i||"foreignObject"!==i&&G),null!==l&&null!==s?((e,t,n,o,l=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=o.length-1,m=o[0],y=o[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=o[++c];else if(null==y)y=o[--p];else if(I(h,m,l))J(h,m,l),h=t[++r],m=o[++c];else if(I(d,y,l))J(d,y,l),d=t[--f],y=o[--p];else if(I(h,y,l))J(h,y,l),K(e,h.v,d.v.nextSibling),h=t[++r],y=o[--p];else if(I(d,m,l))J(d,m,l),K(e,d.v,h.v),d=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=_(t&&t[c],n,u):(J(i,m,l),t[u]=void 0,s=i.v),m=o[++c]):(s=_(t&&t[c],n,c),m=o[++c]),s&&K(h.v.parentNode,s,h.v)}r>f?z(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&B(t,r,f)})(o,l,t,s,n):null!==s?(null!==e.i&&(o.textContent=""),z(o,null,t,s,0,s.length-1)):!n&&null!==l&&B(l,0,l.length-1),G&&"svg"===i&&(G=!1)):e.i!==r&&(o.data=r)},K=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Q=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},X=(e,t)=>{if(e.o|=16,!(4&e.o))return Q(e,e.j),g((()=>Y(e,t)));e.o|=512},Y=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);return Z(void 0,(()=>te(e,n,t)))},Z=(e,t)=>ee(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ee=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,te=async(e,t,n)=>{var o;const l=e.$hostElement$,s=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=H(t),l=r.get(o);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let s,i=A.get(e=e.head||e);if(i||A.set(e,i=new Set),!i.has(o)){{s=document.querySelector(`[sty-id="${o}"]`)||a.createElement("style"),s.innerHTML=l;const i=null!=(n=f.k)?n:j(a);if(null!=i&&s.setAttribute("nonce",i),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(d){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(s)}else e.append(s);1&t.o&&e.insertBefore(s,null)}4&t.o&&(s.innerHTML+=c),i&&i.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);ne(e,t,l,n),s&&(s.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>oe(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},ne=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,s=e.C||N(null,null),i=(e=>e&&e.m===R)(t)?t:P(null,null,t);if(C=o.tagName,n&&i.u)for(const e of Object.keys(i.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=o[e]);i.m=null,i.o|=4,e.C=i,i.v=s.v=o.shadowRoot||o,J(s,i,n)})(e,t,o)}catch(t){s(t,e.$hostElement$)}return null},oe=e=>{const t=e.$hostElement$,n=e.j;64&e.o||(e.o|=64,se(t),e.M(t),n||le()),e.S&&(e.S(),e.S=void 0),512&e.o&&b((()=>X(e,!1))),e.o&=-517},le=()=>{b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"gauge-page-header"}});return e.dispatchEvent(t),t})(u)))},se=e=>e.classList.add("hydrated"),ie=(e,t,o,l)=>{const s=n(e);if(!s)throw Error(`Couldn't find host element for "${l.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const i=s.P.get(t),r=s.o,c=s.t;o=T(o),8&r&&void 0!==i||o===i||Number.isNaN(i)&&Number.isNaN(o)||(s.P.set(t,o),c&&2==(18&r)&&X(s,!1))},re=(e,t,o)=>{var l;const s=e.prototype;return t.N&&Object.entries(null!=(l=t.N)?l:{}).map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,e)||{};i&&(t.N[e][0]|=2048),r&&(t.N[e][0]|=4096),(1&o||!i)&&Object.defineProperty(s,e,{get(){{if(!(2048&t.N[e][0]))return((e,t)=>n(this).P.get(t))(0,e);const o=n(this),l=o?o.t:s;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(s){const i=n(this);if(r){const n=32&l?this[e]:i.$hostElement$[e];return void 0===n&&i.P.get(e)?s=i.P.get(e):!i.P.get(e)&&n&&i.P.set(e,n),r.call(this,T(s)),void ie(this,e,s=32&l?this[e]:i.$hostElement$[e],t)}{if(!(1&o&&4096&t.N[e][0]))return ie(this,e,s,t),void(1&o&&!i.t&&i.R.then((()=>{4096&t.N[e][0]&&i.t[e]!==i.P.get(e)&&(i.t[e]=s)})));const n=()=>{const n=i.t[e];!i.P.get(e)&&n&&i.P.set(e,n),i.t[e]=T(s),ie(this,e,i.t[e],t)};i.t?n():i.R.then((()=>n()))}}})}})),e},ce=(e,o={})=>{var l;const h=[],p=o.exclude||[],m=u.customElements,y=a.head,w=y.querySelector("meta[charset]"),v=a.createElement("style"),$=[];let b,g=!0;Object.assign(f,o),f.l=new URL(o.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((o=>{const l={o:o[0],$:o[1],N:o[2],T:o[3]};4&l.o&&(S=!0),l.N=o[2];const c=l.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const o={o:0,$hostElement$:e,O:n,P:new Map};o.R=new Promise((e=>o.M=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,o)})(e=this,l),1&l.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${l.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),g?$.push(this):f.jmp((()=>(e=>{if(!(1&f.o)){const t=n(e),o=t.O,l=()=>{};if(1&t.o)(null==t?void 0:t.t)||(null==t?void 0:t.R)&&t.R.then((()=>{}));else{t.o|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Q(t,t.j=n);break}}o.N&&Object.entries(o.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.A){const l=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.A;if(!o)return;const l=i.get(o);return l?l[n]:import(`./${o}.entry.js`).then((e=>(i.set(o,e),e[n])),(e=>{s(e,t.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(l&&"then"in l){const e=()=>{};o=await l,e()}else o=l;if(!o)throw Error(`Constructor for "${n.$}#${t.H}" was not found`);o.isProxied||(re(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){s(t,e)}t.o&=-9,r()}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=H(n);if(!r.has(t)){const o=()=>{};((e,t,n)=>{let o=r.get(e);d&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,r.set(e,o)})(t,e,!!(1&n.o)),o()}}}const l=t.j,c=()=>X(t,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()})(e,t,o)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(async e=>{if(!(1&f.o)){const t=n(e);(null==t?void 0:t.t)||(null==t?void 0:t.R)&&t.R.then((()=>{}))}A.has(e)&&A.delete(e),e.shadowRoot&&A.has(e.shadowRoot)&&A.delete(e.shadowRoot)})(this))),f.raf((()=>{var e;const t=n(this),o=$.findIndex((e=>e===this));o>-1&&$.splice(o,1),(null==(e=null==t?void 0:t.C)?void 0:e.v)instanceof Node&&!t.C.v.isConnected&&delete t.C.v}))}componentOnReady(){return n(this).R}};l.A=e[0],p.includes(c)||m.get(c)||(h.push(c),m.define(c,re(u,l,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(l=f.k)?l:j(a);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,w?w.nextSibling:y.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(le,30)))},ue=e=>f.k=e;export{ce as b,P as h,h as p,o as r,ue as s}