@xplortech/apollo-core 3.3.0 → 3.4.0

package/hydrate/index.js

@@ -132,7 +132,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
 
 
 const NAMESPACE = 'apollo-core';
-const BUILD = /* apollo-core */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", shadowDom: false, slotRelocation: true, state: true, updatable: true};
+const BUILD = /* apollo-core */ { hydratedSelectorName: "hydrated", shadowDom: false, slotRelocation: true, state: true, updatable: true};
 
 /*
  Stencil Hydrate Platform v4.44.2 | MIT Licensed | https://stenciljs.com
@@ -460,7 +460,6 @@ var SLOT_NODE_ID = "s";
 var TEXT_NODE_ID = "t";
 var COMMENT_NODE_ID = "c";
 var HYDRATE_ID = "s-id";
-var HYDRATED_STYLE_ID = "sty-id";
 var HYDRATE_CHILD_ID = "c-id";
 var STENCIL_DOC_DATA = "_stencilDocData";
 var DEFAULT_DOC_DATA = {
@@ -468,7 +467,6 @@ var DEFAULT_DOC_DATA = {
   rootLevelIds: 0,
   staticComponents: /* @__PURE__ */ new Set()
 };
-var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var MAX_LAZY_LOAD_RETRIES = 3;
 var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
@@ -652,95 +650,6 @@ var uniqueTime = (key, measureText) => {
     };
   }
 };
