@xplortech/apollo-core 3.2.1 → 3.4.0

package/hydrate/index.mjs

@@ -130,10 +130,10 @@ 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.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.44.2 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -458,7 +458,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 = {
@@ -466,8 +465,9 @@ 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;
 
 // src/utils/style.ts
 function createStyleSheetIfNeededAndSupported(styles2) {
@@ -528,7 +528,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
   }
   return slottedNodes;
 }
@@ -648,95 +648,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;
@@ -762,6 +673,11 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          {
+            consoleError("Invalid vNode child");
+          }
+          continue;
         }
         if (simple && lastSimple) {
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -1509,7 +1425,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
     if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(memberName) === "") {
+      if (newValue !== false || elm.getAttribute(memberName) === "" || flags & 4 /* isHost */ && !isEnumeratedAttribute(memberName)) {
         if (xlink) {
           elm.removeAttributeNS(XLINK_NS, memberName);
         } else {
@@ -1526,6 +1442,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   }
 };
+var ENUMERATED_ATTRIBUTES = /* @__PURE__ */ new Set(["draggable", "contenteditable", "spellcheck"]);
+var isEnumeratedAttribute = (attrName) => ENUMERATED_ATTRIBUTES.has(attrName) || attrName.startsWith("aria-");
 var parseClassListRegex = /\s/;
 var parseClassList = (value) => {
   if (typeof value === "object" && value && "baseVal" in value) {
@@ -1919,7 +1837,10 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
+        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
+        // would trivially "match" on every re-render and force pointless re-insertion.
+        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -1987,7 +1908,7 @@ var insertBefore = (parent, newNode, reference, isInitialLoad) => {
       return newNode;
     }
   }
-  if (parent.__insertBefore) {
+  if ((parent == null ? void 0 : parent.__insertBefore)) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -2216,9 +2137,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);
@@ -2413,8 +2331,6 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
     }
   }
 };
-
-// src/runtime/proxy-component.ts
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a2;
   const prototype = Cstr.prototype;
@@ -2489,10 +2405,12 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
 
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a2;
   let Cstr;
   try {
     if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
       hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= -1025 /* hasFailedLoad */;
       const bundleId = cmpMeta.$lazyBundleId$;
       if (bundleId) {
         const CstrImport = loadModule(cmpMeta);
@@ -2504,6 +2422,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           Cstr = CstrImport;
         }
         if (!Cstr) {
+          hostRef.$flags$ &= -33 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a2 = hostRef.$loadRetryCount$) != null ? _a2 : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
           throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
         }
         if (!Cstr.isProxied) {
@@ -2542,18 +2465,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);
@@ -2568,7 +2479,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (hostRef.$onReadyResolve$) {
+    if (hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -2620,6 +2531,8 @@ var connectedCallback = (elm) => {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
@@ -4917,7 +4830,6 @@ var registerHost = (elm, cmpMeta) => {
   elm.__stencil__getHostRef = () => hostRef;
   return hostRef;
 };
-var styles = /* @__PURE__ */ new Map();
 
 class Accordion {
     constructor(hostRef) {
@@ -4972,14 +4884,14 @@ class Accordion {
             bordered: `xpl-accordion--border-bordered${this.expanded ? '--expanded' : ''}`,
             bottom: `xpl-accordion--border-bottom${this.expanded ? '--expanded' : ''}`,
         }[this.borderType];
-        return (hAsync(Host, { key: '5b950c90f1d0c1c4ec18a63543e8a3f967e4c345', class: `xpl-accordion ${accordionBorder}` }, hAsync("button", { key: 'd080af79bf979178beadd345259e3555c82d6d11', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("header", { key: '31cd09cebdcd16f8581340b720f4f3bf5eb11315', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, hAsync("slot", { key: '42f3de1cbccc2304d60db637879539a607338d9d', name: "heading" }, this.header), hAsync("xpl-icon", { key: 'f7a047102a0e10b60d3ac3d18aa47c2de4409b6e', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), hAsync("div", { key: '284d9e73027bc38acafc4d07355a0c21c7d38ce1', class: "xpl-accordion-description" }, hAsync("slot", { key: 'a7928e0e46a3f5d2274477a576f65330c5600046', name: "description" }, this.description))), hAsync("section", { key: '5d89a5282aa9f63d349196f2b90c2404bc636e47', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
+        return (hAsync(Host, { key: 'bef7707d1c7aaab18735fdb7b767b54a6cfd9805', class: `xpl-accordion ${accordionBorder}` }, hAsync("button", { key: '053fb3d0a2bf253e02d491d26e3a82986352e00e', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "xpl-accordion-toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("header", { key: '884b58fd83f39537b00bdb932286254447996151', class: `xpl-accordion-header xpl-accordion-header--size-${this.size}` }, hAsync("slot", { key: '86ee5ae7cc2c28d5a3d5a273b5597d424e5f677c', name: "heading" }, this.header), hAsync("xpl-icon", { key: 'e15037ad75519740e11bb4b2bf0ee83950cef3c4', size: 16, icon: "chevron-down", class: `xpl-accordion-icon-chevron ${this.expanded ? 'xpl-accordion-icon-chevron--rotate' : ''}` })), hAsync("div", { key: '553d3c1e14a5cd870a6f968133d1b3456d2a39dd', class: "xpl-accordion-description" }, hAsync("slot", { key: 'b114db833bfb9407997b9e2e79e93b83ae9f081a', name: "description" }, this.description))), hAsync("section", { key: '92e987377515608b9c9d6ee9de77f32a05644de8', id: this.contentId, role: "region", class: `xpl-accordion-content xpl-accordion-content--${!this.expanded ? 'hidden' : 'shown'} ${this.expanded
                 ? {
                     '': '',
                     none: '',
                     bordered: 'xpl-accordion-content--shown-bordered',
                     bottom: 'xpl-accordion-content--shown-border-bottom',
                 }[this.borderType]
-                : ''}` }, hAsync("slot", { key: '658018fba352e3d8a3d005890557fa4f5acb3985', name: "content" }))));
+                : ''}` }, hAsync("slot", { key: '0363c341f5554dc9b199c2ddfdc516fc758c46fc', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5043,7 +4955,7 @@ class ApplicationShell {
         navClasses += this.navOpen
             ? ` xpl-application-shell__nav--${this.navWidth}--open`
             : ` xpl-application-shell__nav--${this.navWidth}`;
-        return (hAsync(Host, { key: '2a5c0529540dc44d79f4744cd77465d097a3cfe9', class: applicationShellClasses }, hAsync("div", { key: '9e7b1e9c302d3188c20792ce5d45c4fd3d981eae', class: navClasses }, hAsync("slot", { key: 'ac3a2e232a4bb296dc97edb46da3a45a9a0143ee', name: "nav" })), hAsync("div", { key: '8a43762388448850e6b70f526ca288e12cfb3a86', class: "xpl-application-shell__subnav" }, hAsync("slot", { key: 'c3753c23cebdc77664c885770f2a7a3afafd2f70', name: "subnav" })), hAsync("div", { key: '17e41ed6c571dc8a11c20034cff373442ed72a47', class: "xpl-application-shell__utility" }, hAsync("slot", { key: '20b62c7529383caf5d52e9f0a7afdfd362136404', name: "utility" })), hAsync("div", { key: '1632f1a97ae50432228040c3788248ff598160f1', class: "xpl-application-shell__content" }, hAsync("slot", { key: '0e3fa6b14b216db3848ec302f755db2f4d9babea', name: "content" })), hAsync("xpl-backdrop", { key: 'd465d3084d1728fd072537ccd1947a154389fb59', onClick: () => this.navToggleHandler(), class: {
+        return (hAsync(Host, { key: '62f8a731b47f2ffadb192ed1c4d804362dd66a42', class: applicationShellClasses }, hAsync("div", { key: '0f8b2f9825bd85a187a44ec8b29bb61933216d47', class: navClasses }, hAsync("slot", { key: 'f35e09fef29ec3ec8a14c32891e1f1a6aeec058a', name: "nav" })), hAsync("div", { key: '29ea416c978cdb10ecc2df516cc25ff7fbde2342', class: "xpl-application-shell__subnav" }, hAsync("slot", { key: '56d536702db72a201d5573d30e7e4f04a5fd3428', name: "subnav" })), hAsync("div", { key: 'eb6edaeab5e79ba6d6f60c1edf2369205a724f59', class: "xpl-application-shell__utility" }, hAsync("slot", { key: '86fde26627dbf24bf23d2b467940bf3ff58dbdc8', name: "utility" })), hAsync("div", { key: 'ae8b382f38f03018b4098b96fcf1a9a583671356', class: "xpl-application-shell__content" }, hAsync("slot", { key: '3e8cbe1c7540e3522147582e7bb724bef88f8910', name: "content" })), hAsync("xpl-backdrop", { key: '559ef92a0ed4764257f25482a7d192183785c2cf', onClick: () => this.navToggleHandler(), class: {
                 'xpl-application-shell__backdrop--open': this.navOpen,
             }, relative: true })));
     }
@@ -5247,7 +5159,7 @@ class Backdrop {
         this.relative = false;
     }
     render() {
-        return (hAsync(Host, { key: '953f17db70815d5bc0b0debb29c4eda2f6f67b0a', class: {
+        return (hAsync(Host, { key: '85f3504a4f62941f97a81da862a210822b13376c', class: {
                 'xpl-backdrop': true,
                 'xpl-backdrop--fixed': !this.relative,
                 'xpl-backdrop--relative': this.relative,
@@ -5293,7 +5205,7 @@ class Badge {
             [`xpl-badge--size-${this.size}`]: !!this.size,
             [`xpl-badge--shape-${this.shape}`]: !this.dotOnly && !!this.shape,
         };
-        return (hAsync(Host, { key: '88ec460410a79a749357fb0fcfce4393f1fbd119' }, hAsync("div", { key: '93dd43a12a7d18a95d6c6d242ac527017736cd38', class: className }, hAsync("span", { key: 'f399c751da8fc51c5a47672c39e1b618d29f1314', class: "xpl-badge__label" }, hAsync("slot", { key: 'f3920fd097e95f0e550eafa40010b0ca3d4202d4' })))));
+        return (hAsync(Host, { key: 'df70cb8e95cecc50abc78308edb0b3de90b1e8d5' }, hAsync("div", { key: 'de762267e9a338127b65027fbb77a297939e997a', class: className }, hAsync("span", { key: '99f8e2cfb87fd814c520532ef0701095e2b8f606', class: "xpl-badge__label" }, hAsync("slot", { key: 'c49400097ee9bdfc04344464d7be3e02133b199c' })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -5371,13 +5283,13 @@ class Banner {
         const actionState = this.getActionButtonState();
         const isHeadingPresent = !!this.heading?.trim();
         const isDescPresent = !!this.description?.trim();
-        return (hAsync(Host, { key: 'a78a06e2863b01b36e265fdd55bb9d1d77751c88', class: {
+        return (hAsync(Host, { key: '3ec080a23996280ec5223f06f75db2f308c4af9e', class: {
                 'xpl-banner': true,
                 'xpl-banner--section': this.isSection,
                 [`xpl-banner--${this.appearance}`]: true,
                 'xpl-banner--truncate-desc': this.truncateDesc,
                 'xpl-banner--no-icon': this.isSection && !this.hasIcon,
-            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (hAsync("div", { key: '70b99cf6bf217673c1dc80d022a461285636a4bd', class: "xpl-banner__icon", "aria-hidden": "true" }, hAsync("xpl-icon", { key: 'f91c24c80d30d8c784c4fa96e8a3829243705436', icon: this.getIcon(), size: 24 }))), hAsync("div", { key: 'edbcd267f1ad434adc4b2a05ce598fab3c2e6df6', class: "xpl-banner__body" }, isHeadingPresent && hAsync("p", { key: 'd3416ba50362753dd22e2c7e4097159bedf9f8c4', class: "xpl-banner__heading" }, this.heading), isDescPresent && (hAsync("p", { key: 'b899e18bce636d21cec109cd3a7933907877d32a', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (hAsync("div", { key: '702098d0a58e9327adba65a1b5d9ab9381eabfee', class: "xpl-banner__actions" }, hasAction && (hAsync("xpl-button", { key: '73e9a4609e1d8f9a21d096369def97a864dc7ed7', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (hAsync("xpl-button", { key: 'e8449c8728aa9336c51fe0fd4f012452730eb816', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (hAsync("button", { key: '9b46dcb8aac285b0fc4a8d60132dd99d756d61c3', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, hAsync("xpl-icon", { key: 'd0299f4467685505ab2712a985c09ed2d12e90a4', icon: "xmark", size: 24, "aria-hidden": "true" })))));
+            }, role: "region", "aria-label": this.getAriaLabel() }, (!this.isSection || this.hasIcon) && (hAsync("div", { key: 'b6a41b971e0a7f07aefa8bd457e39cd16dbaeb3b', class: "xpl-banner__icon", "aria-hidden": "true" }, hAsync("xpl-icon", { key: 'cefc593e0ab2134c4853e7e5e49be548d6b32a24', icon: this.getIcon(), size: 24 }))), hAsync("div", { key: 'c26947f4579889550ce9d9edf272274c96981ff7', class: "xpl-banner__body" }, isHeadingPresent && hAsync("p", { key: 'ccc03db846014aaa25b9938373108feae99150d3', class: "xpl-banner__heading" }, this.heading), isDescPresent && (hAsync("p", { key: '14493ae4ebd31a9d2677b45f148d98c0b6a443e8', class: "xpl-banner__description", title: this.truncateDesc ? this.description : undefined }, this.description))), (hasAction || hasSecondaryAction) && (hAsync("div", { key: '37347b1eb78e4664498410a3e5918f26cb670725', class: "xpl-banner__actions" }, hasAction && (hAsync("xpl-button", { key: 'e84704a48a07fd2ca75252c8821f59084275975c', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.action.emit() }, this.actionText)), hasSecondaryAction && (hAsync("xpl-button", { key: 'e02ac8ed8b9c4146d6275262359a9d5d3e401e9c', size: "xs", variant: actionVariant, state: actionState, onClick: () => this.secondaryAction.emit() }, this.secondaryActionText)))), this.isDismissible && (hAsync("button", { key: '8f7c5451c1fcadd30915f59064738e42a1e72948', class: "xpl-banner__dismiss", type: "button", "aria-label": `Dismiss ${this.isSection ? 'section ' : ''}banner`, onClick: () => this.dismiss.emit() }, hAsync("xpl-icon", { key: '6775534525f9363551699f9efa879225d51363f4', icon: "xmark", size: 24, "aria-hidden": "true" })))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -5408,7 +5320,7 @@ class BreadcrumbItem {
     `;
     }
     render() {
-        return (hAsync(Host, { key: '7183a61283e558218b0ab031b4751c8a0adceccf', class: "xpl-breadcrumb-item", role: "listitem" }, hAsync("li", { key: 'dbd92cb1dbda6fae79786dc0445bed7d7c77334f', role: "none" }, hAsync("slot", { key: 'aed0551ce683fce1886d2e4263ad817201471e61' })), hAsync("span", { key: 'eb62adcc50b5da568c953263ebe6e3dc185c60c1', innerHTML: this.chevron })));
+        return (hAsync(Host, { key: 'f27e929df7f6b3c346c78dbaa1fbd5504ed02bb8', class: "xpl-breadcrumb-item", role: "listitem" }, hAsync("li", { key: '58c1f95719d3d0ad4304cc4f29e74fc66efa5693', role: "none" }, hAsync("slot", { key: 'd8ecd978e3f99fd2638094d33735c66e3a56d29c' })), hAsync("span", { key: 'a0b21f289feb8246a9e75874f259fe5597cbcaf3', innerHTML: this.chevron })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -5425,7 +5337,7 @@ class Breadcrumbs {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'da8bca6508913f46c473f8d97bfd7dc6dd45bce5' }, hAsync("nav", { key: 'c9967a3ea464361b820e1c8354ee646cc13677e8', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, hAsync("ol", { key: '57791a5a8d72a9f25d0e9d43eac87044d8115f4a', role: "list" }, hAsync("slot", { key: 'b6c7658b88b190130352d096a9b8b1b7e83f7839' })))));
+        return (hAsync(Host, { key: 'f859d93fa0a8ad5b4f8258aa9bbdc1911d6ae16d' }, hAsync("nav", { key: '6d676d761994ec12287b1ebdd9de581b312bea8e', class: "xpl-breadcrumbs", "aria-label": "Breadcrumb" }, hAsync("ol", { key: 'ebcb8ef044cb89b8269e2b57b920d915f722a7de', role: "list" }, hAsync("slot", { key: '61baec9902cafb7fbdfd69293005708abda67170' })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -5493,7 +5405,7 @@ class Button {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0e9841bd097a28e6745efddaf0d528d1f23f799d', class: {
+        return (hAsync(Host, { key: '22c276771971610882e3f2761685fc0194bf4b53', class: {
                 'xpl-button': true,
                 [`xpl-button--${this.size}`]: true,
                 [`xpl-button--${this.variant}`]: true,
@@ -5508,7 +5420,7 @@ class Button {
                     this.type === 'reset' ||
                     this.type === undefined)
                 ? 'button'
-                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && hAsync("span", { class: "xpl-button__icon" }, this.renderIcon()), hAsync("slot", null), this.isLoading && (hAsync("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, hAsync("span", { class: "xpl-button__loading-spinner" }, hAsync("xpl-icon", { icon: "loader-4" }))))))));
+                : this.type, name: this.name, value: this.value, form: this.form, "aria-busy": this.isLoading ? 'true' : undefined }, this.icon && hAsync("span", { class: "xpl-button__icon" }, this.renderIcon()), hAsync("slot", null), this.isLoading && (hAsync("span", { class: "xpl-button__loading-overlay", "aria-hidden": "true" }, hAsync("span", { class: "xpl-button__loading-spinner" }, hAsync("xpl-icon", { icon: "loader-4", size: 20 }))))))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -5549,7 +5461,7 @@ class ButtonRow {
         this.onTertiary = () => this.clickTertiary.emit();
     }
     render() {
-        return (hAsync(Host, { key: '775133c0e49878db9861212167b4af14241f39b7', class: "xpl-button-row" }, hAsync("div", { key: 'cb0bf58d6624380730d56fbcb67746bef02f1623', class: "xpl-button-row-inner" }, hAsync("div", { key: 'c857f0383c85129273ee2bdd3572a05ead4682ae', class: "xpl-button-row__left" }, this.secondary && (hAsync("xpl-button", { key: '863e665b97686490b5a8df1b94303ab369eb9bf0', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), hAsync("div", { key: 'c5f244acf020f0cb3be4994fafe92161428a7289', class: "xpl-button-row__right" }, this.tertiary && (hAsync("xpl-button", { key: '9766e4e5ff3cd7e3f2202764edf9b3c3221b7ea8', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (hAsync("xpl-button", { key: '981384abd21328e229f28a345eef129cb96cbdc8', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (hAsync("xpl-button", { key: 'f141d9bff96edd8c74bd19745e7a259005ebc12e', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
+        return (hAsync(Host, { key: '1a62b9b571e501af51ec981ffa18482516d889dd', class: "xpl-button-row" }, hAsync("div", { key: '60eefd7f143289ff3991373d29d8fb925c326bcd', class: "xpl-button-row-inner" }, hAsync("div", { key: 'a395589aa225b953abf8a60539ea32dcca023f17', class: "xpl-button-row__left" }, this.secondary && (hAsync("xpl-button", { key: 'b4682506704ed7b9169e5b621fa58d6c5238103f', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary))), hAsync("div", { key: '24c432eb94332d55842cb3e3b747b933bc29b168', class: "xpl-button-row__right" }, this.tertiary && (hAsync("xpl-button", { key: '07ddee3c645def7a435d1ee7e33ac82a11b311cd', variant: "subtle", type: "button", onClick: this.onTertiary }, this.tertiary)), this.secondary && (hAsync("xpl-button", { key: 'eed2fe1cf5235744f91b3990953dd3bea7ed6bea', variant: "secondary", type: "button", onClick: this.onSecondary }, this.secondary)), this.primary && (hAsync("xpl-button", { key: '28d2224d6c2b519068b5c47ccb8e7a2a8ec31180', class: "xpl-button-row__primary", onClick: this.onPrimary }, this.primary))))));
     }
     static get cmpMeta() { return {
         "$flags$": 0,
@@ -8288,7 +8200,7 @@ class Calendar {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'b82a13403c12cdcfa676caeddcd397cd264eb9ec', class: "xpl-calendar" }, hAsync("input", { key: '0fba8e4e4b052bfed0e883c3455f63e8549c4263', 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;
             } })));
@@ -8323,14 +8235,14 @@ class Checkbox {
         };
     }
     render() {
-        return (hAsync(Host, { key: '300304af622ef0f26d53df76c20e27990a7b71d4', class: {
+        return (hAsync(Host, { key: '1c22f9cae18b7ef0ab38b01b0a1bcb0267047201', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, hAsync("input", { key: '43b393bae1a48af0cd14f577cf3164d034e3aa3f', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), hAsync("label", { key: 'fcd3c7867ff3a8073bcd48aed8fb22c587f38ab0', class: {
+            } }, hAsync("input", { key: 'b82e9eef1e504bdf76faf441c5215b3ef95bd006', class: "xpl-checkbox", type: "checkbox", "aria-label": (this.ariaLabel ?? '').trim() || undefined, checked: this.checked, "data-id": this.dataId, disabled: this.disabled, id: this.id, indeterminate: this.indeterminate, onChange: this.onChange, name: this.name, required: this.required, value: this.value }), hAsync("label", { key: '0f605fbd6dbee4e412e12c461bc530b47926d01b', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, hAsync("slot", { key: 'd2ddc28e2b6c310f800efd13aaf8b6b718146e51' }), this.description && (hAsync("small", { key: '573a2af2584d91da251b974c56999529c06ad9d0', class: {
+            }, htmlFor: this.id }, hAsync("slot", { key: '1f165c4cad532b4daa6726ca1cd0607c26d7bbee' }), this.description && (hAsync("small", { key: '21d04363115f6762600d4fa47ea2bdd2ae1a9c78', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));
@@ -8396,7 +8308,7 @@ class Choicelist {
         this.onChoicesPropChange(this.choices);
     }
     render() {
-        return (hAsync(Host, { key: '618280baaf3f3e5d6b2787e74a257858a2a94a26', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (hAsync("div", { class: "xpl-choicelist-heading" }, this.heading && hAsync("h3", null, this.heading), this.description && hAsync("p", null, this.description))) : null, this.choices && (hAsync("ul", { key: '3d728d5612ea9efe80325cb09b98f5cf3146a813', class: {
+        return (hAsync(Host, { key: 'c1588b70760e078e599ee7a0ffa9b63b65bfb7e4', class: "xpl-choicelist-container" }, this.heading !== undefined || this.description !== undefined ? (hAsync("div", { class: "xpl-choicelist-heading" }, this.heading && hAsync("h3", null, this.heading), this.description && hAsync("p", null, this.description))) : null, this.choices && (hAsync("ul", { key: '0ea89dcd0aa52724e2659b0a075299c0624eb682', class: {
                 'xpl-choicelist': true,
                 'xpl-choicelist--styled': !!this.styled,
             } }, this.choices.map((choice, i) => {
@@ -8441,7 +8353,7 @@ class ContentArea {
         this.size = 'wide';
     }
     render() {
-        return (hAsync(Host, { key: '30c120a2eb2998222057ec07e5904cc1d8522f88' }, hAsync("main", { key: 'c4d94b67ece358f50577b5b26793a31fa58b5ad2', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, hAsync("div", { key: '162e32db10f359d86cbe80fa881f9866b8a9e14e', class: "xpl-content-area" }, hAsync("slot", { key: '065c2851622f7817ab6ceb5fe5b23cd19a1408ed' })))));
+        return (hAsync(Host, { key: '039b66267939780a105ead45dee7fdbab2826555' }, hAsync("main", { key: '457e5701bed865b094c8031fef9a4f2d4f167e2a', class: `xpl-content-area-wrapper xpl-content-area-wrapper__${this.size}` }, hAsync("div", { key: '174ca226c7c4cf56bd03f0636b985f5c13b72ddc', class: "xpl-content-area" }, hAsync("slot", { key: '74e699c02c468d99032e37f8bdc025a5ad443e53' })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -8460,7 +8372,7 @@ class Dashboard {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '6551b0e202b00dc8c584c4368bfabdb388433016' }, hAsync("dl", { key: '126b026852d0de7040ce26736eb850fa31bfc1f3', class: "xpl-dashboard" }, hAsync("slot", { key: '262977ead7f8f9d15e61a20368bb1a3584b4fd8b' }))));
+        return (hAsync(Host, { key: 'dac516d62e2171dcd43f7c7d28fc4af39a880d63' }, hAsync("dl", { key: '9ebe4177da5919058c8cdcc7aba2b07fcc9617a0', class: "xpl-dashboard" }, hAsync("slot", { key: 'eb261b674f1ae29b4b9837c98865b64a78fe4949' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -8570,8 +8482,8 @@ class DataCard {
             : this.smallStatVariant === 'negative'
                 ? 'arrow-down-right'
                 : 'dash';
-        return (hAsync(Host, { key: '7c4e576cefe0b23b431aa2a73ca246fec0bb8db6', role: "group", class: `xpl-data-card ${this.link ? 'xpl-data-card__link' : ''}`, tabindex: "0" }, hAsync("dt", { key: 'e5907b183be449b87b2b5c46f17b2c7c97a07f66', class: headerClasses }, hAsync("header", { key: '234988a87297a90565614c16e7a30a18a7b5aeb2' }, !!this.leadingIcon && this.icon && (hAsync("span", { key: '462d1f7a090eefb04be255c37a19d05c8365bf35', class: `xpl-data-card__icon--${this.variant}` }, hAsync("xpl-icon", { key: '334a676cbbf353de77fd173fbeb786820694d6d0', icon: this.icon, "background-color": bgColorHue, size: 20 }))), hAsync("slot", { key: '9f933f8307c0ee4289ab03971261d947ac3a71c3', name: "title" }, this.name)), this.link && (hAsync("span", { key: 'eb5e62387de08b5d588b702cdb06522a18f6d0ff', class: "xpl-data-card__header-arrow" }, hAsync("xpl-icon", { key: 'f0c210320683fa98dc15e89cef7ba0351ae8b54f', icon: "chevron-right", size: 16 })))), hAsync("dd", { key: 'a18c3f4800e6719a659e8ad1ebb9b61d4c59235a', class: "xpl-data-card__body" }, hAsync("div", { key: '0ea86cf8297a15c2ac3694df4ecedbce2a967239', class: "xpl-data-card__left" }, hAsync("span", { key: 'd3daf019480ee66cfd9c1fff5e57cad87dab9b6e', 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: '61bb7ebb508ead51c8c7dbbe1513822c65675fc5', class: "xpl-data-card__detail" }, this.detail)), this.graphContentPresent && (hAsync("div", { key: '6325676d2bbc0210e5d46ec72a5f8cb7d916d255', class: "xpl-data-card__right" }, hAsync("slot", { key: '96775ee066bcea7b8e418132b8125857cf197cbc', 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 {
@@ -8614,7 +8526,7 @@ class Divider {
     render() {
         let className = 'xpl-divider';
         className += ` xpl-divider--${this.tier}`;
-        return (hAsync(Host, { key: '4c1cdecc3ed6e9440668e413df897e23d9f7d679', class: className }, hAsync("span", { key: 'bb85cd26e6565c1f1ec150fca99fe965957878cb' }, hAsync("slot", { key: '37d5a8f75d26f6ba545aa1c12c4e7634b8dd1b6c' }))));
+        return (hAsync(Host, { key: 'af5215db4c71b69c9dba81383bd9ae2fa318d7f1', class: className }, hAsync("span", { key: 'de353b8dd0fa49490b93295a0da8c783a0b664f4' }, hAsync("slot", { key: '9a10da3760366b90059113530c7e1799d1a3a89c' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -10764,7 +10676,7 @@ class Dropdown {
         const shouldVirtualize = this.isVirtualized;
         let listContent;
         if (!hasOptions) {
-            listContent = hAsync("slot", { key: 'da24352c25525fb0f20a86804889ceef4eed67f0', name: "options" });
+            listContent = hAsync("slot", { key: '1d251963757071def866eb219bb3a33f3bc6df5c', name: "options" });
         }
         else if (shouldVirtualize) {
             const { rowHeight, overscan } = VIRTUAL_LIST;
@@ -10772,18 +10684,18 @@ class Dropdown {
             const start = Math.min(this.virtualStart, total);
             const fallbackEnd = Math.min(total, Math.ceil(300 / rowHeight) + overscan * 2);
             const end = this.virtualEnd > start ? this.virtualEnd : fallbackEnd;
-            listContent = (hAsync("li", { key: '356b1871de0539aee6ac085e59d4861cdb7db135', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
+            listContent = (hAsync("li", { key: '8430b65a3af7d86f95d4e5f7097fdd54c5d26b57', class: "xpl-dropdown__virtual-sizer", style: { height: `${total * rowHeight}px` } }, options.slice(start, end).map((option, i) => renderOption(option, start + i))));
         }
         else {
             listContent = options.map((option) => renderOption(option));
         }
-        return (hAsync(Host, { key: 'f34a4f503feb2050100db75a40f21959aca8e74e', "aria-expanded": isOpen ? 'true' : 'false', class: {
+        return (hAsync(Host, { key: '7a3687087564c55a008fd1bd2fece17c1dfb23dd', "aria-expanded": isOpen ? 'true' : 'false', class: {
                 'xpl-dropdown': true,
                 'xpl-dropdown--multi': mode === 'multi',
                 'xpl-dropdown--open': isOpen,
                 'xpl-dropdown--anchor-to-trigger': this.anchorToTrigger,
                 'xpl-dropdown--virtualized': shouldVirtualize,
-            }, role: "listbox" }, hAsync("slot", { key: 'dee58bc149835d2c4e1328fd92c780f75bea0499', name: "header" }), hAsync("ul", { key: '32bec73cc8b67bd38df5231b3049c897a9d36c4e', class: "xpl-dropdown-list", ref: (el) => {
+            }, role: "listbox" }, hAsync("slot", { key: '46caefc7c1f62c63c45340ade0b1586c9ad64238', name: "header" }), hAsync("ul", { key: '40c83a3f32bceec5814fd95fc6d0256a729c86ce', class: "xpl-dropdown-list", ref: (el) => {
                 this.setListEl(el);
             }, onScroll: shouldVirtualize ? this.handleVirtualScroll : undefined }, listContent)));
     }
@@ -10845,7 +10757,7 @@ class DropdownGroup {
         const hasOptions = options && options.length;
         const mappedOptions = hasOptions &&
             options.map(({ groupName: optsGroupName, ...properties }) => optsGroupName ? (hAsync("xpl-dropdown-group", { label: optsGroupName, ...properties })) : (hAsync("xpl-dropdown-option", { ...properties })));
-        return (hAsync(Host, { key: '765c69b589275544bc312a60036a22345509b105', role: "group", "aria-label": groupName }, hAsync("li", { key: '6dfa766bd675e0579e8608aa0b202f63e2be2635', class: "xpl-dropdown-list-item" }, hAsync("xpl-dropdown-heading", { key: '42cb1a573126edee7f1a01397988d6e9d952ead3', label: groupName }), hAsync("ul", { key: 'f443eba9c19554eea7997a47252816a39660d9a7', class: "xpl-dropdown-list" }, mappedOptions || hAsync("slot", { key: '60d3bff8026d96197a3482cd7e58807cfc02df2b', name: "options" })))));
+        return (hAsync(Host, { key: 'c9a5ff35e59c6d64fb3b2bdf8d8e9381f53f843b', role: "group", "aria-label": groupName }, hAsync("li", { key: '610646a5285bbda17ad9ef1a77abd8ccff657676', class: "xpl-dropdown-list-item" }, hAsync("xpl-dropdown-heading", { key: '6daa3fa23425eae46c2d85370523af456c2dced3', label: groupName }), hAsync("ul", { key: '0409673dbab16cd5fc72c5f7a50d23c531d91d66', class: "xpl-dropdown-list" }, mappedOptions || hAsync("slot", { key: '19d7a3d59640af4759076e90c055556fa4a90f5f', name: "options" })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -10865,7 +10777,7 @@ class DropdownHeading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'fbd0029d191d8d81c3d316ac1cb2c51173da29b8', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, hAsync("span", { key: 'd585dc509d918142589c1874e173b369c1c2a822' }, this.label || hAsync("slot", { key: '67b72339653dce321acedfd14befcfe5335edf43', name: "heading" }))));
+        return (hAsync(Host, { key: '06a117cb42389f17449401733d384b6669c39859', class: { 'xpl-dropdown-heading': true }, role: "presentation" }, hAsync("span", { key: '58262cf943e31880cf1d942af06dfefaa380cf8b' }, this.label || hAsync("slot", { key: '3e0081cc6c9fc738f4d14c9f9838a8cff2c01b21', name: "heading" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -10934,11 +10846,11 @@ class DropdownOptionCpnt {
     }
     render() {
         const { label, isSelected, isDisabled, value, subtitle, icon } = this;
-        return (hAsync(Host, { key: '3e8fe525f44d24414926664c8475344b3e57eb53', class: {
+        return (hAsync(Host, { key: 'cc7bdfecd0354f3b1f9080535e3014d946a697c4', class: {
                 'xpl-dropdown-option': true,
                 'xpl-dropdown-option--disabled': !!isDisabled,
                 'xpl-dropdown-option--selected': !!isSelected,
-            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, hAsync("li", { key: '4262100b3ea2e62575f8eaad8908d9379a8ea05c', class: "xpl-dropdown-list-item" }, icon && (hAsync("xpl-icon", { key: '7505fcdc35b15b6e97a4753525cee7232244fa6e', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || hAsync("slot", { key: '35b00d7aa187a38b1f9d78425189764d9b8575d8', name: "option" }), subtitle && hAsync("span", { key: 'e1dac23f7e07df9e89c90625f48eeddbd8daf77a', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
+            }, role: "option", "aria-checked": isSelected, "aria-disabled": isDisabled, "aria-selected": isSelected, value: value }, hAsync("li", { key: '4ef95d229611225a2019d0d8871b81f2ae603b6a', class: "xpl-dropdown-list-item" }, icon && (hAsync("xpl-icon", { key: 'e8380b63e1aac6fb00e36ae565147edfd4588415', class: "xpl-dropdown-list-item__icon", icon: icon, size: 20 })), label || hAsync("slot", { key: '0c040b57a16cd9b2e9fbf18d04dd1cde215f81b1', name: "option" }), subtitle && hAsync("span", { key: 'f8518da421611e4f3e72f28f38ac294bca9e9aad', class: "xpl-dropdown-list-item__subtitle" }, subtitle))));
     }
     get hostElement() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11002,10 +10914,10 @@ class DynamicTable {
         this.updateColumnCount();
     }
     render() {
-        return (hAsync("div", { key: '223e082cd5124d2f495e65058c4742ab6a28f5cf', role: "grid", class: {
+        return (hAsync("div", { key: '71265471c7289f1a983b57e15fe122e5fe9a8292', role: "grid", class: {
                 'xpl-dynamic-table': true,
                 'xpl-dynamic-table--accordion': this.hasAccordion,
-            }, "aria-colcount": this.colCount }, hAsync("slot", { key: 'a808231d98db51ddb01ada49d69ae468cd721603', name: "header" }), hAsync("slot", { key: '4eb9d10764e8d81e5c6d9f80fc9d470c2d34e969', name: "body" })));
+            }, "aria-colcount": this.colCount }, hAsync("slot", { key: '3d7184014570b31d6f7e2eae04b9480f984747e2', name: "header" }), hAsync("slot", { key: '880d79c4c7b2f15d04669e985b5478f3c4095e3c', name: "body" })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11045,9 +10957,9 @@ class DynamicTableCell {
         const colIndex = this.el.parentElement
             ? Array.from(this.el.parentElement.children).indexOf(this.el) + 1
             : 0;
-        return (hAsync(Host, { key: 'bdc80cc13051a57294f5a8eef938ffc92f7108b4', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
+        return (hAsync(Host, { key: 'fb0813824c87078ee6a2cda5e3d4f40f86160c30', role: "gridcell", "aria-colindex": colIndex, class: "xpl-dynamic-table-cell", ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, hAsync("slot", { key: '743946a9ee87d85eb9e0e414f9688e249b7694a3' })));
+            } }, hAsync("slot", { key: '3a09f63ca7320971d3080458d48eb7f87423008a' })));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -11088,9 +11000,9 @@ class DynamicTableRow {
         const classList = `xpl-dynamic-table-row
             ${this.isDisabled ? 'disabled' : ''}
             ${this.selected ? 'selected' : ''}`;
-        return (hAsync(Host, { key: '5d91af6b6055646118e882b9e4ac1c0fe9003e06', role: "row", class: classList, ref: (el) => {
+        return (hAsync(Host, { key: '94044631c91c393c734c437ff74f182fdeb950dd', role: "row", class: classList, ref: (el) => {
                 this.hostElement = el ?? undefined;
-            } }, hAsync("slot", { key: 'e3ed1a18b1d7187bf03f9c6633c276e1fb90d029' })));
+            } }, hAsync("slot", { key: '182eabc2d78e66cd92cff945b814b32d734ef326' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -11159,7 +11071,7 @@ class GridItem {
         className += ` xpl-grid-item-sm-${this.sm}`;
         className += ` xpl-grid-item-md-${this.md}`;
         className += ` xpl-grid-item-lg-${this.lg}`;
-        return (hAsync(Host, { key: '7c2e5c06f0751cf0a6bc6d80c12939e0f4c194ee', class: className }, hAsync("slot", { key: '2fc5ed1542e50c826bec55e1f106c49ef19c1a38' })));
+        return (hAsync(Host, { key: '6b8fd5050d72b282b742902a04e9fc6c7c86c23e', class: className }, hAsync("slot", { key: '90918cb363ee43c81ae79b417e140def5e2dff43' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -11230,7 +11142,7 @@ class HeaderAccordion {
         this.updateParentCheckbox(initialCheckoxesValue);
     }
     render() {
-        return (hAsync(Host, { key: '6181aa606ed8062474d9e369558a0d4367ec06be', class: "xpl-header-accordion" }, hAsync("div", { key: '17516c087ec1818ef9be08b79abd0e69ee6e499b', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (hAsync("xpl-checkbox", { key: '709c1055c22c7328de3a36fd265d57e616e13f39', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), hAsync("button", { key: '9392aaf81db32af32c2fa3bff445a53fd0e8a324', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("slot", { key: '6019b35676f13debe6cff89bcc9f90542a640628', name: "title" }), hAsync("xpl-icon", { key: '4c381cf9324e1348d1f26c7150b31945e264f4ca', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), hAsync("div", { key: '0c96d5d10f7d82844c473e595fce1624234585b3', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, hAsync("slot", { key: 'fc6ae8bc852d115475acbe269e3e82d89b7ae755', name: "content" }))));
+        return (hAsync(Host, { key: '649558913d00fa4bed113fb51ebcc7a92a34c61e', class: "xpl-header-accordion" }, hAsync("div", { key: '742f718f7e0008bd98f3bb44e9c9b05e0c0082f4', class: `header-accordion header-accordion--${this.expanded ? 'expanded' : 'collapsed'}` }, this.hasCheckbox && (hAsync("xpl-checkbox", { key: '77abda9dd405802faba93d0c6519649fee58b24d', class: "xpl-header-accordion__parent-checkbox", checked: this.parentChecked, disabled: this.disabled, indeterminate: this.parentIndeterminate, onCheckboxChange: (event) => this.handleParentCheckboxChange(event.detail) })), hAsync("button", { key: '10967604fc40083b76ee0a6e8b55b4de78d454e6', "aria-expanded": this.expanded, "aria-controls": this.contentId, class: "toggle-area", onClick: this.toggleAccordion, type: "button" }, hAsync("slot", { key: 'f0af291a2fd7b2bdcce77609ed4e5d6cfef30914', name: "title" }), hAsync("xpl-icon", { key: '973530151081963fe45ec33e8a567c3586a325c5', size: 16, icon: "chevron-down", class: this.expanded ? 'rotate' : undefined }))), hAsync("div", { key: '1ea19ccd4380833e24af029e1a5e9ba7b8e9e0ab', id: this.contentId, role: "region", class: !this.expanded ? 'content--hidden' : 'content--shown' }, hAsync("slot", { key: '918f07a47dd760f729480b43991208ae76ebf010', name: "content" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -25231,8 +25143,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);
@@ -25251,12 +25161,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",
@@ -25457,13 +25366,13 @@ class Input {
             this.characterCount > this.maxCharacterCount) {
             hasError = true;
         }
-        return (hAsync(Host, { key: 'a276769b767bc7df63e2701697600c0ecbfa593e', class: {
+        return (hAsync(Host, { key: 'd57ab7978ef701d4783f6780bbd807e8ee07ac7d', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': hasError,
                 'xpl-input--readonly': !!this.readonly,
                 [`xpl-input--${this.type}`]: true,
-            } }, this.label && (hAsync("label", { key: '1686d1f5c9fc573929190bc1a04bf9efd2ad6957', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && hAsync("small", { key: '1f74f68e8eeae5186e50ace2e96a9896b022fa30' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (hAsync("label", { key: '2ee7de8b1dcb4cc27d7dcf8b34be66727ace1bfe', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, hAsync("xpl-icon", { key: 'd3965b339f2d24dec0fdde367e76aacfefd25061', icon: "circle-warning", size: 16 }), hAsync("span", { key: 'b6269e3f122a53980438c21cfbda2e18b3c77a7e' }, this.error)))));
+            } }, this.label && (hAsync("label", { key: 'cdc55154c334fcc2ed8049113d012e046e77fde7', class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && hAsync("small", { key: '37a1685a6e0b9b7da8abc6209df998154affbb79' }, this.description))), this.renderInput(), (this.error?.length ?? 0) > 0 && (hAsync("label", { key: 'c7a636a36d902543c9228a72c81db408912b3d58', class: "xpl-input-error", htmlFor: this._id, id: `${this._id}-error` }, hAsync("xpl-icon", { key: 'e73b36e29ebe7812564e5d27710ebda1b9bf2185', icon: "circle-warning", size: 16 }), hAsync("span", { key: '10149a258c81cbc439778e84f49bc6dfdc97d26d' }, this.error)))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -25890,16 +25799,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: [
@@ -25907,9 +25816,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: [
@@ -25919,9 +25828,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',
@@ -26088,16 +25997,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 {
@@ -27168,7 +27077,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 {
@@ -27554,10 +27463,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: '5516f433d051a8cac2d01255e7e4b43956f088c5', 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: '68216fa87a1034e09363b8b20fc436d0d3725cc3' }), 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 {
@@ -27609,7 +27518,7 @@ class MainNav {
         this.navWidthHandler();
     }
     render() {
-        return (hAsync(Host, { key: '965f7a4faa40d7ec386c947e16fb5bc4621496a0', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, hAsync("nav", { key: '1237191a5c5e6d3eacfba46d7b9cb6c5e1fcc191' }, hAsync("header", { key: '903b017b0610dfd4fee28aa0d00d9c2f030506bc', "aria-label": "Sidebar Header" }, hAsync("slot", { key: 'ec0c4c0a92ae8578372895c3a0ee225da2bc2bb8', name: "logo" }), hAsync("slot", { key: 'd2b9d45cfde83df6f7f76889fc5c05520f5346d6', name: "brand-name" })), hAsync("div", { key: '93d7a1d1ca940db7fedf4c634c092d2554c9e9e6', class: "xpl-main-nav__main_section" }, hAsync("slot", { key: '0a0c0ee4ae85a4db09cf87c7fe9693bd1f64721a', name: "navigation" })), hAsync("footer", { key: '21d2eaa5f1446145656954966e550150c867357c', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, hAsync("slot", { key: 'd2b84a7ea550a1da9460df7e9ace73354929707f', name: "footer" })))));
+        return (hAsync(Host, { key: 'ab352ff358657b1f3b463a84e7a40e18ae23df29', class: `xpl-main-nav xpl-main-nav--${this.width}`, "aria-label": "Sidebar" }, hAsync("nav", { key: 'e62b52010f76c39078ceaa5085c4e5dcd03d45ce' }, hAsync("header", { key: '05cfd30654dcb4a6082ac97490c516d0b01ae791', "aria-label": "Sidebar Header" }, hAsync("slot", { key: 'e48cd7e5a01ae86ac1d50a9b5e46e93a902ae50f', name: "logo" }), hAsync("slot", { key: '77a840ec7da01b757efaea8a0ffb4d590f97dc7d', name: "brand-name" })), hAsync("div", { key: 'fa9093094b5998901402d2b8a56b1e16cce648fc', class: "xpl-main-nav__main_section" }, hAsync("slot", { key: '5a13411ad2043e58b7d168216c15626be160e2dd', name: "navigation" })), hAsync("footer", { key: 'ee8cfafdc454ef56f66facf9ee894f6980419932', class: "xpl-main-nav__footer", "aria-label": "Sidebar Footer" }, hAsync("slot", { key: 'da7fc8d944121f0060acd579fc3a960571b1fd26', name: "footer" })))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -27824,11 +27733,11 @@ class NavHeaderMenu {
     }
     render() {
         const hasProfile = !!this.username || !!this.email;
-        return (hAsync(Host, { key: 'b79342bf524458e0119a92ba754a700c70c8652f', 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: 'db3789fefeb61c27d081e2f18be1f4f42d4d1696', class: "xpl-nav-header-menu__profile" }, hAsync("div", { key: '00415b3ea671d119ae7b196eb10b0f3fd423d302', class: "xpl-nav-header-menu__info" }, this.username && (hAsync("div", { key: 'e3eb1b9425f3902bffc493fd1f26065cea2e9eb0', class: "xpl-nav-header-menu__username", title: this.username }, this.username)), this.email && (hAsync("div", { key: 'efeaeddcf8598169c014ff84a0dc2bd8c445ec44', class: "xpl-nav-header-menu__email", title: this.email }, this.email))))), hAsync("div", { key: '2fc3f202f45c4fb9e330f16f71ad68d6c03d6dc8', class: "xpl-nav-header-menu__right-aside-mobile" }, hAsync("slot", { key: 'd375a64cc228d4514ab5c6a59d6781799eba174f', name: "right-aside-mobile" })), hAsync("div", { key: '113008a606e34af2e8e23eb7d261858d2d631d28', class: "xpl-nav-header-menu__slot", role: "list" }, hAsync("slot", { key: '214afe30add1001da07ff4870f29bcd932d8c199' }))));
+            } }, 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 {
@@ -27857,11 +27766,11 @@ class NavItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '12b0be7801fdf60e06dca270ec5d211e2c81af21', class: "xpl-nav-item", role: "listitem", onClick: () => {
+        return (hAsync(Host, { key: 'eaae0b2a505bfab9d5d78b22b42b1dc24cb16b38', class: "xpl-nav-item", role: "listitem", onClick: () => {
                 if (this.navControl) {
                     this.onNavToggle();
                 }
-            } }, hAsync("slot", { key: '1716229d1110bed1911c0921d87dd6238e7f59aa', name: "link" }, hAsync("slot", { key: '653fd2830c8e67d3c9fe65a0994bd167173e110b', name: "icon" }), hAsync("slot", { key: 'a33f79ab45a2a65debca49fbedabf2daef2428c8' }))));
+            } }, hAsync("slot", { key: 'f69e8bdc7809836f4765c62f82c404fb55e97fb7', name: "link" }, hAsync("slot", { key: '044c518562eb68a068ef0a0a2117c69f5486fde5', name: "icon" }), hAsync("slot", { key: '67edf532a3057af42d6b3ec51ccde9cc83d43d0b' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -28683,16 +28592,16 @@ class Popover {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'a14924382ef3c963fa0d8c6dc4575c1fcb3a8c3a' }, hAsync("div", { key: 'a9bb868211d6866a8f3d097841c41236c37b0ae5', class: {
+        return (hAsync(Host, { key: 'cac4278a866b566f1e47a69657614c2046cc3532' }, hAsync("div", { key: '2a6d8eea3139aa491211308c972d00332bcda855', class: {
                 'xpl-popover': true,
                 [`xpl-popover--${this.actualPosition}`]: true,
                 'xpl-popover--is-open': this.isOpenState,
-            } }, hAsync("span", { key: '1502c64a98fbf22af9516e5e9aa905e79ea13ab3', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
+            } }, hAsync("span", { key: '4d0b8c711e6d276adada5b6c288b77db9c66153b', role: "button", tabindex: "0", "aria-haspopup": "dialog", "aria-expanded": this.isOpenState ? 'true' : 'false', onClick: this.togglePopover, ref: (el) => {
                 this.triggerRef = el;
-            } }, hAsync("slot", { key: '56a3bdc8d33b010095645b5bfd4b82890351777b', name: "trigger" })), this.display === 'arrow' && (hAsync("div", { key: 'f69e9e12ab93f55267b8c23707eb48321f79a9c6', class: "xpl-popover__arrow" }, hAsync("svg", { key: '1064f5962035b2cbf6dc2d721b537cddb815323e', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '7490e8887c93cd357bc21e93c96ab8de3873892b', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), hAsync("path", { key: '6ab893d176866029ac33622a11e097541d5fdb74', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), hAsync("div", { key: '798414192900fab40f67986489753c8a63ec1d92', class: {
+            } }, hAsync("slot", { key: '12f54f037f22c2e2084be6b272e96ab360097dc8', name: "trigger" })), this.display === 'arrow' && (hAsync("div", { key: '26b415512019f9a6267c49f81d214f2b80731e3f', class: "xpl-popover__arrow" }, hAsync("svg", { key: '6ee61c6a73a06e0ad26e366152065eccc1542abe', width: "17", height: "14", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '45d76b9ab0123b362c7d7c0fe5d28cec5d17540f', d: "M0 5h15l-7.5 7.5L0 5Z", fill: "white", stroke: "none", class: "arrow-fill" }), hAsync("path", { key: '08a78e26854380aab4c87d9386c01cfda33bc57c', d: "M0 5 L7.5 12.5 L15 5", fill: "none", stroke: "black", "stroke-width": "1", class: "arrow-stroke" })))), hAsync("div", { key: '68d3143c6458bfbbd5080e4c5de3718fa04f9faf', class: {
                 'xpl-popover__content': true,
                 [`xpl-popover__content--display-${this.display}`]: true,
-            }, ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: '5c1f963e4009f5a8d30aaad7f0169164abf5bd43' })))));
+            }, ref: (el) => (this.contentRef = el) }, hAsync("slot", { key: 'bd1b017359d09bce4316ac55771f7c886b617198' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28877,14 +28786,14 @@ class Radio {
         return Boolean(this.checked);
     }
     render() {
-        return (hAsync(Host, { key: '45436282d29873a5c640519eb4ad9aa3afb25b73', class: {
+        return (hAsync(Host, { key: 'dec063c59a7fe6bd9680d0bfcec55eabfa782ee0', class: {
                 'xpl-checkbox-radio-container': true,
                 styled: !!this.styled,
                 disabled: !!this.disabled,
-            } }, hAsync("input", { key: 'b0f7604cb5751f7fb2dc62960d5e7130d4fc0871', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), hAsync("label", { key: '05d3589852ebcf9ce5c3301cbc685547a45b61d4', class: {
+            } }, hAsync("input", { key: 'ff51ff9e164c663b1583409f37a075a3bb0c03e3', class: "xpl-radio", type: "radio", checked: this.isChecked, disabled: this.disabled, id: this.id, name: this.name, required: this.required, onChange: this.onChange, value: this.value }), hAsync("label", { key: '3d82a7ee345008e237ea52064774b6d751031450', class: {
                 'xpl-label': true,
                 'xpl-label--disabled': !!this.disabled,
-            }, htmlFor: this.id }, hAsync("slot", { key: '8790f97ad02c180680de269f2f4a0986736c5d4e' }), this.description && (hAsync("small", { key: '94a8e1eea919b8cfe7b4074702dce50e7399c6ab', class: {
+            }, htmlFor: this.id }, hAsync("slot", { key: 'a04ec7ab9149a61f88391bb37556f81e9e172b6e' }), this.description && (hAsync("small", { key: 'b03619c554d2438cc152ff37fcaa02be3ba7e0bd', class: {
                 'xpl-description': true,
                 'xpl-description--disabled': !!this.disabled,
             } }, this.description)))));
@@ -28914,7 +28823,7 @@ class SecondaryNav {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'dc00b09e91c4baa484084256b7b583363a518905', class: "xpl-secondary-nav" }, hAsync("nav", { key: 'daf32568baecfa600a6d51747446e82c0df44d1a', "aria-label": "Secondary Nav" }, hAsync("slot", { key: '6d6a2fa94e8779b7a4b9414fe29829eb1ee20125' }))));
+        return (hAsync(Host, { key: '60cb6c9909d943691552665d71cb9fcf2e5fc190', class: "xpl-secondary-nav" }, hAsync("nav", { key: '0890f096dc8621b6890835594385c392e0ef9905', "aria-label": "Secondary Nav" }, hAsync("slot", { key: 'a9506445f06cc508969c1d6cff962b0553a01a5f' }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -28945,7 +28854,7 @@ function tagWidth(text) {
     if (!context) {
         return 0;
     }
-    return context.measureText(text).width + 44;
+    return context.measureText(text).width + 50;
 }
 function getDisplayValue(choice) {
     return choice.label || choice.value || '';
@@ -29199,21 +29108,21 @@ class Select {
             this.truncate &&
             !this.customDisplayValue;
         const truncatedText = `+ ${Math.abs(this.choicesState.filter((a) => a.isSelected).length - this.visibleChoices)} more`;
-        return (hAsync(Host, { key: '273b1e5d40c7873055bb735adf66c325d18ba676', class: {
+        return (hAsync(Host, { key: 'b28e9dbd835634f20311d80b0793c722bb516d10', class: {
                 'xpl-select': true,
                 'xpl-select--disabled': !!this.disabled,
                 'xpl-select--no-truncate': !this.truncate,
                 [this.classNames ?? '']: !!this.classNames,
             }, onKeyDown: this.handleTabKeyDown, ref: (el) => {
                 this.container = el;
-            } }, this.renderLabel(), hAsync("div", { key: '87a42faab0ee127dfaa2ee75e9218900e9e0a4b3', class: {
+            } }, this.renderLabel(), hAsync("div", { key: '9becbbb7cc7ad5f36912adb9b2bafbfbd200729c', class: {
                 'xpl-input': true,
                 'xpl-input--disabled': !!this.disabled,
                 'xpl-input--error': this.error !== undefined,
-            } }, hAsync("div", { key: '22c839efb33132901419bab4dacbe9ffaf464d77', class: "xpl-input-wrapper" }, hAsync("button", { key: '68b88431715f567adfbe00c5f1bcdf9ab41f7360', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
+            } }, hAsync("div", { key: '725575d6e2ebde606deb2efa6d135cd93a358c6f', class: "xpl-input-wrapper" }, hAsync("button", { key: 'e7c3d24ce1366bbb42817eb1627b89dfc9b7f669', class: "xpl-select__trigger", disabled: this.disabled, id: this.id, onKeyDown: this.handleTabKeyDown, onClick: (e) => {
                 e.preventDefault();
                 this.handleDropdownTrigger();
-            }, type: "button" }, hAsync("div", { key: 'd1cf1ba8dbe86413a7de9911440204509fc4093b', class: {
+            }, type: "button" }, hAsync("div", { key: 'b32057bdf81dfb44a89a15a596e35efe9b1c56fb', class: {
                 'xpl-select-value': true,
                 'xpl-select-value--active': this.mode === 'multi' && this.value.length > 0,
                 'has-value': this.value.length > 0,
@@ -29233,7 +29142,7 @@ class Select {
                 return this.renderSelectedTags();
             }
             return this.placeholder;
-        })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: 'f44a543e315a5715d5d077ce7601956d8485f5f1', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: 'dd2355886ce290d697431e00c8f4b7bc41c87429', ref: (el) => {
+        })(), isTextTruncated && truncatedText), hAsync("xpl-icon", { key: 'f552cedcb15ff028a763ef6e8b5ee30f7a4e6720', class: "xpl-select__chevron-down", icon: this.selectIcon ?? 'chevron-down' }))), !this.disabled && (hAsync("xpl-dropdown", { key: 'ef09a2f9fabb75050e0e69c1bc375b64d6584429', ref: (el) => {
                 this.dropdown = el ?? null;
             }, isOpen: this.dropdownOpenState, options: this.choicesState, selectedValues: this.selectedValues, mode: this.mode, triggerId: this.id, update: (_e, { component }) => {
                 const { options } = component;
@@ -29242,7 +29151,7 @@ class Select {
                 }
             }, onIsOpenChange: (e) => {
                 this.dropdownOpenState = e.detail;
-            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: '18472290f7adfe3c02ee90759180404ec33aa1e2', type: "hidden", name: this.name, value: this.value })));
+            }, onWheel: this.handleDropdownScroll, anchorToTrigger: true, flipFallbackPlacements: this.dropdownFlipFallbackPlacements, placement: this.dropdownPlacement })), this.renderError()), hAsync("input", { key: '3963614dbc087fe3a10d44ab4554046755a581d2', type: "hidden", name: this.name, value: this.value })));
     }
     static get watchers() { return {
         "choices": [{
@@ -29552,10 +29461,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 {
@@ -29830,14 +29739,14 @@ class SideNavItem {
             expanded: this.expanded,
             selected: this.selected,
         };
-        return (hAsync(Host, { key: '059210d35fdf3561fa2bc4f541f80fbb1e570506', class: {
+        return (hAsync(Host, { key: 'fe0796a361383d97010699b710fe61a0cf17289a', class: {
                 'xpl-side-nav-item': true,
                 'xpl-side-nav-item--link-disabled': this.link && this.disabled,
             } }, this.link ? (hAsync("slot", null)) : (hAsync("button", { type: "button", class: buttonClass, "aria-current": this.selected ? 'page' : undefined, "aria-expanded": this.hasChildren ? (this.expanded ? 'true' : 'false') : undefined, onClick: this.handleClick, disabled: this.disabled }, hAsync("span", { class: "xpl-side-nav-item__leading" }, hAsync("slot", { name: "leading" }, this.icon ? (hAsync("xpl-icon", { icon: this.icon, size: 16 })) : null)), hAsync("span", { class: "xpl-side-nav-item__label" }, this.label ?? ''), (this.hasTrailingSlot || this.hasChildren) && (hAsync("span", { class: {
                 'xpl-side-nav-item__trailing': true,
                 'xpl-side-nav-item__trailing--chevron': showAutoChevron,
                 expanded: showAutoChevron && this.expanded,
-            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, hAsync("slot", { name: "trailing" }, showAutoChevron ? (hAsync("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (hAsync("div", { key: '47b1eba18028549e03394678bca58beee9b2f157', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, hAsync("div", { key: '7b6137a009106e3adfb99928bff429bea92b63e2', class: "xpl-side-nav-item__children-inner" }, hAsync("slot", { key: '3cf83a5e3e8367ef4d5bfbedb8c22bc6bf1efaa7' }))))));
+            }, "aria-hidden": showAutoChevron ? 'true' : undefined }, hAsync("slot", { name: "trailing" }, showAutoChevron ? (hAsync("xpl-icon", { icon: this.expanded ? 'chevron-up' : 'chevron-down', size: 16 })) : null))))), this.hasChildren && !this.link && (hAsync("div", { key: 'c3f38b679aef2d66ad477bf9fb04ff8228740ebd', class: `xpl-side-nav-item__children ${this.expanded ? 'expanded' : ''}`, inert: !this.expanded ? true : undefined }, hAsync("div", { key: '7b51bf6ca02febd7e3b63a1bccbbb79b3554db03', class: "xpl-side-nav-item__children-inner" }, hAsync("slot", { key: '7d9d16628cb60480199b6eda497fccb931eb72e9' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29952,17 +29861,17 @@ class SideNavSection {
         const hasHeading = !!this.heading?.trim();
         const childrenId = this.childrenId ?? ensureSideNavSectionChildrenId(this.el, this.childrenId);
         const titleRow = [
-            hAsync("span", { key: '41b4dd48eaf9fabca8f4c1e4e506200055d46f77', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
-            hAsync("span", { key: 'af345692b55b47dada80dfad85312e45d7cf5f43', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, hAsync("slot", { key: '381c23d89de7de9b1663cd746ce9561688a27463', name: "badge" })),
+            hAsync("span", { key: '12b61d9bed3a5aac2fa664fb6ac13893ae267c36', class: "xpl-side-nav-section__title" }, this.heading ?? ''),
+            hAsync("span", { key: 'bfea669929c9f003a38cbef3d4e6254f14cea581', class: "xpl-side-nav-section__badge", hidden: !this.hasBadgeSlot }, hAsync("slot", { key: '7e401f516a7420f9a9c571e3c13d609fad6dcfc8', name: "badge" })),
             this.collapsible ? (hAsync("span", { class: "xpl-side-nav-section__chevron", "aria-hidden": "true" }, hAsync("xpl-icon", { icon: this.expanded ? 'chevron-down' : 'chevron-right', size: 16 }))) : null,
         ];
-        return (hAsync(Host, { key: 'b3d7e988d1b64afce020137c0d8f8ef89481ef43', class: {
+        return (hAsync(Host, { key: 'ba9810b6d5d95cac88e6517d7bc24a040f51e5cc', class: {
                 'xpl-side-nav-section': true,
                 'xpl-side-nav-section--static': !this.collapsible,
-            } }, this.collapsible ? (hAsync("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (hAsync("div", { class: "xpl-side-nav-section__header" }, titleRow)), hAsync("div", { key: '0e442a9a70a8eacb4b9454f941a3ee0c466c3496', id: childrenId, class: {
+            } }, this.collapsible ? (hAsync("button", { type: "button", class: "xpl-side-nav-section__header", "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": childrenId, "aria-label": hasHeading || this.hasNamedBadgeSlot ? undefined : 'Toggle section', onClick: this.handleHeaderClick }, titleRow)) : (hAsync("div", { class: "xpl-side-nav-section__header" }, titleRow)), hAsync("div", { key: '9f5081f3d8de0f5e0ae83d2f7f96cd49b9cdf456', id: childrenId, class: {
                 'xpl-side-nav-section__children': true,
                 expanded: showChildren,
-            }, inert: !showChildren ? true : undefined }, hAsync("div", { key: 'f1bc884e69c5a8902f7e12829901e289f73a530e', class: "xpl-side-nav-section__children-inner" }, hAsync("slot", { key: 'bd9f9db68b6f6e1d3a28527d87f4bf797ae49022' })))));
+            }, inert: !showChildren ? true : undefined }, hAsync("div", { key: '2593fe0517156c91b504d9ec3717321895a804c4', class: "xpl-side-nav-section__children-inner" }, hAsync("slot", { key: '5e2c9c978a128355e014c19612ed89886fe781ce' })))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -30050,7 +29959,7 @@ class Slideout {
         this.handleScroll();
     }
     render() {
-        return (hAsync(Host, { key: '6a677f3ef03392e8c17e96eb1a35244cc65249cc', class: "xpl-slideout" }, this.backdrop && this.isOpen && (hAsync("xpl-backdrop", { key: '8e93a0fe45fdbf00f9b9d72a3b703f4ed91724b7', onClick: this.handleClose })), hAsync("aside", { key: '451a572b79f74f614756c77b7aae9ece7e53a615', class: `slideout slideout--${!this.isOpen && 'closed'}` }, hAsync("header", { key: '4e6f0d5c525ffe16f20a2d85d21e6c85d6213f1e', class: "header" }, hAsync("div", { key: 'bf69e4a7e0be7b1ea763b5d17da90b31f122e7fe', class: "title" }, hAsync("slot", { key: 'b5b3298d2f05a5e99dc2ba934c306c7167eeb861', name: "title" }), hAsync("xpl-button", { key: 'da76c0538824d6d7cdce7385daf77c74fd3e6432', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, hAsync("xpl-icon", { key: '02d4e1b6d191683f95c5fe9d93db6a8eb6260e32', icon: "xmark" }))), hAsync("div", { key: 'daf09af3d4ec41943ca063fb0b0afddc6075e549', class: "subtitle" }, hAsync("slot", { key: '755b4e4f6bfdcc7f94f0b2ed67526d7f97c77842', name: "subtitle" })), hAsync("div", { key: '294b6650cdc4b15a8f5b9005a24304cccda91ddb', class: "search" }, hAsync("slot", { key: '4b85802d14eb9ab528749727846637a0702ff2d1', name: "search" }))), hAsync("xpl-divider", { key: '335792083b7072b6973e4b684062d6498d1cfc57', tier: 0, class: "divider top" }), hAsync("article", { key: '3a0920577f4599b0ea9a3762ea066b0e8b9d932a', class: "content", tabIndex: 0 }, hAsync("slot", { key: 'b085ef369c4d685ae0e6e518c28e95cd883d1e03', name: "content" })), this.showFooter && (hAsync("footer", { key: '663e2392d8484bb4875dcb4b9411b8ae6b805087' }, hAsync("xpl-divider", { key: '6d0d50a6cc038a19ed5465a9fe79854b2519e70b', tier: 0, class: "divider bottom" }), hAsync("div", { key: '29e9eaea051247ff8e9be18af54f0d3959590759', class: "footer" }, hAsync("slot", { key: '4e9d8e3a054a72fba8392afdefcdca63e8ce8068', name: "tertiary" }), hAsync("slot", { key: '44b764a99064de792309995cdc53b4ca8a82f8da', name: "secondary" }), hAsync("slot", { key: 'c96cedf9662bab571a8cab244c8fce6172691628', name: "primary" })))))));
+        return (hAsync(Host, { key: '057b30a3213ae419e0a9bc94cae621cdf303d293', class: "xpl-slideout" }, this.backdrop && this.isOpen && (hAsync("xpl-backdrop", { key: '940911dc6c07731fe40c0a4399cd81a3af7933ee', onClick: this.handleClose })), hAsync("aside", { key: 'b3432b92753b96999c528783cebfabd1488141be', class: `slideout slideout--${!this.isOpen && 'closed'}` }, hAsync("header", { key: 'd87ec6cd3b3085131dd4bb6f2524e0ae39d36201', class: "header" }, hAsync("div", { key: 'e2e3387ad686479d91810c022d657f44f97b1aeb', class: "title" }, hAsync("slot", { key: 'c3accb74528dbd73140aa2b9b7c2e4e7f8013a6a', name: "title" }), hAsync("xpl-button", { key: 'ee486da9662bddb85e336edc01d878c2b4ade2cc', class: "close-button", "icon-only": true, variant: "tertiary", onClick: this.handleClose }, hAsync("xpl-icon", { key: '5e8b248e39e238e6ba2138641029bdde3160512e', icon: "xmark" }))), hAsync("div", { key: '0bd2f149ba999ac0c8501d538298c2f5d4bfa687', class: "subtitle" }, hAsync("slot", { key: '0523c0ea9575ff905e78893723e7d6329befc9d9', name: "subtitle" })), hAsync("div", { key: 'd2de0a7b462fadfc9d80479db1153300abe0180f', class: "search" }, hAsync("slot", { key: 'd0463af8f532856bdc273e306f06f7d837f41ffd', name: "search" }))), hAsync("xpl-divider", { key: '9e3de6ccca99ab37bfeda29adbe343663f38ebef', tier: 0, class: "divider top" }), hAsync("article", { key: '0cf827d89aca95c2a0b0e5f037d12a00de651866', class: "content", tabIndex: 0 }, hAsync("slot", { key: '6738c288b5ccaa437efed62b8fd786cd58073b27', name: "content" })), this.showFooter && (hAsync("footer", { key: 'cf02d04cd0b1ce89e4783c5b4741e8b5fad739e8' }, hAsync("xpl-divider", { key: '9d79e51a52e5daed07bcb2ed7229f41926958594', tier: 0, class: "divider bottom" }), hAsync("div", { key: 'fdbd1f126350e6b5b9bbad8a15bcc70cb9e562a3', class: "footer" }, hAsync("slot", { key: '994b27f63fab2d9ad45c50862c07239492a8404c', name: "tertiary" }), hAsync("slot", { key: 'ccd6bfc3f66e98dbb07a54a5e523b4365e8c1633', name: "secondary" }), hAsync("slot", { key: '40dfa4f9fffecfd8a3c01be593de504b0d7e7f7e', name: "primary" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30953,10 +30862,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 {
@@ -32370,7 +32279,7 @@ class TableHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'fb6c6d0ab301f41a22428583ffa0fea60a30719b', role: "row", class: "xpl-table-header" }, hAsync("slot", { key: '54b058d43266fa281e30d26a644ad93d6559408b' })));
+        return (hAsync(Host, { key: '79ac33f5bf3c86664a181dddba8dbb4f087b0b05', role: "row", class: "xpl-table-header" }, hAsync("slot", { key: '5fe1c6b9e117712b3af6b81dd37dc6775c67ed9d' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -33038,7 +32947,7 @@ class Tag {
     }
     render() {
         const dragEnabled = this.isDraggable && !this.disabled;
-        return (hAsync(Host, { key: '9a05e10e7fbc047112f740884e6ba40c773b472c', class: {
+        return (hAsync(Host, { key: 'bc92bc270f366844ffba7cce7d126a033c80d751', class: {
                 'xpl-tag': true,
                 'xpl-tag-container': true,
                 'xpl-tag--disabled': this.disabled,
@@ -33046,7 +32955,7 @@ class Tag {
                 'xpl-tag--dragging': this.isDragging,
                 'xpl-tag--draggable': dragEnabled,
                 'xpl-tag--sm': this.size === 'sm',
-            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (hAsync("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, hAsync("slot", null))) : (hAsync("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, hAsync("slot", null))), this.dismissible && (hAsync("button", { key: '37f7687aa9675c52cbd4390d66d63ced630904d0', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, hAsync("xpl-icon", { key: '104eac0362541d99c59e0fd6b18a5e1b2171030b', icon: "xmark", size: 10 })))));
+            }, onDragOver: dragEnabled ? this.handleDragOver : undefined, onDragEnter: dragEnabled ? this.handleDragEnter : undefined, onDragStart: this.isDraggable ? this.handleHostDragStart : undefined }, dragEnabled ? (hAsync("div", { class: "xpl-tag__content xpl-tag", role: "button", tabIndex: 0, draggable: true, "aria-grabbed": String(this.isDragging), onClick: this.handleTagClick, onKeyDown: this.handleContentKeyDown, onDragStart: this.handleDragStart, onDragEnd: this.handleDragEnd }, hAsync("slot", null))) : (hAsync("button", { class: "xpl-tag__content xpl-tag", type: "button", disabled: this.disabled, onClick: this.handleTagClick }, hAsync("slot", null))), this.dismissible && (hAsync("button", { key: '8826de6d590d5eea611c4cc406293c94d61593b2', class: "xpl-tag__dismiss xpl-tag__close", type: "button", draggable: false, disabled: this.disabled, "aria-label": `Dismiss ${this.dismissAriaLabelSuffix}`, onClick: this.handleDismissClick }, hAsync("xpl-icon", { key: 'b8e6763f53f23444b993c9331616e4cbb1440526', icon: "xmark", size: 10 })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -33144,11 +33053,11 @@ class Toast {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd51d901c62de43e0ad248a626e0447a7849e50f3', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, hAsync("div", { key: 'e2e3585a43272f51f6ace1ce62544ae41464a3e5', class: "xpl-toast__left" }, this.showIcon && (hAsync("div", { key: 'e3fd60595f205d8e15ed3ca1826e5e6d356e1a63', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), hAsync("div", { key: '49642e6ee5502c09deb32188b62a160f748bb564', class: "xpl-toast__notification" }, hAsync("p", { key: 'f7176eea6e6e125bec0c4397b0399bb76e8554b7', class: "xpl-toast__title" }, hAsync("slot", { key: 'd5dd0d0413ec4f8198d16f8689791614fea877bc', name: "title" })), this.caption !== '' && (hAsync("p", { key: '966112d3fe6dc1348341034685c606ca98e95d84', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), hAsync("div", { key: 'c9ba66aaf64f191d5bab1c3290e0981a86a3ef91', class: "xpl-toast__action", ref: (el) => {
+        return (hAsync(Host, { key: '75b3b05b745ac16a614f752cf83380428b1a4f9a', class: `xpl-toast xpl-toast--${this.variant}`, onAnimationEnd: this.handleAnimationEnd }, hAsync("div", { key: '997a55f5deb3016410ea517e89b369368a6c44d7', class: "xpl-toast__left" }, this.showIcon && (hAsync("div", { key: '6d60772a0b8f7f9839c59150a3f5f388553e7572', class: `xpl-toast__icon xpl-toast__icon--${this.variant}` }, this.getIcon())), hAsync("div", { key: 'f813c6fc2abb9f3ab1ca730be25537292f414963', class: "xpl-toast__notification" }, hAsync("p", { key: '067e06ef8702892d3c1c513c47c0e03d1e025843', class: "xpl-toast__title" }, hAsync("slot", { key: '24c8844bb360cc53f189c816789d4c112dee4bb2', name: "title" })), this.caption !== '' && (hAsync("p", { key: '8b1e9e9342187c2b5c6158679f42c98073b9f369', class: "xpl-toast__caption" }, this.caption?.substring(0, 85))))), hAsync("div", { key: '016cc84afb7161149c321cd73bc40272e59f0e01', class: "xpl-toast__action", ref: (el) => {
                 if (el) {
                     this.actionSlot = el;
                 }
-            } }, hAsync("slot", { key: 'faad90759fd343be3caa4540422c09d04642a217', name: "action" })), this.isDismissible && (hAsync("div", { key: '25f1140170ec9a242e62c6665ebf0eb8aa1bae64', class: "xpl-toast__close" }, hAsync("xpl-button", { key: '635900d579bda4fb905c7280de700de1143d474b', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
+            } }, hAsync("slot", { key: 'e3491fe293e3ee7b3b30483a8e7b19d7c584794e', name: "action" })), this.isDismissible && (hAsync("div", { key: 'dd7e8aa57d116045287f13b164ae63e603a81f01', class: "xpl-toast__close" }, hAsync("xpl-button", { key: 'e1af234f5991651a039eba58f21c58e76d3d75eb', variant: "tertiary", size: "sm", iconOnly: true, icon: "xmark", type: "button", "aria-label": "Dismiss notification", onClick: this.dismiss })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -33235,11 +33144,11 @@ class Toolbar {
         this.selectedItemCount = event.detail.length;
     }
     render() {
-        return (hAsync(Host, { key: '688ada0542f0634df6b447331833205149e88a94', class: {
+        return (hAsync(Host, { key: '627eed07ad6f3c06145126cad4b9780a3bec7258', class: {
                 'xpl-toolbar': true,
                 dark: true,
                 hidden: this.selectedItemCount === 0,
-            } }, hAsync("div", { key: '6b8c2990c354d2b9ee93225ad98fb8fbaf3dbaf7', class: "toolbar" }, hAsync("p", { key: '60923603e318d109fd794259863a684d749ed52b', class: "selected-item-count" }, this.selectedItemCount, " Selected"), hAsync("div", { key: '77df55c910d8ce89a4ff2a0356bc7cf78120e49a', class: "actions" }, hAsync("slot", { key: '5de2e6bd168c31be133c55758acd2f95c56b715c', name: "actions-left" }), hAsync("slot", { key: '3f8b3540adbd441c28771410f4d33e29d87d3be9', name: "actions-right" })))));
+            } }, hAsync("div", { key: 'ccae2ca6612e91c87bae43479bc7aa4bf8731ad3', class: "toolbar" }, hAsync("p", { key: '360658d3ed621e4d6d5920baf41c63f8649a7a9f', class: "selected-item-count" }, this.selectedItemCount, " Selected"), hAsync("div", { key: '386e61abd7294286aca11f0e365f24b466193088', class: "actions" }, hAsync("slot", { key: '4999110aaf0762dd60fdb4fbc3540040dadac003', name: "actions-left" }), hAsync("slot", { key: '621b28dcb128f6a89d8ca3f7ec54503c3660a5bc', name: "actions-right" })))));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -33263,7 +33172,7 @@ class Tooltip {
         this.hideArrow = false;
     }
     render() {
-        return (hAsync(Host, { key: '916a12e608a6e40c40ddfdbe40f12e115215758e' }, hAsync("div", { key: '2f6c39a146fb2ba830306933309ffad9e8919eab', class: "xpl-tooltip-container" }, hAsync("slot", { key: '39b1b2cf370620b96fd00b6343dc0896791ad510' }), hAsync("div", { key: '34198d0f1184a3e05236a508e94531f503309691', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (hAsync("div", { key: '42f42b07b4f0ae6bd7cbd31837e4846a28ed4e72', class: "xpl-tooltip-arrow" }, hAsync(TooltipArrow, { key: 'af8672da89cda34507e53906937e600400b26953' })))))));
+        return (hAsync(Host, { key: 'e2092a0ca048c0c06346b28c5f7a38fb343b0989' }, hAsync("div", { key: '9f9b41b01e4b4a3721a9744bf4a9dc798bd5e313', class: "xpl-tooltip-container" }, hAsync("slot", { key: 'a4e23c5c38d792a08755aacd1a1b3250f3cfd29e' }), hAsync("div", { key: 'c6227fd82a95bd19de20c68d97c4c9b72a749d28', class: `xpl-tooltip xpl-tooltip--${this.position}` }, this.text, !this.hideArrow && (hAsync("div", { key: '551d991247f6f3016559fa10180ba96101a47169', class: "xpl-tooltip-arrow" }, hAsync(TooltipArrow, { key: 'fc323dececf4a90528ed47e06290188722a17eb0' })))))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -33584,7 +33493,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,
@@ -33592,15 +33501,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
@@ -34043,7 +33952,7 @@ class TopNavItem {
         return (hAsync("button", { ...shared, type: "button" }, this.renderLeading(), this.renderLabelContent(), this.renderTrailing()));
     }
     render() {
-        return (hAsync(Host, { key: 'fe53cfd84cba8502089c4a3fae62dfed10c0cdf0', 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,
@@ -34051,7 +33960,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: '954f83c94bd56d9bd328212f2ecc070861b1fd54', id: this.dropdownPanelId, class: "xpl-top-nav-item__dropdown" }, hAsync("slot", { key: '4d830a9386f12026cd1a2ecb454bcb9df2202431', 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 {
@@ -34167,10 +34076,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 {
@@ -34200,7 +34109,7 @@ class UtilityBar {
         this.open = this.isNavOpenAtStartup !== undefined ? this.isNavOpenAtStartup : this.open;
     }
     render() {
-        return (hAsync(Host, { key: '9bb4778368fca3035fc19b74ec3881b9c21ce856' }, hAsync("nav", { key: '909606f5baaef1a9c7402ac18107a607aa1df742', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (hAsync("div", null, hAsync("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, hAsync("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), hAsync("slot", { name: "aside" }))) : (hAsync("slot", { name: "aside" })), hAsync("slot", { key: 'd6bce27702906a01823de67d63173406ceb06290', name: "main" }))));
+        return (hAsync(Host, { key: '68d645d450da9bb09ab698b865cdb90643276b04' }, hAsync("nav", { key: '7c8e37a3c7029af28eea94f8c4db4a681f903fb7', "aria-label": "utility navigation bar", class: "xpl-utility-bar" }, this.navControl ? (hAsync("div", null, hAsync("button", { class: "xpl-utility-bar__nav-control", onClick: () => this.onNavToggle() }, hAsync("xpl-icon", { class: "xpl-utility-nav__bars", icon: "three-bars" })), hAsync("slot", { name: "aside" }))) : (hAsync("slot", { name: "aside" })), hAsync("slot", { key: '36fd1261aeafbdcb52cee2b19b3f29ce7c3f7539', name: "main" }))));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -34727,7 +34636,7 @@ class XplTableBody {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e5934161758f0934269a09e4a1058f3fda919e9d', class: "xpl-table-body", role: "rowgroup" }, hAsync("slot", { key: 'e042714dc35cbe4ecc83cff740f7a24de48feec1' })));
+        return (hAsync(Host, { key: '0a5e05dbbc4f089b7907464693943ce76e76cbc3', class: "xpl-table-body", role: "rowgroup" }, hAsync("slot", { key: 'f8781515706b3843fd288f5be832cb9e9b78a971' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -34805,13 +34714,13 @@ class XplTableCell {
         walk(this.el);
     }
     render() {
-        return (hAsync(Host, { key: 'f4e7639b0cb35eda08fdbb13cf1e0ddcb380cb7a', role: "gridcell", class: {
+        return (hAsync(Host, { key: 'f2b486b9dbab0c982fc3362e1775a99eebc1ac05', role: "gridcell", class: {
                 'xpl-table-cell': true,
                 [`xpl-table-cell--align-${this.align}`]: true,
                 'xpl-table-cell--bold': this.bold,
                 'xpl-table-cell--underline': this.underline,
                 'xpl-table-cell--disabled': this.disabled,
-            } }, hAsync("slot", { key: '16d9a63cb992b9bbeb56500b5d6537b824336b40' })));
+            } }, hAsync("slot", { key: '19c3a0f67b3eccdb3e6441ba74b8e9d5bb8d0ae6' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -34839,7 +34748,7 @@ class XplTableFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '57872baa33166a8146bd0c9b3d7af1597e1fb41e', class: "xpl-table-footer", role: "rowgroup" }, hAsync("slot", { key: '65def2bdfee1be95fa966f7f746dedc7176b91e6' })));
+        return (hAsync(Host, { key: '1f6a7cae4df63c42c2c3c87bd3a531033d0e04b1', class: "xpl-table-footer", role: "rowgroup" }, hAsync("slot", { key: '2b2447283d8fcc7ebf9d48d44e30b98b2af58d9c' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -34857,10 +34766,10 @@ class XplTableFooterCell {
         this.align = 'left';
     }
     render() {
-        return (hAsync(Host, { key: '1434aa38de9894875e70b2a7b3c55479726727d5', class: {
+        return (hAsync(Host, { key: '468d80c698b82031537d12584494bb8e42cc4a83', class: {
                 'xpl-table-footer-cell': true,
                 [`xpl-table-footer-cell--align-${this.align}`]: true,
-            }, role: "gridcell" }, hAsync("slot", { key: 'e3bac594dbd5265f44c7bd620e1fccfc9248abf0' })));
+            }, role: "gridcell" }, hAsync("slot", { key: '91674140e7e618b7ff40c58ebbdae79145318de9' })));
     }
     static get cmpMeta() { return {
         "$flags$": 260,
@@ -34916,11 +34825,11 @@ class XplTableRow {
         });
     }
     render() {
-        return (hAsync(Host, { key: '8c49ba27b39d934cb774140b43e811e5ee2bb904', class: {
+        return (hAsync(Host, { key: 'a743e3cf9f4761d990d4437390f5f3f4949c68b7', class: {
                 'xpl-table-row': true,
                 'xpl-table-row--disabled': this.disabled,
                 'xpl-table-row--selected': this.selected,
-            }, role: "row" }, hAsync("slot", { key: '30788ce629c65d7eab04d268da978d46f0145e99' })));
+            }, role: "row" }, hAsync("slot", { key: 'fc13f425ec75c16e0079733b789e7b68e1371f33' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -35121,7 +35030,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.44.2 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;