-
-// src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc) {
-  var _a2, _b, _c;
-  return (_c = (_b = (_a2 = doc.head) == null ? void 0 : _a2.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
-}
-
-// src/runtime/styles.ts
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a2;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      const existingStyleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
-      if (existingStyleElm) {
-        existingStyleElm.textContent = style;
-      } else if (!appliedStyles.has(scopeId2)) {
-        styleElm = win.document.createElement("style");
-        styleElm.textContent = style;
-        const nonce = (_a2 = plt.$nonce$) != null ? _a2 : queryNonceMetaTagContent(win.document);
-        if (nonce != null) {
-          styleElm.setAttribute("nonce", nonce);
-        }
-        if ((cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */ || cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-          styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
-        }
-        if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-          if (styleContainerNode.nodeName === "HEAD") {
-            const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-            const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-            styleContainerNode.insertBefore(
-              styleElm,
-              (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-            );
-          } else if ("host" in styleContainerNode) {
-            {
-              const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer && true) {
-                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
-              } else {
-                styleContainerNode.prepend(styleElm);
-              }
-            }
-          } else {
-            styleContainerNode.append(styleElm);
-          }
-        }
-        if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-          styleContainerNode.insertBefore(styleElm, null);
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.textContent += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  addStyle(
-    elm.getRootNode(),
-    cmpMeta);
-  endAttachStyles();
-};
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var isComplexType = (o) => {
   o = typeof o;
@@ -2230,9 +2139,6 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
   const rc = elm["s-rc"];
-  if (isInitialLoad) {
-    attachStyles(hostRef);
-  }
   const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
   {
     await callRender(hostRef, instance, elm, isInitialLoad);
@@ -2561,18 +2467,6 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         const cmpTag = elm.localName;
         customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
       }
-      if (Cstr && Cstr.style) {
-        let style;
-        if (typeof Cstr.style === "string") {
-          style = Cstr.style;
-        }
-        const scopeId2 = getScopeId(cmpMeta);
-        if (!styles.has(scopeId2) || BUILD.hotModuleReplacement) {
-          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-          registerStyle(scopeId2, style);
-          endRegisterStyles();
-        }
-      }
     }
     const ancestorComponent = hostRef.$ancestorComponent$;
     const schedule = () => scheduleUpdate(hostRef, true);
@@ -4938,7 +4832,6 @@ var registerHost = (elm, cmpMeta) => {
   elm.__stencil__getHostRef = () => hostRef;
   return hostRef;
 };
-var styles = /* @__PURE__ */ new Map();
 
 class Accordion {
     constructor(hostRef) {
@@ -8309,7 +8202,7 @@ class Calendar {
         }
     }
     render() {
-        return (hAsync(Host, { key: '9482590a1f610ab97fa222cc4b7dd1c5d39646ce', class: "xpl-calendar" }, hAsync("input", { key: '1222dcda2f73a3bb174410a2a05c39d1f0614c7e', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
+        return (hAsync(Host, { key: 'a3fe8d5cf72542a8780abff18083667f0bedf2f7', class: "xpl-calendar" }, hAsync("input", { key: '3aa859f2f540ba6c04b1347e0b7d339322a181ab', class: "xpl-calendar-input", type: "text", id: this.calendarInputId, ref: (el) => {
                 if (el)
                     this.inputElement = el;
             } })));
@@ -8591,8 +8484,8 @@ class DataCard {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (hAsync(Host, { key: '67600ec3bea7c67b0adaab720343a44f29a56dd4', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: 'f49af2614c4dd8eb478bba583c30a9417f45e7f6', class: headerClasses }, hAsync("header", { key: '65fbdb3e3d1676b2b3424fca802f62069e67371e' }, !!this.leadingIcon && this.icon && (hAsync("span", { key: '969a2f56c7a6574fb4259efdb7dfcba236e99ccf', class: `xpl-data-card__icon--${this.variant}` }, hAsync("xpl-icon", { key: 'b1ccdddd1934feded858fea2170f8226738a30ad', icon: this.icon, "background-color": bgColorHue, size: 20 }))), hAsync("slot", { key: '16872a96b96f7f34bf4ac1f36aef388366899b0d', name: "title" }, this.name)), this.link && (hAsync("span", { key: '22fc5c8d7b82689c1e3fd10fb5240df957ea0bb6', class: "xpl-data-card__header-arrow" }, hAsync("xpl-icon", { key: 'b32326c05e48e6aae857da7ea809e553715cb17e', icon: "chevron-right", size: 16 })))), hAsync("dd", { key: '462b54b42a2bfdb66e2e7cb816578b46abac2281', class: "xpl-data-card__body" }, hAsync("div", { key: '617fe8c2c07d22523a3e233eea84e8509a3665e5', class: "xpl-data-card__left" }, hAsync("span", { key: '6fc8a0c0b525574ab0e7b1f8787b445805a2c477', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, hAsync("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
-            (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && hAsync("span", { key: '800c59505dfa7a9c6c8146d8722b5d941df198a3', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (hAsync("div", { key: '4edecaf0e2a361e0dc676f33ed46efcaeb357148', class: "xpl-data-card__right" }, hAsync("slot", { key: '3bbb230c30e850f16376079e2bdac5fe7b13686c', name: GRAPH_CONTENT_SLOT$1 }))))));
+        return (hAsync(Host, { key: 'fb91175354152014c8369bcae8185f2f0a071178', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: '3b8b2ff2bb78c57f791e3f9b4140ea7acfa92b8f', class: headerClasses }, hAsync("header", { key: '6fc0bfd1e215d7287ec0f458281e63f758338b10' }, !!this.leadingIcon && this.icon && (hAsync("span", { key: 'f5e05a6211c9e2dc7af4284f86f20d20d77c9303', class: `xpl-data-card__icon--${this.variant}` }, hAsync("xpl-icon", { key: '05a8e87ce2af58503f2d1eeff62a1ac28f121aa4', icon: this.icon, "background-color": bgColorHue, size: 20 }))), hAsync("slot", { key: 'b0516cf5536fddad413546864414ad631098a982', name: "title" }, this.name)), this.link && (hAsync("span", { key: '4a63943da50d3d70e3875928ad74f326d16396f6', class: "xpl-data-card__header-arrow" }, hAsync("xpl-icon", { key: 'af56c3a9e0f2fc683397aa0b1987f4e98318908a', icon: "chevron-right", size: 16 })))), hAsync("dd", { key: '7b7df42e84bef6a3dd191d5171471380089be754', class: "xpl-data-card__body" }, hAsync("div", { key: '5d59246ce0a1e9b068fd99ad7f15260e668e2f26', class: "xpl-data-card__left" }, hAsync("span", { key: '0f6071510c55952ae5ceb031d9c15a648018ade4', class: "xpl-data-card-stat xpl-data-card-stat--long" }, this.stat), this.tooltipTextStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, this.shortStat ? this.shortStat : this.stat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--short" }, hAsync("abbr", { title: this.stat }, this.shortStat ? this.shortStat : this.stat))), this.smallStatVariant ? (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: `xpl-data-card-stat xpl-data-card-stat--small ${this.smallStatVariant}` }, hAsync("xpl-icon", { icon: smallStatIcon, size: 16 }), this.smallStat))) : (this.smallStatIcon &&
+            (this.tooltipTextSmallStat ? (hAsync("xpl-tooltip", { text: this.tooltipTextSmallStat }, hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat))) : (hAsync("div", { class: "xpl-data-card-stat xpl-data-card-stat--small" }, hAsync("xpl-icon", { icon: this.smallStatIcon, size: 16 }), this.smallStat)))), !!this.detail && hAsync("span", { key: 'd412ffb9b685d8d74b6e5acefc1acb67e6edb04c', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (hAsync("div", { key: 'bb050d82e4babcc083945c8cc23159476063858e', class: "xpl-data-card__right" }, hAsync("slot", { key: '12b236efcc601e022b75b20223b234d385d7ff4a', name: GRAPH_CONTENT_SLOT$1 }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -25252,8 +25145,6 @@ var createIcons = /*@__PURE__*/getDefaultExportFromCjs(createIconsExports);
 const icons = createIcons(data, nameAliases);
 var apolloIcons = icons.default;
 
-const xplIconCss = () => `.xpl-icon{align-items:center;display:grid;justify-content:center}`;
-
 class Icon {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -25272,12 +25163,11 @@ class Icon {
         let wrapperClasses = 'xpl-icon__wrapper ';
         if (this.backgroundColor)
             wrapperClasses += `xpl-icon__wrapper--with-background xpl-icon__wrapper--with-background--${this.backgroundColor}`;
-        return (hAsync(Host, { key: '4227f699fde8eac6949eb604b1c7b4fa20f57d2b' }, hAsync("figure", { key: '33e1c0597e8883530ea685450afa47f2e0ac4555', class: wrapperClasses }, hAsync("span", { key: '9920c6ae88f80c03fc885f7b41524eeaa147d77f', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
+        return (hAsync(Host, { key: '19c397daad1da2833acfd8f398761b227eedf927' }, hAsync("figure", { key: 'd14db5b7a2bacc8e9e534e15f24d055e23045d07', class: wrapperClasses }, hAsync("span", { key: '59b161a6e73d2924e46e0e23b3da471ac70322b8', "aria-label": this.icon, role: "img", class: "xpl-icon", style: {
                 width: `${options.width}px`,
                 height: `${options.height}px`,
-            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), hAsync("figcaption", { key: '654cc247dbe9383198d6ac90b91412d0957259dc' }, this.icon, " icon"))));
+            }, innerHTML: apolloIcons.getIcon(this.icon)?.toSVG(options) }), hAsync("figcaption", { key: '452f4c3044710c3720a3e0aa73306f3cedd232ae' }, this.icon, " icon"))));
     }
-    static get style() { return xplIconCss(); }
     static get cmpMeta() { return {
         "$flags$": 0,
         "$tagName$": "xpl-icon",
@@ -25911,16 +25801,16 @@ class InputColor {
             top: `${y}px`,
             background: `rgb(${r}, ${g}, ${b})`,
         };
-        return (hAsync(Host, { key: 'baf8bd36a33134bff8b2e1ce1a5d81a567f232b2', class: "xpl-input-color" }, hAsync("xpl-popover", { key: 'e5bfd446e4b900371ee8ca7c7c321692079c66fb', disabled: this.disabled, display: "menu" }, hAsync("div", { key: '9d40ccbf649ba0be2884bbc7dec84d7c1e9ddbb7', slot: "trigger" }, hAsync("div", { key: '6b4474af2dab4be116728135214403af7189d99f', class: {
+        return (hAsync(Host, { key: 'f611b04be640ef01db089c007e7f25b8036c491d', class: "xpl-input-color" }, hAsync("xpl-popover", { key: '69543f023b1fac44519bdd4f0f05cc0cb80b9fa0', disabled: this.disabled, display: "menu" }, hAsync("div", { key: '6f375f07dfbd4071f0563dfd1f7b29179a8350f2', slot: "trigger" }, hAsync("div", { key: '17e69e5cc8e6ae1832ea553d853557e7ebe44203', class: {
                 'xpl-input-color__display': true,
                 'xpl-input-color__display--disabled': !!this.disabled,
                 'xpl-input-color__display--error': !!this.hasErrorState,
-            } }, hAsync("span", { key: '9372da25358b453c5b89f324886c986153b9386b', class: "xpl-input-color__color", style: {
+            } }, hAsync("span", { key: '9947ea401899d66e7d2ce41c585a9833fa1ad0c7', class: "xpl-input-color__color", style: {
                 background: objectToStringColor(this.colorValues),
-            } }), this.colorValues.hex ? (hAsync("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (hAsync("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (hAsync("xpl-icon", { key: 'a37bf00e4a70cda5e59cecfc7f108601bbb15e8e', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
+            } }), this.colorValues.hex ? (hAsync("span", { class: "xpl-input-color__value" }, objectToStringColor(this.colorValues))) : (hAsync("span", { class: "xpl-input-color__placeholder" }, this.placeholder)), this.eyeDropperSupported && !this.hideEyeDropper && (hAsync("xpl-icon", { key: 'c30ba3d881ddb1949896ca5ff1ae6956c64348d0', size: 20, icon: "eye-dropper", class: "xpl-input-color__icon", onClick: (e) => {
                 e.stopPropagation();
                 this.openEyeDropper();
-            } })))), hAsync("div", { key: 'e95b3755b47802b446de5d7e9c25d2238dea23ef', class: "xpl-input-color__menu" }, hAsync("div", { key: '9ecc94c286d9cd0a5e25c92eaea3a2dd9ee4394b', class: "xpl-input-color__sl-grid", ref: (el) => {
+            } })))), hAsync("div", { key: '5239298cd97594a7d8d7ee5b059e62417757ba1f', class: "xpl-input-color__menu" }, hAsync("div", { key: '23552fc0d6cec74386c86b793b2c9ac3db71a0a0', class: "xpl-input-color__sl-grid", ref: (el) => {
                 this.colorInputElements.slGrid = el ?? undefined;
             }, style: {
                 background: [
@@ -25928,9 +25818,9 @@ class InputColor {
                     `linear-gradient(to right, #fff, #fff0)`,
                     `rgb(${hueBaseColor.r} ${hueBaseColor.g} ${hueBaseColor.b})`,
                 ].join(', '),
-            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, hAsync("div", { key: '85b2e591be85db2a2d3d1bbe65ee276a857b92fa', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), hAsync("div", { key: 'b9d7f2fdc49d73db488d62f21433558b5b0a09a7', class: "xpl-input-color__grid" }, hAsync("input", { key: '3c260f54bde2c26a7b5980082cabf54e2d42340e', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
+            }, onMouseDown: this.startDrag, onTouchStart: this.startDrag }, hAsync("div", { key: 'c483d5d58c54cb6022584a6af5bfdbd761fd559b', class: "xpl-input-color__sl-thumb", style: slThumbStyle })), hAsync("div", { key: '157a8c17341702a2488cf957b54cabef43d11b5d', class: "xpl-input-color__grid" }, hAsync("input", { key: '430e5aee2dff413469293bb7b2ce1cbd370cad43', type: "range", min: "0", max: "360", value: this.hue, class: "xpl-input-color__slider xpl-input-color__hue", name: "color-hue-slider", ref: (el) => {
                 this.colorInputElements.hue = el ?? undefined;
-            } }), hAsync("input", { key: 'ef8ef568a1487b618aeeb986904a5eeefabba300', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
+            } }), hAsync("input", { key: 'd4b3043979ee22de697d61ee97f76743a138e961', type: "range", min: "0", max: "1", step: "0.01", value: a, class: "xpl-input-color__slider xpl-input-color__alpha", name: "color-alpha-slider", ref: (el) => {
                 this.colorInputElements.alpha = el ?? undefined;
             }, style: {
                 backgroundImage: [
@@ -25940,9 +25830,9 @@ class InputColor {
                     `linear-gradient(45deg, transparent 75%, #ccc 75%)`,
                     `linear-gradient(-45deg, transparent 75%, #ccc 75%)`,
                 ].join(', '),
-            } }), hAsync("div", { key: 'b4953565664df14ad483f30c45b6ae5e717e6a63', class: "xpl-input-color__preview", style: {
+            } }), hAsync("div", { key: 'ed859b34986b4c65b29193d0362fa32fa91ad6db', class: "xpl-input-color__preview", style: {
                 background: `rgba(${r}, ${g}, ${b}, ${a})`,
-            } })), hAsync("div", { key: '731a00aa7075efc1a19849a58e5a81c8837ab199', class: "xpl-input-color__inputs" }, [
+            } })), hAsync("div", { key: '6330ad3630f75f24b10117af3f98b39db6f6aecc', class: "xpl-input-color__inputs" }, [
             'hex',
             'r',
             'g',
@@ -26109,16 +25999,16 @@ class InputDate {
         parent.removeChild(wrapper);
     }
     render() {
-        return (hAsync(Host, { key: 'f1b3189eb8ba737e5e96826042d8c3aadce9b0d1', class: {
+        return (hAsync(Host, { key: 'db5a09f9a2ee0b813eddf841ea4ea3992e3e34c6', class: {
                 'xpl-input-date': true,
                 [`xpl-input-date--mode-${this.mode}`]: true,
                 'xpl-input-date--error': !!this.hasErrorState,
                 'xpl-input-date--flatpickr-static': this.flatpickrStaticLayout,
-            } }, hAsync("div", { key: '1c292279aad8ae7f48358d5e42189d60ecd1d97d', class: "xpl-input-wrapper" }, this.pre && (hAsync("label", { key: 'f8ed452f69f664fd4e3b83e428070f3f4b14d5c6', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), hAsync("input", { key: 'e1659c6ad3cb2cb0a5d88a7635672917d2f58ebb', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
+            } }, hAsync("div", { key: '747c13852b950f0cc66eee49385c4b21e1d877f5', class: "xpl-input-wrapper" }, this.pre && (hAsync("label", { key: 'b7701d8c9ddba763709f911393997178fd8ebe28', class: "xpl-input-pre", htmlFor: this.inputId }, this.pre)), hAsync("input", { key: 'fdacd352e22996be3f3edeceb570a6dc2c49728b', type: "date", id: this.inputId, disabled: this.disabled, name: this.name, required: this.required, readonly: this.readonly, placeholder: this.placeholder, max: this.max, min: this.min, ref: (el) => {
                 this.input = el ?? undefined;
             }, onChange: (event) => {
                 this.valueChanged(event);
-            } }), hAsync("xpl-icon", { key: '577c881edf4ef8dfd3c910c8bbdd268af7448e6c', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (hAsync("label", { key: '5acfeb3ea72d9c5a193116e305fd54d323276910', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
+            } }), hAsync("xpl-icon", { key: '6eb3953655f7186648ab7602eb4aa6ce8a3e70cc', class: "xpl-input-calendar", icon: "calendar", size: 24 }), this.post && (hAsync("label", { key: '4191049e3d4378d99b83bd6ebfd458953a70286e', class: "xpl-input-post", htmlFor: this.inputId }, this.post)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27189,7 +27079,7 @@ class LargeCard {
         }
     }
     render() {
-        return (hAsync(Host, { key: '879f57b756e3c25bb9bebbc06f144a137bf0b78b', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: '1336da473527a06e485c559925156954c0162696', class: "xpl-large-card__header" }, hAsync("header", { key: '69073fa20879ae4b9709ec54cc01cad85fba6366' }, hAsync("slot", { key: 'c9381d78ba477f7ba9f1ce6a2e82c149bbe50ad0', name: "title" }, this.name), this.link && (hAsync("span", { key: '8075678983d86cc192b9a2fc7a43fb4c022dbace', class: "xpl-large-card__header-arrow" }, hAsync("xpl-icon", { key: '960d96210c4d5f37b51782947b9acdb3cb4d125d', icon: "chevron-right", size: 16 })))), this.description && (hAsync("div", { key: '0162c71c16faa14385da912cbcf6a24f182b1012', class: "xpl-large-card__description" }, this.description))), hAsync("dd", { key: 'd48d1348b8d0b5b3db776d64be10b23d884cd35c', class: "xpl-large-card__body" }, this.graphContentPresent && hAsync("slot", { key: '7aa25f469d81ebc5046cc382920fcac9a3d59a9c', name: GRAPH_CONTENT_SLOT }))));
+        return (hAsync(Host, { key: 'a488db2794b82683d4c1ec3eb99d912ac44c6c01', role: "group", class: `xpl-large-card ${this.link ? 'xpl-large-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: '7120ad4c237b26f39a7778068426b88b070cac91', class: "xpl-large-card__header" }, hAsync("header", { key: '7c40707298086c2b478b93b189d63af3eec7bcfd' }, hAsync("slot", { key: '4cf184079ab33c2ffcd680e848eacdac5af7bcb3', name: "title" }, this.name), this.link && (hAsync("span", { key: '5b5397cea4222e30f21a57df7a6c953c7e0870b0', class: "xpl-large-card__header-arrow" }, hAsync("xpl-icon", { key: '63ae7e85989f006e566ef27c17bd0b8645aa1293', icon: "chevron-right", size: 16 })))), this.description && (hAsync("div", { key: 'bce1ce5e8f2f3e8d55eb187aef2a8a3c9ba756fb', class: "xpl-large-card__description" }, this.description))), hAsync("dd", { key: '5af4c4720b6fb563383d98d16c59914dcce2624b', class: "xpl-large-card__body" }, this.graphContentPresent && hAsync("slot", { key: '71663b175e0bba01c5d49c97b65e86f07f1682d4', name: GRAPH_CONTENT_SLOT }))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -27575,10 +27465,10 @@ class List {
     render() {
         const ariaLabelledBy = this.labelledBy?.trim() ? this.labelledBy.trim() : undefined;
         const ariaLabel = !ariaLabelledBy && this.label?.trim() ? this.label.trim() : undefined;
-        return (hAsync(Host, { key: 'a97abb1b66b810ef2d18683fd2b77d817c4cf87f', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
+        return (hAsync(Host, { key: '86436f586fb301e2fcdc9688ab7bc8c1f5c99f8d', role: "list", class: { 'xpl-list': true }, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, this.items?.map((item, index) => {
             const legacyRowId = item.id ?? `item-${index}`;
             return (hAsync("xpl-list-item", { key: `legacy-item-${legacyRowId}`, item: item, href: item.href, itemId: legacyRowId }));
-        }), hAsync("slot", { key: '0c5421e5ac9652c8efa7563003582a3a57141324' }), this.reorderable ? (hAsync("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
+        }), hAsync("slot", { key: '1799e215c1155e162a95b0df9813ad6e67e89f61' }), this.reorderable ? (hAsync("div", { class: "xpl-list__reorder-live", "aria-live": "assertive", "aria-atomic": "true" }, this.reorderLiveMessage)) : null));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -27845,11 +27735,11 @@ class NavHeaderMenu {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (hAsync(Host, { key: '4f03d42e8b1fb74ed6311b05cf8271347b6d6f54', class: {
+        return (hAsync(Host, { key: '8d9c313af0b3949188b2b8407ccf54249d78d865', class: {
                 'xpl-nav-header-menu': true,
                 'xpl-nav-header-menu--has-right-aside-mobile': this.rightAsideMobilePresent,
                 dark: true,
-            } }, hasProfile && (hAsync("div", { key: '0efea5710b8f5e96b9a31f41ccb17a3463295739', class: "xpl-nav-header-menu__profile" }, hAsync("div", { key: 'a23b89cdc2f00e3611303083a062823ece388df3', class: "xpl-nav-header-menu__info" }, this.username && (hAsync("div", { key: '755cbf613b70da2238521d26a8221b5cc60f16cb', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (hAsync("div", { key: '34214d815c2558606ed1d8cf1fcd4cd5fd29eb24', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), hAsync("div", { key: '59bf60e44aa73fbd785423a387c0e5778c14635e', class: "xpl-nav-header-menu__right-aside-mobile" }, hAsync("slot", { key: '48c61e23313d0bbbd6949d98fabe1ba79399e4e9', name: "right-aside-mobile" })), hAsync("div", { key: '12f7bb51b54f217a1fe21cdc7c0af50a5dbc1a6d', class: "xpl-nav-header-menu__slot", role: "list" }, hAsync("slot", { key: '3ab8954d96137ab0fcc12eba87e4b381173976f0' }))));
+            } }, hasProfile && (hAsync("div", { key: 'eac48816653f032818334b50ac775bdfaf36cc0d', class: "xpl-nav-header-menu__profile" }, hAsync("div", { key: '56aa8e84747a0ade405623f9633e6146b1a467fc', class: "xpl-nav-header-menu__info" }, this.username && (hAsync("div", { key: 'ae00a2ff0bfefe01a15bd26fb2df968e4c6585f8', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (hAsync("div", { key: '4a128bec22aede88dbf8954517ed8f679ceb2e67', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), hAsync("div", { key: 'fc2dee93bbc50c3e1289ac36ce05cb6ee65cbef0', class: "xpl-nav-header-menu__right-aside-mobile" }, hAsync("slot", { key: 'bb111883e1b01ce756d3b96cd006d146bd02414d', name: "right-aside-mobile" })), hAsync("div", { key: '92e206ff6277ad041aab3af88d8bf807a0ce644f', class: "xpl-nav-header-menu__slot", role: "list" }, hAsync("slot", { key: '199e23a42ebb450f10f55f809367ed945e990665' }))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -29573,10 +29463,10 @@ class SideNav {
             ;
     }
     render() {
-        return (hAsync(Host, { key: '8cffb32c21217edd67117acb264f3df5587fa32d', class: {
+        return (hAsync(Host, { key: '796d10dd1b98d02af5a72757db33adcbccc6ba8f', class: {
                 'xpl-side-nav': true,
                 'xpl-side-nav--open': this.open,
-            } }, hAsync("xpl-button", { key: '5a82bbc6a65690f550fe192aa6cd593efbf86bc8', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), hAsync("div", { key: '1315f34c7a6e1c793cc347292117f2e5992f074d', class: "xpl-side-nav__wrapper" }, hAsync("nav", { key: '4b7446999c74b1554dae84d04c439a75b712b429', class: "xpl-side-nav__content", "aria-label": this.label }, hAsync("div", { key: 'bce43018bf61c73dde0adb053fa87d0789edd329', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (hAsync("div", { key: 'd70ecd07a6c71dd76ce162b9167d3b5a11ba4ea8', class: "xpl-side-nav__header" }, hAsync("slot", { key: 'c9d10e57d77a69cf00e86c2a17a94eba5e54d23e', name: "nav-header" }))), hAsync("div", { key: '6873372f5eb854ee7ef88e6d3085d81be62fc508', class: "xpl-side-nav__section" }, hAsync("slot", { key: 'b07fdb332e8ccaaa69db61ade9bb88e43d6f8753', name: "section" }))), hAsync("div", { key: 'f34e444c538cbf246aee52ebfe35657a8fa1d706', class: "xpl-side-nav__footer" }, hAsync("slot", { key: 'da70c80d9378ad1e0dbf23d33d521021c346ee23', name: "nav-footer" })))), hAsync("xpl-backdrop", { key: '769576cb0961b8a00308c748d0efbaa0ef2b3ca5', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
+            } }, hAsync("xpl-button", { key: '94217602d9df6b196ff624d73c90cbd8d177c207', class: "xpl-side-nav__toggle", variant: "tertiary", iconOnly: true, icon: this.open ? 'sidebar-left-hide' : 'sidebar-left-show', "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onToggleClick }), hAsync("div", { key: '79cbb696b79ee474f95f50de939dc1b8abee1185', class: "xpl-side-nav__wrapper" }, hAsync("nav", { key: '3222db09f9172b69a7ff7a23bc62887f97dedc57', class: "xpl-side-nav__content", "aria-label": this.label }, hAsync("div", { key: 'b229c6451e0eac9c620215355209e8168b1a90b7', class: "xpl-side-nav__scroll-area" }, this.hasHeaderSlot && (hAsync("div", { key: '9c008d9a405726b0ea417158b9fc3f3037176d91', class: "xpl-side-nav__header" }, hAsync("slot", { key: 'e63409cc07440d56fba5c07bce7ec1720a48c103', name: "nav-header" }))), hAsync("div", { key: 'eed607668a9ee58af8a855d602d2bf71fea2ad2c', class: "xpl-side-nav__section" }, hAsync("slot", { key: 'df7a877af24b54d9e8fdc885121c680b3e9b76e4', name: "section" }))), hAsync("div", { key: '73302b7bc43f612ed0257f42ed5138238a8a1ebc', class: "xpl-side-nav__footer" }, hAsync("slot", { key: 'fb71041ebb895e8030b1ac3984cbea67244b622b', name: "nav-footer" })))), hAsync("xpl-backdrop", { key: '69487adfe2fc2e30d6640209693cb4b8e29ce1e6', class: "xpl-side-nav__backdrop", onClick: this.onBackdropClick })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30974,10 +30864,10 @@ class TabPanel {
         const t = this.target ?? '';
         const panelId = tabPanelDomId(groupId, t);
         const labelledBy = tabTriggerId(groupId, t);
-        return (hAsync(Host, { key: 'ab151f12048635eb5e47f4cbafcd6f04637f7dfd', "aria-labelledby": labelledBy, class: {
+        return (hAsync(Host, { key: '854ea5f142d3710299dc6b35b08a721d79d67b02', "aria-labelledby": labelledBy, class: {
                 'xpl-tab-panel': true,
                 'xpl-tab-panel--selected': this.selected,
-            }, id: panelId, role: "tabpanel" }, hAsync("slot", { key: '81d82c0f3d8b019ec0abf6cbec34529b216b6533' })));
+            }, id: panelId, role: "tabpanel" }, hAsync("slot", { key: '0b65b387574cd0058e12b7079494ce85c6f19a81' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -33605,7 +33495,7 @@ class TopNav {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'f51ed285523198b4ef39de7ea1e5dc025d5a308a', class: {
+        return (hAsync(Host, { key: '93c1434cfab90ea8a21d3fc824e877edb2292d7f', class: {
                 'xpl-top-nav': true,
                 'xpl-top-nav--nav-control': Boolean(this.navControl),
                 'xpl-top-nav--open': this.open,
@@ -33613,15 +33503,15 @@ class TopNav {
                 'xpl-top-nav--has-brand': this.hasBrand,
                 'xpl-top-nav--has-user-menu': this.hasUserMenu,
                 dark: true,
-            } }, hAsync("nav", { key: 'c2c14ed2ba975299efd76a391dfd6371b9214449', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, hAsync("div", { key: 'c223b947ffbcb55c6c6a06fa3adaeaee7661b61e', class: "xpl-top-nav__inner-left" }, this.navControl && (hAsync("button", { key: 'd364b6dd709d59730d40e7a0d41f9dd8fd55d40b', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, hAsync("xpl-icon", { key: 'b84614dc20189f641b2f5a08eef1c76610135598', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (hAsync("div", { key: '90b104133cbdea89643923fd06f54179978862a5', class: "xpl-top-nav__brand-bar" }, hAsync("xpl-top-nav-item", { key: '2b40b31ba1312a76231f7a89b1e95508a5a146a1', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (hAsync("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
+            } }, hAsync("nav", { key: '7a68202ba4a467f1f4c0e4acde8eed38fd81eabe', "aria-label": this.label ?? 'top-navigation-bar', class: "xpl-top-nav__bar" }, hAsync("div", { key: '5d90e4597ead418cff05105e164c7a51ac77ea6b', class: "xpl-top-nav__inner-left" }, this.navControl && (hAsync("button", { key: 'f01f960a6612985fb6054bb26e8f15e652f9e9e5', type: "button", class: "xpl-top-nav__nav-control", "aria-expanded": this.open ? 'true' : 'false', "aria-label": this.open ? 'Close navigation menu' : 'Open navigation menu', onClick: this.onNavToggle }, hAsync("xpl-icon", { key: 'b330f04963bf2f7407d091d5546acb4923acfdd6', class: "xpl-top-nav__control-icon", icon: "menu", size: 32 }))), this.hasBrand && (hAsync("div", { key: 'd43a05bf08ddec1a62c3000fce3e0e3332b1eb27', class: "xpl-top-nav__brand-bar" }, hAsync("xpl-top-nav-item", { key: 'ee5ca421e2a48c7048f418d4d105ee33bb591951', class: "xpl-top-nav__brand", href: this.brandHref, onNavItemClick: this.onBrandNavItemClick }, this.brandLogo?.trim() ? (hAsync("img", { class: "xpl-top-nav__brand-logo", src: this.brandLogo, alt: this.brandName?.trim()
                 ? this.brandName.trim()
-                : 'Brand' })) : this.brandLogoSlotPresent ? (hAsync("span", { class: "xpl-top-nav__brand-logo-slot" }, hAsync("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (hAsync("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), hAsync("div", { key: 'ca3e9b4501ab3756301b2079bcb9632734e56922', class: {
+                : 'Brand' })) : this.brandLogoSlotPresent ? (hAsync("span", { class: "xpl-top-nav__brand-logo-slot" }, hAsync("slot", { name: "brand-logo" }))) : null, this.brandName?.trim() ? (hAsync("span", { class: "xpl-top-nav__brand-name" }, this.brandName.trim())) : null))), hAsync("div", { key: 'eebb82d6e3b74cfefd5dc37f2d943982af57143f', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-left': true,
-            } }, hAsync("div", { key: 'f2674faf140853536150058d13a5d40c7399979e', class: "xpl-top-nav__left-primary", role: "list" }, hAsync("slot", { key: '29363ac15d3f3bf7a43b237a7f7e0622c5bd54c4', name: "left-aside" })))), hAsync("div", { key: '7c83bd0a80649b9cbe9ed757ead1136b6fabd09c', class: {
+            } }, hAsync("div", { key: '80831a29fc9a549e322659c9019b91e8859ae621', class: "xpl-top-nav__left-primary", role: "list" }, hAsync("slot", { key: '1afe64acf17e364209086a5d921f7ff1e249426e', name: "left-aside" })))), hAsync("div", { key: '40742d04b8bca081837201c260580367a9a7b44e', class: {
                 'xpl-top-nav__aside': true,
                 'xpl-nav-right': true,
-            } }, hAsync("div", { key: 'c67e6d3365d90cd7f7c55b08dcc4fa56dcb3e291', class: "xpl-nav-right__list" }, hAsync("div", { key: '46b9c3b0b010bf52a5632bc81b279310c0a54438', class: "xpl-top-nav__right-rail" }, hAsync("div", { key: '72279d15a5464dfabd9f92c04bc231e270ea04b9', class: "xpl-top-nav__right-lead" }, hAsync("slot", { key: 'd8b44d01141f9cfbeb7d6b019345ffc8c94fd0c3', name: "right-aside" })), this.hasUserMenu ? (hAsync("div", { class: "xpl-top-nav__right-user" }, hAsync("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (hAsync("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (hAsync("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
+            } }, hAsync("div", { key: '5fd88026428adc7984960967f1f5f95b4e4775de', class: "xpl-nav-right__list" }, hAsync("div", { key: 'bebf175590e3dfc04ce1e1824fa6391e4c4618f7', class: "xpl-top-nav__right-rail" }, hAsync("div", { key: '64e93df91296ab370401d8df9a5a41a83b8b38d4', class: "xpl-top-nav__right-lead" }, hAsync("slot", { key: '103d72d4b657adea4fb4a2bbd5a4ff70b0d7a034', name: "right-aside" })), this.hasUserMenu ? (hAsync("div", { class: "xpl-top-nav__right-user" }, hAsync("xpl-popover", { class: "xpl-top-nav__user-popover dark", position: "bottom-end", display: "menu" }, this.userMenuTriggerSlotPresent ? (hAsync("slot", { name: "user-menu-trigger", slot: "trigger" })) : this.usesBuiltInChildAccountTrigger ? (hAsync("xpl-button", { slot: "trigger", class: "xpl-top-nav__child-account-trigger", type: "button", variant: "tertiary", icon: "chevron-down", iconPosition: "end", iconOnly: this.childAccountLabelText.length === 0, "aria-haspopup": "dialog", "aria-label": this.childAccountLabelText.length > 0
                 ? undefined
                 : 'Open account menu' }, this.childAccountLabelText.length > 0
             ? this.childAccountLabelText
@@ -34064,7 +33954,7 @@ class TopNavItem {
         return (hAsync("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (hAsync(Host, { key: '59b96ce313362796a55a0e109a3cd3918b88a6b3', class: {
+        return (hAsync(Host, { key: 'bc734cbb385801e337ce2dbe6c4526312e266d1c', class: {
                 'xpl-top-nav-item': true,
                 'xpl-top-nav-item--active': this.active,
                 'xpl-top-nav-item--dropdown-open': this.hasDropdown && this.open,
@@ -34072,7 +33962,7 @@ class TopNavItem {
                 'xpl-top-nav-item--has-dropdown': this.hasDropdown,
                 'xpl-top-nav-item--selected': this.selected,
                 dark: true,
-            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (hAsync("div", { key: '8daced29efc97c4a36934dfd70764768440acbef', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, hAsync("slot", { key: 'aa1f47af8c810d24e21b18ded427c8a80f20ead2', name: "dropdown" })))));
+            }, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ...(this.hostListitemRole ? { role: 'listitem' } : {}) }, this.renderInner(), this.hasDropdown && (hAsync("div", { key: '1d30786f440f2c7cab378a8b495e3e4a7f24da72', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, hAsync("slot", { key: '6ac2aaaf93c5efae76ad36e0e15b784456a61a36', name: "dropdown" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34188,10 +34078,10 @@ class TopNavMenu {
         return (hAsync("xpl-top-nav-item", { class: "xpl-top-nav-menu__back", label: this.label, onNavItemClick: this.handleBackClick }, hAsync("xpl-icon", { slot: "leading-icon", icon: "chevron-left", size: 24 })));
     }
     render() {
-        return (hAsync(Host, { key: '10a844d721713b72f636a8a3a3e266139b9c0193', class: {
+        return (hAsync(Host, { key: 'e5d2cbfdf4186ee69b7e2ffcc26bc44f372923e2', class: {
                 'xpl-top-nav-menu': true,
                 dark: true,
-            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), hAsync("slot", { key: 'e7db1c580f34bf388658f6baacfc325322e2670e' })));
+            }, role: "list", "aria-label": this.label || undefined }, this.renderBackRow(), hAsync("slot", { key: '5c22ca998d86f7eb2ff89eb8bd0bf0b38b02dd31' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {