@ukic/web-components 3.18.0 → 3.20.0

package/hydrate/index.js

@@ -3282,6 +3282,13 @@ const IGNORED_KEYBOARD_CHARACTERS = [
     "Tab",
 ];
 const IC_CUSTOM_ALLOWED_COMPONENTS = [];
+// Component tag names used in focus trapping helper functions
+const IC_ACCORDION = "IC-ACCORDION";
+const IC_ACCORDION_GROUP = "IC-ACCORDION-GROUP";
+const IC_CHECKBOX = "IC-CHECKBOX";
+const IC_SEARCH_BAR = "IC-SEARCH-BAR";
+const IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
+const IC_TEXT_FIELD = "IC-TEXT-FIELD";
 
 const DARK_MODE_THRESHOLD = 133.3505;
 const ANYWHERE_SEARCH_POSITION = "anywhere";
@@ -3724,6 +3731,161 @@ const getElementInheritedTheme = (el) => {
 const isSafari = /safari/i.test(window.navigator.userAgent) &&
     !/Edge/i.test(window.navigator.userAgent) &&
     !/chrome/i.test(window.navigator.userAgent);
+/**
+ * Focuses the provided element, or the next focusable element if it should be skipped. Used for focus trapping.
+ * @param focusAttemptCount - number of focus attempts that have been made
+ * @param focusedElementIndex - current focused element index
+ * @param interactiveElementList - list of interactive elements
+ * @param shiftKey - whether the shift key is pressed
+ */
+const focusElement = (focusAttemptCount, focusedElementIndex, interactiveElementList, shiftKey = false) => {
+    const element = interactiveElementList[focusedElementIndex];
+    if (!element) {
+        return;
+    }
+    let newFocusAttemptCount = focusAttemptCount;
+    if (newFocusAttemptCount++ > interactiveElementList.length) {
+        return;
+    }
+    let newFocusedElementIndex = focusedElementIndex;
+    if (shouldSkipElement(element)) {
+        newFocusedElementIndex = getFocusIndexBasedOnShiftKey(newFocusedElementIndex, shiftKey);
+        newFocusedElementIndex = getLoopedNextFocusIndexIfLastElement(newFocusedElementIndex, interactiveElementList);
+        return focusElement(newFocusAttemptCount, newFocusedElementIndex, interactiveElementList, shiftKey);
+    }
+    else {
+        switch (element.tagName) {
+            case IC_ACCORDION:
+            case IC_ACCORDION_GROUP:
+            case IC_CHECKBOX:
+            case IC_SEARCH_BAR:
+            case IC_TAB_CONTEXT:
+            case IC_TEXT_FIELD:
+                element.setFocus();
+                break;
+            default:
+                element.focus();
+        }
+        return { newFocusAttemptCount, newFocusedElementIndex };
+    }
+};
+/**
+ * Gets the index of the currently focused element. Used for focus trapping.
+ * @param el - host element of the component
+ * @param interactiveElementList - list of interactive elements
+ */
+const getFocusedElementIndex = (el, interactiveElementList) => {
+    var _a;
+    for (let i = 0; i < interactiveElementList.length; i++) {
+        if (interactiveElementList[i] ===
+            (((_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {
+            return i;
+        }
+    }
+    return null;
+};
+/**
+ * Gets the next focusable element index based on whether the shift key is pressed. Used for focus trapping.
+ * @param focusedElementIndex - current focused element index
+ * @param shiftKey - whether the shift key is pressed
+ */
+const getFocusIndexBasedOnShiftKey = (focusedElementIndex, shiftKey) => (shiftKey ? (focusedElementIndex -= 1) : (focusedElementIndex += 1));
+/**
+ * Gets the next focusable element index, looping back to the start or end if necessary. Used for focus trapping.
+ * @param focusedElementIndex - current focused element index
+ * @param interactiveElementList - list of interactive elements
+ */
+const getLoopedNextFocusIndexIfLastElement = (focusedElementIndex, interactiveElementList) => {
+    if (focusedElementIndex > interactiveElementList.length - 1) {
+        return 0;
+    }
+    else if (focusedElementIndex < 0) {
+        return interactiveElementList.length - 1;
+    }
+    return focusedElementIndex;
+};
+/**
+ * Handles tab key press for focus trapping.
+ * @param el - host element of the component
+ * @param focusAttemptCount - number of focus attempts that have been made
+ * @param focusedElementIndex - current focused element index
+ * @param interactiveElementList - list of interactive elements
+ * @param shiftKey - whether the shift key is pressed
+ */
+function handleFocusTrapTabKeyPress(el, focusAttemptCount, focusedElementIndex, interactiveElementList, shiftKey) {
+    var _a;
+    let newFocusAttemptCount = focusAttemptCount;
+    let newFocusedElementIndex = getFocusedElementIndex(el, interactiveElementList) || focusedElementIndex;
+    if (((_a = interactiveElementList[focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) === IC_SEARCH_BAR) {
+        return {
+            newFocusAttemptCount,
+            newFocusedElementIndex,
+            preventDefault: false,
+        };
+    }
+    newFocusedElementIndex = getFocusIndexBasedOnShiftKey(newFocusedElementIndex, shiftKey);
+    newFocusedElementIndex = getLoopedNextFocusIndexIfLastElement(newFocusedElementIndex, interactiveElementList);
+    newFocusAttemptCount = 0;
+    const focusElementResult = focusElement(newFocusAttemptCount, newFocusedElementIndex, interactiveElementList, shiftKey);
+    if (focusElementResult) {
+        newFocusedElementIndex = focusElementResult.newFocusedElementIndex;
+        newFocusAttemptCount = focusElementResult.newFocusAttemptCount;
+    }
+    return { newFocusAttemptCount, newFocusedElementIndex, preventDefault: true };
+}
+/**
+ * Sets up listener and mutation observer to refresh interactive elements on slot changes. Used for focus trapping.
+ * @param contentWrapper - content wrapper element
+ * @param getInteractiveElements - function to get interactive elements
+ */
+const refreshInteractiveElementsOnSlotChange = (contentWrapper, getInteractiveElements) => {
+    var _a;
+    let contentAreaSlot = null;
+    let contentAreaMutationObserver = null;
+    if (contentWrapper) {
+        contentAreaSlot = contentWrapper.querySelector("slot");
+        // Detect changes to slotted elements
+        contentAreaSlot === null || contentAreaSlot === void 0 ? void 0 : contentAreaSlot.addEventListener("slotchange", getInteractiveElements);
+        contentAreaMutationObserver = new MutationObserver(() => {
+            getInteractiveElements();
+        });
+        // Detect changes to children of slotted elements
+        (_a = getSlotElements(contentWrapper)) === null || _a === void 0 ? void 0 : _a.forEach((el) => {
+            contentAreaMutationObserver === null || contentAreaMutationObserver === void 0 ? void 0 : contentAreaMutationObserver.observe(el, {
+                childList: true,
+                subtree: true,
+            });
+        });
+    }
+    return { contentAreaSlot, contentAreaMutationObserver };
+};
+/**
+ * Determines whether an element should be skipped when focusing interactive elements. Used for focus trapping.
+ * @param element - element to check
+ */
+const shouldSkipElement = (element) => {
+    if (!element) {
+        return true;
+    }
+    const isHidden = getComputedStyle(element).visibility === "hidden" ||
+        element.offsetHeight === 0 ||
+        element.hasAttribute("disabled") ||
+        (element.tagName === IC_ACCORDION_GROUP &&
+            element.hasAttribute("single-expansion"));
+    const radioEl = element.closest("ic-radio-option");
+    return (isHidden ||
+        (element.getAttribute("type") === "radio" &&
+            !!radioEl &&
+            !(radioEl.hasAttribute("selected") || element.tabIndex === 0)));
+};
+/**
+ * Gets all interactive elements slotted within a component. Used for focus trapping.
+ * @param el - host element of the component
+ */
+const slottedInteractiveElements = (el) => Array.from(el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),
+          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,
+          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,
+          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker, ic-action-chip, ic-time-input`));
 
 var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
@@ -3889,12 +4051,13 @@ class Accordion {
     }; }
 }
 
-const icAccordionGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.label-container{--ic-typography-color:var(--ic-accordion-group-title-text);color:var(--ic-accordion-group-title-text);padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}:host(.ic-accordion-group-small) .label-container{padding:var(--ic-space-xxs) var(--ic-space-xs)}:host(.ic-accordion-group-large) .label-container{padding:var(--ic-space-sm) var(--ic-space-xs)}";
+const icAccordionGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.label-container{--ic-typography-color:var(--ic-accordion-group-title-text);color:var(--ic-accordion-group-title-text);padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}:host(.ic-accordion-group-small) .label-container{padding:var(--ic-space-xxs) var(--ic-space-xs)}:host(.ic-accordion-group-large) .label-container{padding:var(--ic-space-sm) var(--ic-space-xs)}.sr-only{border:0;clip:rect(0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}";
 var IcAccordionGroupStyle0 = icAccordionGroupCss;
 
 let accordionGroupIds = 0;
 /**
  * @slot label - Content is placed as the accordion group title.
+ * @slot accessibleButtonLabel - Content is placed as the accessible label for the 'See all/Hide all' button for screen reader users. If this slot is not used, the `accessibleButtonLabel` prop will be used as the accessible label instead.
  */
 class AccordionGroup {
     constructor(hostRef) {
@@ -4005,11 +4168,14 @@ class AccordionGroup {
     }
     render() {
         const { size, label, singleExpansion, accessibleButtonLabel, theme } = this;
-        return (hAsync(Host, { key: 'ec057d7f6e128e8429ebd9e14497a86d1eaf1abe', "context-id": this.accordionGroupId, class: {
+        const accessibleLabelSlotUsed = isSlotUsed(this.el, "accessibleButtonLabel");
+        return (hAsync(Host, { key: 'fa56ccaebd2207db5b0041ff2d245c1e58e53fb6', "context-id": this.accordionGroupId, class: {
                 [`ic-accordion-group-${size}`]: true,
                 ["ic-accordion-group"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '86acdf79730dc3d2dcc95a5928e1a1bebf83412f', class: "label-container" }, hAsync("ic-typography", { key: '5f2b615ebe87304b410b896d5b102da42ff5bcd6', variant: "h4" }, hAsync("h3", { key: '9b33f5f102e27e4268b0edd894d8d725fd8cc5a4' }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label)), !singleExpansion && (hAsync("ic-button", { key: '1b8d8332cd10fed2eea6959f02841cb4b1586902', ref: (el) => (this.allButtonEl = el), onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", { key: 'b93775721fd0cc7560115c6bb62824db59b2ea27' })));
+            } }, hAsync("div", { key: '91a744e3133f6bc5acbbb8d505def4c2bfb27a95', class: "label-container" }, hAsync("ic-typography", { key: '515632628d3b68b1c73747672888748bcb2f1f70', variant: "h4" }, hAsync("h3", { key: 'fb82f68ba6b343d81f66355ed7d153bf877a59f9' }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label)), !singleExpansion && (hAsync("ic-button", { key: '70e5da5029b295dffbe07a2695607d479a6ad72a', ref: (el) => (this.allButtonEl = el), onClick: this.handleExpanded, variant: "tertiary", "aria-label": accessibleLabelSlotUsed
+                ? undefined
+                : `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText(), accessibleLabelSlotUsed && (hAsync("span", { key: '2bbf1190c1f3ad4bfd8e0095c574e9208d1895de', class: "sr-only" }, hAsync("slot", { key: '4e94d881f2406b2dc713f562534984536b2e8aee', name: "accessibleButtonLabel" })))))), hAsync("slot", { key: '168a33ac4f0bc53740dfcd1c15658ef9b85a912c' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -4129,16 +4295,16 @@ class ActionChip {
                 rel,
                 target,
             };
-        return (hAsync(Host, { key: '2c65125774e7ce4fc9cb0d447e0ebff984caad5a', class: {
+        return (hAsync(Host, { key: '095711b5abc9fe760f9c14245a1ce327696818a2', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync(TagType, Object.assign({ key: 'af57a8bb5d0b29b4ff1023747bc0d4ca3824af73', class: {
+            } }, hAsync(TagType, Object.assign({ key: '8b352bcd66bb27be4eff90246371eac0bfa266cb', class: {
                 chip: true,
                 disabled: isButtonElement && disabled,
                 monochrome,
                 "non-transparent": variant === "outlined" && !transparentBackground,
                 [`${size}`]: true,
                 [`${variant}`]: true,
-            }, ref: (el) => (this.chipEl = el) }, chipAttrs), isSlotUsed(this.el, "icon") && (hAsync("div", { key: '755a2318e2968614423a5b88b2831e259caef7e3', class: "icon" }, hAsync("slot", { key: '4137b19dc8fc2be40a7ccf696f820e30c1b668b0', name: "icon" }))), hAsync("ic-typography", { key: '2b8615d3bce8b9b0d4b5e89cceac2b97b8d95105', variant: "label", class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '3f5d55931b36640b30b472fcc4febecb6d502189' }, label)), !isButtonElement && target === "_blank" && (hAsync("span", { key: 'd0c2331424af931db24f5d9fe2dc3500bf31db46', class: "open-in-new-icon", innerHTML: OpenInNew })), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'b0451850fd5b42f4120b7fa6e943332d64e52690', name: "badge" }))));
+            }, ref: (el) => (this.chipEl = el) }, chipAttrs), isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'cac34c4420e0b92337b4421088389e79dc2d3e78', class: "icon" }, hAsync("slot", { key: 'fbbdfcf2089a6a31785a33ddc74c66ad433ebe4c', name: "icon" }))), hAsync("ic-typography", { key: '867dfd5c7651cfbce4b5c3ee439fe1a3e78dbecd', variant: "label", class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: 'ce77ac12d3e9a09b409b2ff6bffd1aa09747fad9' }, label)), !isButtonElement && target === "_blank" && (hAsync("span", { key: '994fcfd7c5be9cba20489792f4ec8a26f481e4cb', class: "open-in-new-icon", innerHTML: OpenInNew })), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '7883e63e166ee3e39d70cbe6110fd1fe6f0b63a5', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4478,16 +4644,16 @@ class BackToTop {
         const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
         const size = variant === "icon" ? "large" : "medium";
         const label = variant === "icon" ? "" : backToTopLabel;
-        return (hAsync(Host, { key: '2c281b238cd14437e120084c35ae86089cd49fe9', class: {
+        return (hAsync(Host, { key: '849c28a0432db633c5f6cc18e93ab184ef2366b3', class: {
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
                 [`ic-back-to-top-${this.position}`]: true,
                 [`ic-back-to-top-variant-icon`]: variant === "icon",
-            } }, hAsync("ic-button", { key: '15bcf38bcc837a9723e5af644551b24845d4cbbb', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
+            } }, hAsync("ic-button", { key: '847930311aa52347cabcc2c8cc13a8806524722e', "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
                 ["offset-banner"]: bannerOffset,
                 ["show"]: !targetElVisible,
                 ["by-footer"]: footerVisible,
                 ["icon-only"]: variant === "icon",
-            }, theme: this.theme }, hAsync("span", { key: '4d6d2e0390eda5cd6db7f26bd597db7fef9c81c0', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
+            }, theme: this.theme }, hAsync("span", { key: 'a8f92084d51b98b034ebb0379c291a169f42f88b', class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4671,7 +4837,7 @@ class Badge {
     }
     render() {
         const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
-        return (hAsync(Host, { key: '0a7aab65643b79886f4134e59c195e33d8340e43', class: {
+        return (hAsync(Host, { key: '80362128f0009037af8ecb10ddbe465ed847044b', class: {
                 [`ic-badge-${position}`]: true,
                 [`ic-badge-${size}`]: true,
                 [`ic-badge-${variant}`]: true,
@@ -4679,7 +4845,7 @@ class Badge {
                 [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
                 [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: 'e9684e9e92784e628f984a4980b512268565de0f', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: 'f02681caadcec768afe078a9fe94aa1fe8314895', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '5065cf6a359ef976dac4c914bca25e8999f54ae1', class: "sr-only" }, "badge")));
+            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '4df4a2ab27b18a2247bc047d940b16378451e8ae', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: '56b2205ae5e36f5af3e60f0b76866c696d06eb7a', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '3a12c77ef89a454564358588908b31b69e04f500', class: "sr-only" }, "badge")));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4806,12 +4972,12 @@ class Breadcrumb {
     render() {
         const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
         const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
-        return (hAsync(Host, { key: '35d95efd65cb713a1b9b614aa7162a328f1fd5bd', class: {
+        return (hAsync(Host, { key: 'a7096975249f31144ffd6cd3c4cf6953169118ee', class: {
                 "ic-breadcrumb-back": showBackIcon,
                 "ic-breadcrumb-monochrome": monochrome,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-breadcrumb-aria-current-page`]: current,
-            }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '126bfcb069004244fc0beb4b3f5e3dab652a4057', class: "breadcrumb" }, hAsync("span", { key: '24c4bd1741b5a65b8d348280bd3c680db15edcfc', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '501ae0ebd6ce1b77026ab8c447f59abf00db7c73', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
+            }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '8b8254900371f6888fcbf7c9ef800acdb6804dfb', class: "breadcrumb" }, hAsync("span", { key: '1a0159b54b3f432098ba881c6563eaf563916872', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '512f88714836b57162c1920cbea4eb1203f7573b', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5053,11 +5219,11 @@ class BreadcrumbGroup {
     }
     render() {
         const { backBreadcrumbOnly, collapsed, theme } = this;
-        return (hAsync(Host, { key: 'c2828a2c275ac4341d26054b2de81bd93591a783', class: {
+        return (hAsync(Host, { key: '6bee18e1a84707b5d493149d23094af6a0fb1be8', class: {
                 "ic-breadcrumb-group-back": backBreadcrumbOnly,
                 "ic-breadcrumb-group-collapsed": collapsed,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("nav", { key: '44c0b96801da788bbfa96b138348d05214270b60', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '1f0549af4262e1f3181168dce91b7af6c6820dc3' }, hAsync("slot", { key: '8603a718735d00643bedf8b3b3fed554234d710e' })))));
+            } }, hAsync("nav", { key: '144ad11cead96e18ae62eba8fc2dead82e188854', "aria-label": "breadcrumbs" }, hAsync("ol", { key: 'c101766f5e9b0e5d9a5aaebd5d0d8eda63ffc9ea' }, hAsync("slot", { key: 'c761cdbb01472d0d8c2550254063b59fa714f722' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5484,7 +5650,7 @@ class Button {
                 variant !== "destructive" && (hAsync("span", { class: dropdownExpanded
                     ? "dropdown-expanded"
                     : "arrow-dropdown", innerHTML: arrowDropdown }))))));
-        return (hAsync(Host, { key: '742d4ee3daabdb12a7ef9f30803ed01a49414849', class: {
+        return (hAsync(Host, { key: '9af3124fa3bb001b9b744b4df20d0e107f865df1', class: {
                 "ic-button-disabled": disabled && !loading,
                 "ic-button-full-width": fullWidth,
                 "ic-button-loading": loading,
@@ -5500,7 +5666,7 @@ class Button {
                 monochrome,
                 "top-icon": isSlotUsed(this.el, "top-icon"),
                 "with-badge": isSlotUsed(this.el, "badge"),
-            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: '6526412bc27a6725714bc73f671e76d8cf30d28e', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: 'f7df2578a6539a40373d599788d1097e2bcaa5a5' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'b790a201f342345bafe97cfd19bd53d7ffd1811c', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: 'fa2a22102dbd45b0c4c02a7608fc913bc50f641d' })));
+            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: '533f8aac9579f16eaae0a167a683f7c42973de95', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: '67502a4253722031847e36ae3275ca48c7d01bd4' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'e4e5081c6f415f0447ae43398fd11fcf51a426f3', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: '5185de2240ddaddbc0bb35bdab51bc63e91492a5' })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5710,19 +5876,19 @@ class CardVertical {
             rel: rel,
             target: target,
         };
-        return (hAsync(Host, { key: 'aeff3ef22b085acbf30dacb5d3ae0167451044b9', class: {
+        return (hAsync(Host, { key: 'a5c7d234492dc72ab0ce06bc64646982b9b0c765', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync(Component, Object.assign({ key: 'a451e5f53149283ee77878ccc3e699beae669f24', class: {
+            } }, hAsync(Component, Object.assign({ key: '7878c6c421216eaffda8034f38711156dd920e41', class: {
                 card: true,
                 clickable: !!clickable && !disabled,
                 disabled: !!disabled,
                 fullwidth: !!fullWidth,
                 focussed: isFocussed,
                 monochrome: monochrome,
-            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: '2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc', class: "image-top" }, hAsync("slot", { key: 'c859ae1e242284b586df2ce7627c316021b8ef54', name: "image-top" }))), hAsync("div", { key: '55f21501b3d95e1f5bf3a69542dab57d00379e63', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'f95e7224d6e8548f33a8861025a1651a3bc953a4', class: "icon" }, hAsync("slot", { key: '1102f6f88e830613365cb0bfe3e5c4481b3a207e', name: "icon" }))), hAsync("div", { key: '3122872ef284640debbf7182d36f9cd4c6032ae4', class: "card-title" }, hAsync("slot", { key: 'f51213257b0ff6e195852ca006e9cba35103f210', name: "heading" }, hAsync("ic-typography", { key: '7d82fce416b7579ac23e2154ef512bd8f3181bc3', variant: "h4" }, hAsync("p", { key: 'ad083279b8f012f16d67c182c37bcc6383710ba5' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: 'bb47af0b373f295cb1bcd1b72df6c325e257c2ed', class: "interaction-button" }, hAsync("slot", { key: 'fd0fc056e51febf6d9abe76d7ffb0773836e52d3', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: '32851c6c59b9ee76aa490210f5888fe410067ca3', class: "subheading" }, hAsync("slot", { key: '5757fd2fd2618f03fee208b855384c29861cadc6', name: "subheading" }, hAsync("ic-typography", { key: '1f206ca1eaf0bcd5693abf3fc3f97303582a5deb', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: 'ceef939617ce12be984f15673e9ef4e71110234c', class: "adornment" }, hAsync("slot", { key: '127e2dfa77b74a19070e90361d26fe1358539ca2', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '0cbc0b6a9638969db6fabcde40ad46044afc4b88', class: "image-mid" }, hAsync("slot", { key: '3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7', class: "card-message" }, message && (hAsync("ic-typography", { key: '4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '959e101cc933319cf297d0f0ebbd46299a24cbd5', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: 'c4263a3d5f8e22f31cf0e55a868dbf0f52b00692', class: "interaction-area" }, hAsync("div", { key: 'bd5e1d3ff137004ff5c696f611dae1bfefd26e1a', class: "interaction-controls" }, hAsync("slot", { key: '5985495f8f12c825aafcab517d3add5f9741d460', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'e3b12f780303019b7f95ce5a98d7b7194c242c9a', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: '9857a37a37571bd21f500527149ed8bc3806c4f4', class: {
+            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: '32fc034396f14d12845c12ad9cfc4c00b75c0970', class: "image-top" }, hAsync("slot", { key: 'd2f682bfd7e961d43aa37fc14b1f1ce875cfd9e4', name: "image-top" }))), hAsync("div", { key: '315d6f3c97119e41228be4c1057f2c8e28c2e627', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '304744f27ecdd26136c52bdf6a0623ccf16c8ccb', class: "icon" }, hAsync("slot", { key: 'a186a14d094c999cc72b9ca8d0580c9c81ef5e5a', name: "icon" }))), hAsync("div", { key: '4d52fd26c94603c39bdc7d03dd185d9147ec35d6', class: "card-title" }, hAsync("slot", { key: 'e99c3b5b04bc8e4e0ad712ac221183e42472d1e4', name: "heading" }, hAsync("ic-typography", { key: '7de9265a3bccf8ddeda0a5da115739dab6e7f4e3', variant: "h4" }, hAsync("p", { key: '52ad60554c859fcba6960f892210b11afe2c8412' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: 'bd177fd6ead82c2d826a90c9bc36baf4d9650822', class: "interaction-button" }, hAsync("slot", { key: '50200586d93b445f084acdc44fe783362c61ad1c', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: '4084d3cdbcbfba517874846f00c6a75973911b46', class: "subheading" }, hAsync("slot", { key: '83ecdcca1ae25ded22c2b48631ca719b219c670f', name: "subheading" }, hAsync("ic-typography", { key: '6cc1e94ba4ecaeb37c0b01a177bf51ce56431406', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: '5b2e821691a30048fa7598ea5e7f4da245539644', class: "adornment" }, hAsync("slot", { key: '9955b70349039dd954ee03c66f27684225ad2161', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '1a44edd306c3a8a9f8b9d07d3f92bad346b8d9c2', class: "image-mid" }, hAsync("slot", { key: '79c16a0c673bc92c420159b4908e7c2881c58fc0', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '11468fd0d9784ad303bae66a6c7b9a7e6fcd2fdb', class: "card-message" }, message && (hAsync("ic-typography", { key: '4795147360d9862d329b7aa23b2d5d9d3501ff21', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '2e5c82f6cc32ab92e46d4531f5f646bb15b8bb8a', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: '0d1f66f5387c89bdb9b6be46636f6b092fd3b977', class: "interaction-area" }, hAsync("div", { key: '9afed7575316981e6e696d58469f56746fdd78e3', class: "interaction-controls" }, hAsync("slot", { key: 'f218de86f75106aab7b2a7c3b81b303a813cfcc3', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: '29ccf36efd77a936dd35fef1cc304f5ffdde47ea', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: 'e25088479cfa1519d8ac728505138fb2730b0400', class: {
                 "toggle-button": true,
                 [`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
-            }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '080d0198d37d939cfc506abc5933caac7eaa383d', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '6c9b5dd6bfa46d466034255231047b2682e19f96', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '1f68304dd15e605320258bf8d14d2df3b0caf344', name: "badge" }))));
+            }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '710a390ddcfd6464509e31a8bdc12213180a8e69', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: 'd315e1d72d612b75a04460d6a33a66a7f84f39c8', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '93bad888a177ab13ae50ea4d86fa6fd2c4ae01f7', name: "badge" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5894,17 +6060,17 @@ class Checkbox {
             ? renderHiddenInput(el, value, name, disabled)
             : removeHiddenInput(el);
         const LabelContent = () => this.hasLabelSlot() ? (hAsync("slot", { name: "label" })) : (hAsync("ic-typography", { class: "checkbox-label", variant: "body" }, hAsync("label", { htmlFor: inputId }, label)));
-        return (hAsync(Host, { key: 'b9aee197d23b8380b224aaa9f332d24c20406518', class: {
+        return (hAsync(Host, { key: '7554612ca8fba3490ff568295eea1bfab40707a9', class: {
                 "ic-checkbox-disabled": disabled,
                 [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'a027b311fa8a9cc5ef753a426fc3f73e8d6f97a4', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '5f3ce7e559134302640a03d2312782552e9ab018', role: "checkbox", class: {
+            } }, hAsync("div", { key: '858b6c8812f827d1805ae6aea8a02760ddaef38a', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '1b2729f5f417f5fbea44639369b5ad23f7c937e8', role: "checkbox", class: {
                 checkbox: true,
                 checked,
                 indeterminate: displayIndeterminate,
-            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && hAsync(LabelContent, { key: 'e75420d60d9fdc9170a7f54c96575936c8da122d' })), hAsync("span", { key: 'c3fccdab4f27feaeab35df33734723d9f14487cc', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: 'ceb57398c6a3dea8cec4eb4a8e0ba940f6f15c0a', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '41f097eb38e5dfd739b7de22cffb03ff3043d3e6', class: "branch-corner" }), hAsync("div", { key: '15b7e382cf7c9bf23a68016f5f2a449ae92dc03b', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: 'd0551674a9d5d6d6d01cf842aff133072ce4d1be', variant: "caption" }, hAsync("p", { key: '81f3345ea6625aa9d8644d5c410c7b24c1365975', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '970766071c9e70042e87e243e3415b73c189b51f', class: {
+            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: inputId, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel || this.hasLabelSlot() ? label : undefined }), !hideLabel && hAsync(LabelContent, { key: '62bdb97c7d1dd473236dd5a9b294aaf1eb6e01c7' })), hAsync("span", { key: '3d798c60b58dfcb3cf907569094e84a09e5e291c', id: `${inputId}-additional-field-description`, role: "alert", class: "sr-only" }, isDynamicAdditionalField && checked ? dynamicText : ""), isSlotUsed(el, "additional-field") && (hAsync("div", { key: 'a8276e2dcd983bee6547ac802de050348263ca9b', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: '9235762858b354b09bbdf956c5a2041041162f77', class: "branch-corner" }), hAsync("div", { key: 'cb92bb94e296830a3132f752b0c7689671275383', class: "dynamic-field-container" }, isDynamicAdditionalField && (hAsync("ic-typography", { key: '318cdd04a078d79aa98138a664e60ee308799f43', variant: "caption" }, hAsync("p", { key: 'ce5182b3ca908fc98ca9303d014d0c05f0bf3c0b', class: "dynamic-text" }, isDynamicAdditionalField && checked ? dynamicText : ""))), hAsync("div", { key: '352457e47762a12c320dc7df9635fa38bbc0d675', class: {
                 "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, hAsync("slot", { key: '3ff910a1d7a01312baeb70a965aaaa157ae66e6e', name: "additional-field" })))))));
+            } }, hAsync("slot", { key: '1d9225d692fbe869375109c97c9ec479be89e69f', name: "additional-field" })))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6064,11 +6230,11 @@ class CheckboxGroup {
         const describedBy = getInputDescribedByText(this.el, name, helperText !== "", validationStatus !== "");
         const renderSRText = validationStatus === "error" || required || hideLabel;
         const showValidation = hasValidationStatus(validationStatus, disabled);
-        return (hAsync(Host, { key: '4bf0ebdc41ee60a21034e57ffa313abf87290794', class: {
+        return (hAsync(Host, { key: '862a97d086caec6a36b54a83d7dc73cab51ec26e', class: {
                 "ic-checkbox-group-disabled": !!disabled,
                 [`ic-checkbox-group-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, renderSRText && (hAsync("span", { key: '69b9b6d5d0698d168e6df0c01b47d333b5afddba', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: 'ad8d27f986ca3337c4507829c70b1bfb0aa37ed5', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '84c10349be7a6d6acb70a5c9e70d888b86dbe258' }, hAsync("ic-input-label", { key: '00d928c2b7b8ce34262c4fe82d2d87a869bfaf9c', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: '42e5a3983f00c06616384cd7ba1a0793188aad7d', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '726918f0786e8418fcdd616841128a1cb7365bec', class: "checkboxes-container" }, hAsync("slot", { key: 'c4323eeff5908bf1a6a9e8a9fcfe2b5678489d8e' }))), hAsync("ic-input-validation", { key: '0178a6710479690c9ee615f9d7e25d04d1108fdd', class: {
+            } }, renderSRText && (hAsync("span", { key: '2099c60d533ff668ad2e3770bbe487182ba5c8c3', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '43ab035620d2c0a7b9325b3441fa51e1dac77e3a', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '3bff3341981e4f02aa73a21abee555be9f8aa863' }, hAsync("ic-input-label", { key: '949a4b31d5021b96870fcf63c595d06b4a84baf5', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: '90ae6ee756ee2415828ac81ebcc5e84a80999c5d', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '7bf7695658a85157da695af6e8fb6a9b8be276e3', class: "checkboxes-container" }, hAsync("slot", { key: '30d42a9d6cc00ac71280f88e462cb851d79ef61e' }))), hAsync("ic-input-validation", { key: '44a98a0c788e457319d44421328fcb59ab8e9244', class: {
                 "show-validation": showValidation,
             }, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
     }
@@ -6108,7 +6274,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
 </svg>
 `;
 
-const icChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}:host(.ic-chip-dismissed){display:none}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-1px) var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
+const icChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}:host(.ic-chip-dismissed){display:none}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between;width:-moz-fit-content;width:fit-content;box-sizing:border-box;max-width:100%}.chip.full-width{width:100%}:host(.ic-chip-full-width){width:100%}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-1px) var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
 var IcChipStyle0 = icChipCss;
 
 /**
@@ -6134,6 +6300,11 @@ class Chip {
          * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.
          */
         this.dismissLabel = "Dismiss";
+        /**
+         * Specify whether the chip fills the full width of the container.
+         * If `true`, this overrides the --input-width CSS variable.
+         */
+        this.fullWidth = false;
         /**
          * The size of the chip.
          */
@@ -6200,13 +6371,14 @@ class Chip {
         (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, } = this;
+        const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, fullWidth, } = this;
         const ariaLabel = `${label} chip`;
-        return (hAsync(Host, { key: '91df6058439a8c6dbd74de3d46153e4d0c54d623', class: {
+        return (hAsync(Host, { key: 'a340090512aafa664e16a6537cb7d8dc2fe84b29', class: {
                 "ic-chip-dismissed": !visible,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-chip-${foregroundColor}-text`]: variant === "filled" && !!foregroundColor,
-            } }, visible && (hAsync("div", { key: 'e7fe4dfe8ebedf808512a29aceef28a6700cd233', class: {
+                "ic-chip-full-width": fullWidth,
+            } }, visible && (hAsync("div", { key: '174e895e50479492d85f8a2d9871450f37d47997', class: {
                 chip: true,
                 [`${variant}`]: true,
                 [`${size}`]: true,
@@ -6214,7 +6386,8 @@ class Chip {
                 dismissible,
                 hovered,
                 "non-transparent": variant === "outlined" && !transparentBackground,
-            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '81b38c990e638413596f6e5e8041f68eef20e064', class: "icon" }, hAsync("slot", { key: '3a1fda2665ac0aea65df3bfaa94552f5e6fa2e1e', name: "icon" }))), hAsync("ic-typography", { key: 'a496fa5e7be6ec073cb1b2225b7a1e1f79f94f3f', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '942471f0fd86b350166c14433c40d6d912a52b17' }, label)), dismissible && (hAsync("ic-tooltip", { key: 'c9ea0b5045a625a7b42ae71b22bc9737b05501ee', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '7fb04f03ac698a002fea17de94980623b33502dd', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '99b017ad25c78367d25411312b47aa1f73d8f682', name: "badge" }))), dismissible && (hAsync("div", { key: 'b847f0255a3aaca7f1f24e2de1e939e0a6518c2f', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
+                "full-width": fullWidth,
+            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '3d12f1e7c932cd91f0835f3fe7c76ec6784bc44f', class: "icon" }, hAsync("slot", { key: '5307ba63af7c7342cf32072ccebf02788265e0f5', name: "icon" }))), hAsync("ic-typography", { key: '71a528ad758c4a09dbe1bfa879f4ca0b4a9177b7', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '85e3af35df8a3f2243bc0b36130a6238b6c6200d' }, label)), dismissible && (hAsync("ic-tooltip", { key: '6d68a771210b186192f7f4486d578a1cb706dda9', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '24917885cac2c78593cb721ce14254c20de85905', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '4a2bf278717384d8d7a1c830788520a385feb638', name: "badge" }))), dismissible && (hAsync("div", { key: '55bd826c4bd73c42d24a7a1aa1cdc52fd3a00d59', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6231,6 +6404,7 @@ class Chip {
             "disabled": [4],
             "dismissible": [4],
             "dismissLabel": [1, "dismiss-label"],
+            "fullWidth": [4, "full-width"],
             "label": [1],
             "size": [1],
             "theme": [1],
@@ -6292,10 +6466,10 @@ class ClassificationBanner {
         if (!classification ||
             (classification && !classificationText[classification]))
             classification = "default";
-        return (hAsync(Host, { key: '8ccd98249fea7e78da349f2c97243366305c5dcc', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: 'a108ace2bf5f64c5867f993d9d130595b61ccac9', "aria-label": "Protective marking", class: {
+        return (hAsync(Host, { key: '4d06c781318ef854931702315e73054f65b85259', class: { ["ic-classification-banner-inline"]: !!inline } }, hAsync("banner", { key: '251f6ced1270c823b1be9e39375139756adcd3e2', "aria-label": "Protective marking", class: {
                 ["classification-banner"]: true,
                 [`${classification}`]: classification,
-            } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '09edc559ec7b205d092210ef73ef95faa43c1a8a', variant: "caption-uppercase" }, classification === "default"
+            } }, classification !== "default" ? (hAsync("span", { class: "offscreen" }, "The protective marking of this page is:", " ")) : null, hAsync("ic-typography", { key: '3fd3a609c017ed0b5b24296464bae43dcf8cba67', variant: "caption-uppercase" }, classification === "default"
             ? classificationText[classification]
             : `${upTo ? "up to" : ""} 
                ${country} 
@@ -6319,7 +6493,7 @@ class ClassificationBanner {
     }; }
 }
 
-const icDataListCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}.heading{--ic-typography-color:var(--ic-data-list-text-heading);color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}";
+const icDataListCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}.heading{--ic-typography-color:var(--ic-data-list-text-heading);color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}.divider-no-heading{margin-top:0}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}";
 var IcDataListStyle0 = icDataListCss;
 
 /**
@@ -6342,10 +6516,11 @@ class DataList {
         if (size === "small") {
             Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
         }
-        return (hAsync(Host, { key: 'a050ac5764ea9496f33d53abdd27f1a193185cbb', class: {
+        const hasHeading = heading || el.querySelector('[slot="heading"]');
+        return (hAsync(Host, { key: '1c611db796f79fc54af3a89e4b7ed0439e09f8ce', class: {
                 "ic-data-list-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '41836f9dce80428fe7f266601c779255195f2a1a', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '0bd2c17f6dc9767364dc021695ac5839acb3040f', name: "heading" }, hAsync("ic-typography", { key: '65c4dd118e264af61e6494a81b60e573361ea9d3', variant: "h3" }, heading))), hAsync("div", { key: '5be1cea50a4d8beef81c14da5e13a74a75347244', class: "divider" }), hAsync("ul", { key: '9b71c57f882aec9aecb018e4a1fb98ff66c6aaf1', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '729e8422e911d6dc7a64e568af78f9e7e1ba32c7' }))));
+            } }, hAsync("div", { key: '5936cad1baba390f150bb72a2ef5b0ee7eaf5750', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '2d0080f2848355022ea118f8ef2f78cafb584bf3', name: "heading" }, hAsync("ic-typography", { key: 'dee1629146c3e50998552ae3c814eee17bc196c5', variant: "h3" }, heading))), hAsync("div", { key: 'bb1c6bf91cfcd71205acd3d15b504057d3fd566f', class: { divider: true, "divider-no-heading": !hasHeading } }), hAsync("ul", { key: '838380d006c00c28fb309aef1f57ab3bd8534102', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '6f84ce3a6716791113f5288a17c3a9a2416552d9' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataListStyle0; }
@@ -6435,12 +6610,12 @@ class DataRow {
     }
     render() {
         const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
-        return (hAsync(Host, { key: '8a70c9ceda7aebc616eb335f08e626952c87ddf3', class: {
+        return (hAsync(Host, { key: '720dc55ba7e1000ce6837a15d9d7accc726cc1ff', class: {
                 ["ic-data-row-small"]: size === "small",
                 ["breakpoint-medium"]: listSize === "m",
                 ["breakpoint-xs"]: listSize === "xs",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, role: "listitem" }, hAsync("div", { key: 'b2f75779fb6392023c42d9c1f8bf58a98b431797', class: "data" }, hAsync("div", { key: '059aa84f8a91c9a7cdaea4e118287ea460f1bcdd', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '3bcb9b239d836434ceae03ecd35c1bdc42d73699', class: "end-component" }, hAsync("slot", { key: '453e0c7e4d6b875ddfc319a12dc173913057b8bd', name: "end-component" })))), hAsync("div", { key: 'f16fd733c8ffd0e8ed8e7461099a3b9b81809cb3', class: "divider" })));
+            }, role: "listitem" }, hAsync("div", { key: '28e63fbb09ad16bcc6843a85047635e91006a220', class: "data" }, hAsync("div", { key: '698f607af4b50db1bc837d83df0f46ee9cc4201f', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '1febd59bc77239e0cedcc64953c0a5d2b4bbba6d', class: "end-component" }, hAsync("slot", { key: 'dfa67b2ff598520d1b3f47a1479e4448aa84986f', name: "end-component" })))), hAsync("div", { key: '989733a9cf32e8d452c4c2d4ae24844c7d38ece2', class: "divider" })));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataRowStyle0; }
@@ -6481,16 +6656,10 @@ class Dialog {
         this.DATA_GETS_FOCUS = "data-gets-focus";
         this.DIALOG_CONTROLS = "dialog-controls";
         this.dialogHeight = 0;
+        this.focusAttemptCount = 0;
         this.focusedElementIndex = 0;
-        this.IC_TEXT_FIELD = "IC-TEXT-FIELD";
-        this.IC_ACCORDION = "IC-ACCORDION";
-        this.IC_ACCORDION_GROUP = "IC-ACCORDION-GROUP";
-        this.IC_CHECKBOX = "IC-CHECKBOX";
-        this.IC_SEARCH_BAR = "IC-SEARCH-BAR";
-        this.IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
         this.interactiveElementList = [];
         this.resizeObserver = null;
-        this.focusAttemptCount = 0;
         this.dialogRendered = false;
         this.fadeIn = false;
         /**
@@ -6581,26 +6750,6 @@ class Dialog {
                 this.dialogHeight = this.dialogEl.clientHeight;
             }
         };
-        this.refreshInteractiveElementsOnSlotChange = () => {
-            var _a, _b, _c;
-            const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#dialog-content");
-            if (contentWrapper) {
-                this.contentArea = contentWrapper.querySelector("slot");
-                // Detect changes to slotted elements
-                (_b = this.contentArea) === null || _b === void 0 ? void 0 : _b.addEventListener("slotchange", this.getInteractiveElements);
-                this.contentAreaMutationObserver = new MutationObserver(() => {
-                    this.getInteractiveElements();
-                });
-                // Detect changes to children of slotted elements
-                (_c = getSlotElements(contentWrapper)) === null || _c === void 0 ? void 0 : _c.forEach((el) => {
-                    var _a;
-                    (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {
-                        childList: true,
-                        subtree: true,
-                    });
-                });
-            }
-        };
         this.removeSlotChangeListener = () => {
             var _a;
             if (this.contentArea) {
@@ -6608,6 +6757,15 @@ class Dialog {
                 (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
             }
         };
+        this.setContentAreaMutationObserver = () => {
+            var _a;
+            const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#dialog-content");
+            if (contentWrapper) {
+                const { contentAreaSlot, contentAreaMutationObserver } = refreshInteractiveElementsOnSlotChange(contentWrapper || null, this.getInteractiveElements);
+                this.contentArea = contentAreaSlot;
+                this.contentAreaMutationObserver = contentAreaMutationObserver;
+            }
+        };
         this.setInitialFocus = () => {
             this.sourceElement = document.activeElement;
             if (!this.interactiveElementList.length) {
@@ -6624,17 +6782,11 @@ class Dialog {
             if (this.focusedElementIndex === -1) {
                 this.focusedElementIndex = 0;
             }
-            const elToFocus = this.interactiveElementList[this.focusedElementIndex];
-            if (elToFocus) {
-                this.focusElement(elToFocus);
-            }
-        };
-        this.getFocusedElementIndex = () => {
-            var _a;
-            for (let i = 0; i < this.interactiveElementList.length; i++) {
-                if (this.interactiveElementList[i] ===
-                    (((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {
-                    this.focusedElementIndex = i;
+            if (this.interactiveElementList[this.focusedElementIndex]) {
+                const focusElementResult = focusElement(this.focusAttemptCount, this.focusedElementIndex, this.interactiveElementList);
+                if (focusElementResult) {
+                    this.focusAttemptCount = focusElementResult.newFocusAttemptCount;
+                    this.focusedElementIndex = focusElementResult.newFocusedElementIndex;
                 }
             }
         };
@@ -6644,76 +6796,17 @@ class Dialog {
         this.getInteractiveElements = () => {
             var _a;
             this.interactiveElementList = Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll("ic-button")) || []);
-            const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),
-          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,
-          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,
-          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));
-            if (slottedInteractiveElements.length > 0) {
-                if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {
-                    slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, "");
+            const interactiveElements = slottedInteractiveElements(this.el);
+            if (interactiveElements.length > 0) {
+                if (interactiveElements[0].slot !== this.DIALOG_CONTROLS) {
+                    interactiveElements[0].setAttribute(this.DATA_GETS_FOCUS, "");
                 }
                 else if (!this.destructive) {
-                    slottedInteractiveElements[slottedInteractiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, "");
+                    interactiveElements[interactiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, "");
                 }
             }
-            for (let i = 0; i < slottedInteractiveElements.length; i++) {
-                this.interactiveElementList.splice(1 + i, 0, slottedInteractiveElements[i]);
-            }
-        };
-        this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];
-        this.onTabKeyPress = (shiftKey) => {
-            var _a;
-            this.getFocusedElementIndex();
-            if (((_a = this.interactiveElementList[this.focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) ===
-                this.IC_SEARCH_BAR) {
-                return false;
-            }
-            this.setFocusIndexBasedOnShiftKey(shiftKey);
-            this.loopNextFocusIndexIfLastElement();
-            this.focusAttemptCount = 0;
-            this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
-            return true;
-        };
-        this.shouldSkipElement = (element) => {
-            if (!element) {
-                return true;
-            }
-            const isHidden = getComputedStyle(element).visibility === "hidden" ||
-                element.offsetHeight === 0 ||
-                element.hasAttribute("disabled") ||
-                (element.tagName === this.IC_ACCORDION_GROUP &&
-                    element.hasAttribute("single-expansion"));
-            const radioEl = element.closest("ic-radio-option");
-            return (isHidden ||
-                (element.getAttribute("type") === "radio" &&
-                    !!radioEl &&
-                    !(radioEl.hasAttribute("selected") || element.tabIndex === 0)));
-        };
-        this.focusElement = (element, shiftKey = false) => {
-            if (!element) {
-                return;
-            }
-            if (this.focusAttemptCount++ > this.interactiveElementList.length) {
-                return;
-            }
-            if (this.shouldSkipElement(element)) {
-                this.setFocusIndexBasedOnShiftKey(shiftKey);
-                this.loopNextFocusIndexIfLastElement();
-                this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
-            }
-            else {
-                switch (element.tagName) {
-                    case this.IC_ACCORDION_GROUP:
-                    case this.IC_ACCORDION:
-                    case this.IC_SEARCH_BAR:
-                    case this.IC_TEXT_FIELD:
-                    case this.IC_CHECKBOX:
-                    case this.IC_TAB_CONTEXT:
-                        element.setFocus();
-                        break;
-                    default:
-                        element.focus();
-                }
+            for (let i = 0; i < interactiveElements.length; i++) {
+                this.interactiveElementList.splice(1 + i, 0, interactiveElements[i]);
             }
         };
         this.renderDialog = () => {
@@ -6754,7 +6847,7 @@ class Dialog {
         this.removeSlotChangeListener();
     }
     componentDidLoad() {
-        this.refreshInteractiveElementsOnSlotChange();
+        this.setContentAreaMutationObserver();
         if (this.open) {
             this.dialogOpened();
         }
@@ -6771,11 +6864,17 @@ class Dialog {
     handleKeyboard(ev) {
         if (this.dialogRendered) {
             switch (ev.key) {
-                case "Tab":
-                    if (this.onTabKeyPress(ev.shiftKey)) {
+                case "Tab": {
+                    const tabKeyPressHandlerResult = handleFocusTrapTabKeyPress(this.el, this.focusAttemptCount, this.focusedElementIndex, this.interactiveElementList, ev.shiftKey);
+                    this.focusAttemptCount =
+                        tabKeyPressHandlerResult.newFocusAttemptCount;
+                    this.focusedElementIndex =
+                        tabKeyPressHandlerResult.newFocusedElementIndex;
+                    if (tabKeyPressHandlerResult.preventDefault) {
                         ev.preventDefault();
                     }
                     break;
+                }
                 case "Escape":
                     if (!ev.repeat) {
                         this.open = false;
@@ -6812,24 +6911,9 @@ class Dialog {
     async confirmDialog() {
         this.icDialogConfirmed.emit();
     }
-    loopNextFocusIndexIfLastElement() {
-        if (this.focusedElementIndex > this.interactiveElementList.length - 1)
-            this.focusedElementIndex = 0;
-        else if (this.focusedElementIndex < 0) {
-            this.focusedElementIndex = this.interactiveElementList.length - 1;
-        }
-    }
-    setFocusIndexBasedOnShiftKey(shiftKey) {
-        if (shiftKey) {
-            this.focusedElementIndex -= 1;
-        }
-        else {
-            this.focusedElementIndex += 1;
-        }
-    }
     render() {
         const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;
-        return (hAsync(Host, { key: 'b7042e156db6ea72797e7e83ce6af29747c40d6a', class: {
+        return (hAsync(Host, { key: '97f96f655d95bb7192eb44e850f495ed133e7d73', class: {
                 "ic-dialog-hidden": !dialogRendered,
                 "ic-dialog-fade-in": fadeIn,
                 "disable-height-constraint": !!disableHeightConstraint,
@@ -7031,11 +7115,11 @@ class EmptyState {
     }
     render() {
         const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (hAsync(Host, { key: '4bb35d1c3476b88cc58e952b1b8785e4425d5339', class: {
+        return (hAsync(Host, { key: '16659f35d2b14d9a5e32fe6c61619fbafdf58f53', class: {
                 [`ic-empty-state-${aligned}`]: true,
                 [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: '9e87ed9f746d37f57505a75c62b10279b31ef54e', name: "image" }), hAsync("div", { key: '4f94dc11d843660d3fecd976fa71f9c57644c89b' }, hAsync("slot", { key: 'be23c55a8dc832904fbae342890d2a3d2d74ae85', name: "heading" }, hAsync("ic-typography", { key: '52bf3dca695fecff3e5d650bd81db23d09665258', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '7ed10d78475ac8b9c3f5a084a1294ad1be180f15', name: "subheading" }, hAsync("ic-typography", { key: '5772d056578a64a951178c3c3026b36d4b316496', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: '14a8815b51a06521642921f09fa8346483522e84', name: "body" }, hAsync("ic-typography", { key: 'bca780cc2275e81d4e25bae45f5065f6fab3bcd5', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: 'd6c0f61a358c1d0c86c4da922ed0504ffdc8228f', class: "action-area" }, hAsync("slot", { key: 'ac150a34e883376bfee43a6edbeb8992c3bc3f96', name: "actions" })))));
+            } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: 'ccc8a2daf0041d9dd5e611d3b60c96820271745b', name: "image" }), hAsync("div", { key: 'ab68dff198b63394d890399ec53b9befbb70f222' }, hAsync("slot", { key: 'fe99ebbfe6b9c899d4b1fb5737df268e0bc38bb4', name: "heading" }, hAsync("ic-typography", { key: 'eea6eb657e09159b27935e16864961b95387a3d6', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: 'ca04ac75d72fc5864ed7821bf9d16c8999eac3aa', name: "subheading" }, hAsync("ic-typography", { key: '257a4f73c4fb3577e4c1653607a492b4f4d18470', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'f0efda6128d1b5a5f2b280faf23940b0832e3121', name: "body" }, hAsync("ic-typography", { key: '128849e7a458b1ff7b51079eeb9f6967df88cef1', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '22cf30fd1f3636fb3344689c4435b59d4148bb5f', class: "action-area" }, hAsync("slot", { key: 'c4e187603beb9b2291c9e038202ff651d4decfff', name: "actions" })))));
     }
     get el() { return getElement(this); }
     static get style() { return IcEmptyStateStyle0; }
@@ -7153,7 +7237,7 @@ class Footer {
             isSlotUsed(el, "caption") ||
             caption ||
             copyright;
-        return (hAsync(Host, { key: '6d91277fef5b4a25ebc1300c5f6c9697f7cf51db', class: {
+        return (hAsync(Host, { key: '998f2d4e2efe145b4b83e389d35aa5441493c665', class: {
                 ["ic-footer"]: true,
                 [`ic-footer-${small ? "small" : "sparse"}`]: true,
                 [`ic-footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
@@ -7161,10 +7245,10 @@ class Footer {
                 // Slots will be able to infer their own color
                 [`ic-footer-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 [`ic-footer-${IcBrandForegroundEnum.Light}`]: foregroundColor === IcBrandForegroundEnum.Light,
-            } }, hAsync("footer", { key: 'ff497893502821b501404631d81a6c43282b1b36', ref: (el) => (this.footerEl = el) }, (isSlotUsed(el, "description") || description) && (hAsync("div", { key: 'f8d674674bba8dc6570a7352e943ba8ce97ef666', class: "footer-description" }, hAsync("ic-section-container", { key: 'd1c80f2b82c740b0ae5b3bfe55a42aa81ef631c9', aligned: aligned, fullHeight: true }, hAsync("div", { key: '669b78285fb7274a0f36ad4ffca2e6527bc7ee8f', class: "footer-description-inner" }, hAsync("ic-typography", { key: '0ef8cbc1311b48cfdc9fb0031802dfb3672e1bc0', variant: "body" }, hAsync("slot", { key: '3ea6f48d56500f8ee7711e53c4c4794c5c06bc84', name: "description" }, description)))))), isSlotUsed(el, "link") && (hAsync("div", { key: '3790b13ae7b820882d92d866ab946749f83515dc', class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { key: 'bd4f9da66406e7587aadab57768e0f00d176f5f2', class: "footer-compliance" }, hAsync("ic-section-container", { key: '4b760604abdeb1096927ca72d8b8c53ab2128ea9', aligned: aligned, fullHeight: true }, hAsync("div", { key: '63f1d4b0009cf34f4f4492851f17653f2f2dba84', class: "footer-compliance-inner" }, isSlotUsed(el, "logo") && (hAsync("div", { key: '9b8f9f9983db8f0f8642e79e20906e337c7cf57d', class: "footer-logo" }, hAsync("slot", { key: 'faac7b5562c641bbb700514007e3ee6702e155df', name: "logo" }))), (isSlotUsed(el, "caption") || caption) && (hAsync("div", { key: 'a388c6b1549d5a5516e94f872ecb538f15b1102f', class: "footer-caption" }, hAsync("ic-typography", { key: '7e8a8e10983d31235ed8d90919d673f74d13bccb', variant: deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, hAsync("slot", { key: '81152b67972243451c8e9b3c05b1e79d5ce1b7f1', name: "caption" }, caption)))), copyright && (hAsync("div", { key: '8f6480deac3ac1a31c0ad0e4a250c35cb07917eb', class: {
+            } }, hAsync("footer", { key: 'c87d22d28a01bda8c3ee2b9cac46be2887713a29', ref: (el) => (this.footerEl = el) }, (isSlotUsed(el, "description") || description) && (hAsync("div", { key: 'f308a06d6f0659a0cfce9bbf83c83a5b7002888c', class: "footer-description" }, hAsync("ic-section-container", { key: 'b37d8391f9d6976ab470ee313cffde02fb44379e', aligned: aligned, fullHeight: true }, hAsync("div", { key: '577f163c461029ff87860d22e5f6d8727f2700f2', class: "footer-description-inner" }, hAsync("ic-typography", { key: 'd5511f1010de1c5e474d7a4ca300c3c65524b848', variant: "body" }, hAsync("slot", { key: 'ee7cbda304a95acf11208bf01779669d2ae80e5b', name: "description" }, description)))))), isSlotUsed(el, "link") && (hAsync("div", { key: 'a2c16d41f279a1241ceeacb61ab6891e1caa02b4', class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { key: '612fef7b2098beeb005bca7c8c6a770073d18a84', class: "footer-compliance" }, hAsync("ic-section-container", { key: 'c69ae2ee035e470340f5a5f23b446d0e496053cb', aligned: aligned, fullHeight: true }, hAsync("div", { key: 'f9dbd6a02403a60af427c31d872895f55fb93d4b', class: "footer-compliance-inner" }, isSlotUsed(el, "logo") && (hAsync("div", { key: '2f3303d4ec7608da07f229d012d28fde289088b4', class: "footer-logo" }, hAsync("slot", { key: '4447941f54b6276e088fa3f7facc0fa938dbbd95', name: "logo" }))), (isSlotUsed(el, "caption") || caption) && (hAsync("div", { key: '7b1d062760f15d92a97fd5edd5bd367e61a03ac6', class: "footer-caption" }, hAsync("ic-typography", { key: 'fd22c635085c468676125e4283b59661a2092c83', variant: deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, hAsync("slot", { key: '026d7f0837f3dfa21ca81ce23e44c4a0526e6b6d', name: "caption" }, caption)))), copyright && (hAsync("div", { key: '75c74053fbc359a6a05600f532f2c6dab5cae23b', class: {
                 ["footer-copyright"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, hAsync("ic-typography", { key: 'e119f8f68ad5dc19a9e1020f8fabb52397fd0394', variant: deviceSize <= IC_DEVICE_SIZES.M
+            } }, hAsync("ic-typography", { key: '91f098b1ea0a5f0aa87e6430ad5c043c6a5fd10f', variant: deviceSize <= IC_DEVICE_SIZES.M
                 ? "caption-uppercase"
                 : "label-uppercase" }, copyrightText))))))))));
     }
@@ -7233,12 +7317,12 @@ class FooterLink {
         const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
         const { small, grouped } = footerConfig;
         const isLogoLink = !!this.el.closest("div[slot='logo']");
-        return (hAsync(Host, { key: 'b8797484e397b1a952f2df6f644c985deec5be65', class: {
+        return (hAsync(Host, { key: 'b093247260ef7378ef3aa666029e463641eb20c0', class: {
                 "footer-link": true,
                 [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
                 [`footer-link-${this.foregroundColor}`]: true,
                 "footer-logo-link": isLogoLink,
-            }, role: "listitem" }, hAsync("ic-link", { key: '1cd559f7c768a70d2bc0c92845ad6ae6761b584a', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: 'f2104f33d9651f96414a4963b30ea2e6c2414b18' }))));
+            }, role: "listitem" }, hAsync("ic-link", { key: '79ac221357a96ca920f68609bb390a30f53be256', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '06182bca4f4268ca01466a411a8de43671fbea24' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -7417,7 +7501,7 @@ class Hero {
                 "background-position": scrollFactor,
             };
         }
-        return (hAsync(Host, { key: '34d3c839d5827d5dadfdc1a160c4b6b2ae965cdf', class: {
+        return (hAsync(Host, { key: 'fdbc239703d4121db55ebf918378cd363253529f', class: {
                 [`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["has-right-content"]: this.rightContent,
@@ -7425,12 +7509,12 @@ class Hero {
                 ["secondary-heading"]: !!secondaryHeading,
                 [`ic-hero-content-aligned-${contentAligned}`]: contentAligned !== undefined,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style }, hAsync("ic-section-container", { key: '92c885c6bb0532ed6d5adbea3927ff56c88ccf00', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '808e287fe214793b21c2da1d4db8410a0fecdcb9', class: {
+            }, style: style }, hAsync("ic-section-container", { key: '31bb8c8c2a656e502f2d636382e5c52135d4ea0f', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '890e74b018f5a906a6e07d86beb3ebe2730ea01b', class: {
                 ["left-container"]: true,
                 ["left-container-full-width"]: this.leftContentFullWidth,
-            } }, hAsync("div", { key: '09267f66de926f237092d55372f34ee75b3b1bb5', class: "heading" }, hAsync("slot", { key: 'b30e4be509093aa6f7b2dbe906eb63c8ed1f70da', name: "heading" }, hAsync("ic-typography", { key: 'a59edf905e413ecd324b09807acb4efc7730b1ef', variant: size === "small" ? "h2" : "h1", class: {
+            } }, hAsync("div", { key: 'd67d033a9eb735b1f0710e3812f80173bd963c61', class: "heading" }, hAsync("slot", { key: '154e08b9f3193d86dcf3aa9a94d742194f98d979', name: "heading" }, hAsync("ic-typography", { key: '3e0e811d78b19009cc3ec19458e38455d1e93f75', variant: size === "small" ? "h2" : "h1", class: {
                 ["heading-bottom-spacing"]: size !== "small",
-            } }, hAsync("h2", { key: 'f3d705dcea394926d050c5e9a518aa6d23e61c74' }, heading)))), hAsync("div", { key: 'e67892b909d8d59b9714c9c39b07f5fbaa47cd5f', class: "subheading" }, hAsync("slot", { key: '94601527aad82e6da4a1723f435b26221f562d3c', name: "subheading" }, hAsync("ic-typography", { key: 'd10d05ad2ecbc02f3cc9612c5e5cd8507c95e7ba', variant: "body" }, subheading))), hAsync("div", { key: '12ea9178058e547b57fd1ca454a00a9bdf542f41', class: "interaction-container" }, hAsync("slot", { key: '8b3e37943fb688843dfcc6f28f7aab2d42c66454', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '2783784a47d8a7667959b6bc0a102e0536050cab', class: "right-container" }, hAsync("slot", { key: 'ad168f0963f7950cf70b8a77abd4390a0585ddff', name: "secondary" }, secondaryHeading && (hAsync("div", { key: 'faa3a3a6f23962c99eab8d1e81e2fa5d96b8f6c2', class: "secondary-container" }, hAsync("div", { key: '147945f65e18d6d3ade2342057e1cdaf68faca50', class: "secondary-heading" }, hAsync("ic-typography", { key: '78a22d379cb17ec183b4f320f652696cf46155b4', variant: "h4" }, hAsync("h3", { key: '87619d7363588a0887f4c704011d824d51f3caa2' }, secondaryHeading))), hAsync("div", { key: '0cc920336ef6d241361f095317391c296ce81e81', class: "secondary-subheading" }, hAsync("ic-typography", { key: '19db9e9c8c392b26e698427048de8ad1bf2b7a5a', variant: "subtitle-small" }, secondarySubheading))))))))));
+            } }, hAsync("h2", { key: 'f0183d996aac2f70dca05b71be894b9529d7ec8b' }, heading)))), hAsync("div", { key: 'dd5f0787458bf168c231906d7a9394df0fc0189b', class: "subheading" }, hAsync("slot", { key: '16ddacec5c6d34aef1d34e998d9ab314ff8ee38c', name: "subheading" }, hAsync("ic-typography", { key: '3d58628932a1c75cff267f60a9330aa85401ee73', variant: "body" }, subheading))), hAsync("div", { key: 'b2bf9a217cbde760f04d90d6976489bc143bd2e5', class: "interaction-container" }, hAsync("slot", { key: '8e42a9799b7c9bf632265d23e4ac3c6a4fd33e6f', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '7ed3fd485177546e131e4a87b7a9458c1d1f6207', class: "right-container" }, hAsync("slot", { key: 'e97a8345e4dc3f25262c3cee033881a005b1a364', name: "secondary" }, secondaryHeading && (hAsync("div", { key: 'd2b2a14a8847284bedbd67ca5bbc8fe822dbc38c', class: "secondary-container" }, hAsync("div", { key: '8ebe7863cc432fb082c083d9904bf14d859c5d44', class: "secondary-heading" }, hAsync("ic-typography", { key: '16b926e7b38f87d945a770196350d2f5877db451', variant: "h4" }, hAsync("h3", { key: 'a196ab6f8ca699e7e8a7e1fa557afd79c859d043' }, secondaryHeading))), hAsync("div", { key: '532c8888092e849194a6d4b31145807b3afbd240', class: "secondary-subheading" }, hAsync("ic-typography", { key: '2852a039483f536e41719ae9f3c35179c4ec0ec2', variant: "subtitle-small" }, secondarySubheading))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcHeroStyle0; }
@@ -7622,22 +7706,22 @@ class HorizontalScroll {
     }
     render() {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
-        return (hAsync(Host, { key: '5c313665e71e0abc91a19f204ccf08d7b017f46b', class: {
+        return (hAsync(Host, { key: '329d00bc4e7ebfab434cb41dd32e919820c5adb5', class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
                 ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum.Dark,
                 ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '7a65d56af26a6bfe660c3e923beaf7b512f77de8', "aria-hidden": "true", class: {
+            } }, hAsync("div", { key: 'ed231bf1fcd68399e29e790026b377bf8f96a14e', "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: firstItemVisible,
-            }, role: "tab" }, hAsync("ic-button", { key: '0203d6acdde7444d03038b3ec86f3e318615030d', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("ic-button", { key: 'c34f45cb44e242939985f792a21e482a11078fba', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
-                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'dffb5fee1c17005205216d0901141317e2dc4aa6', class: "scroll-splitter-left" })), hAsync("slot", { key: 'f637c15f3020e1572a61179c2132dece11d0699a' }), hAsync("div", { key: 'c563d5ca6d07a66f2111bea5aebe7d36ae481770', "aria-hidden": "true", class: {
+                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'c5b52e4cfa655f8dc499e69da531870f4e4fe216', class: "scroll-splitter-left" })), hAsync("slot", { key: '8478dc63668ed2e842182c47e9a3b27b77ac642f' }), hAsync("div", { key: 'b9b0e21e69a40f7afda403db3db8b983257240c0', "aria-hidden": "true", class: {
                 ["scroll-container-right"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: lastItemVisible,
-            }, role: "tab" }, hAsync("span", { key: 'd8afe9aaf2304d13909815aeb8e60ac4f8952f7f', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4f3be747e736a50705793742b0a1e9fab44d56db', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("span", { key: '909936dddf54502bb1bdc3fdfdf36d59b5582238', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4e9093a9da1b3e387933dfc2495f1279bb7ad180', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
                 : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
     }
@@ -7712,15 +7796,15 @@ class InputComponentContainer {
     }
     render() {
         const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (hAsync(Host, { key: 'c33ebfd9dd18101fb9161259538e8e0046f77a3d', class: {
+        return (hAsync(Host, { key: '86271007106caa930e823cd2a9b9242670a1d2c1', class: {
                 [`ic-input-component-container-${size}`]: true,
                 [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
                 "ic-input-component-container-disabled": !!disabled,
                 "ic-input-component-container-readonly": !!readonly,
                 "ic-input-component-container-multiline": !!multiLine,
                 "ic-input-component-container-full-width": !!fullWidth,
-            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: 'a70f27a3235ac0edb9d9c5a18983ae3c02de2a48', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: 'aa0b233280382bd0e95a8ff932bf60a63603b7bf', class: "icon-container" }, hAsync("slot", { key: 'ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd', name: "left-icon" }))), hAsync("slot", { key: '1850c6ed04510e678600c653a36e2114f982e561' }), validationInline &&
-            validationStatus === IcInformationStatus.Success && (hAsync("span", { key: '58d228c595577c1cc9a0fe2b10538cc3efff53ab', class: "inline-success", innerHTML: successIcon })))));
+            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '2b8e64e7cc2d78b34b816b080f7e5856b4aef254', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '738e1d776664a7971bd97f36a68b8193849178ae', class: "icon-container" }, hAsync("slot", { key: 'c6d5fa181367e1988b3e454b06c01345afa393ff', name: "left-icon" }))), hAsync("slot", { key: '970ccdc08abd4dbf84248cc5708ab09ecbcbc0ae' }), validationInline &&
+            validationStatus === IcInformationStatus.Success && (hAsync("span", { key: '6c7cbd9c69c11a8688972039ba519829805d3ab7', class: "inline-success", innerHTML: successIcon })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7761,11 +7845,11 @@ class InputContainer {
         this.readonly = false;
     }
     render() {
-        return (hAsync(Host, { key: '32ae22db5e182cc2c092c8f48e61d42a318284a0' }, hAsync("div", { key: 'bae9ef74f7f92004ec99c387a213822315c505ba', class: {
+        return (hAsync(Host, { key: 'ffa7ae6f683f172205085d3ade5af4ed2b665f5e' }, hAsync("div", { key: 'e010e17e975c12a26c9ae66cb604ca561882901b', class: {
                 ["component-container"]: true,
                 ["disabled"]: !!this.disabled,
                 ["readonly"]: !!this.readonly,
-            } }, hAsync("slot", { key: 'acca571eaa0d8f19b0e3379d2592409aacf9dd95' }))));
+            } }, hAsync("slot", { key: '202931f1bc8d2ab341753c23464e266fd899a15d' }))));
     }
     static get style() { return IcInputContainerStyle0; }
     static get cmpMeta() { return {
@@ -7848,11 +7932,11 @@ class InputLabel {
             "helpertext-readonly": readonly,
         };
         const helperTextSlot = this.el.querySelector("slot[name='helper-text']");
-        return (hAsync(Host, { key: 'da58fe3cac026661d1c624c69c56c6e64ff3c07a', class: {
+        return (hAsync(Host, { key: 'bc32f49e555f33d246a3710c0ccea33ca511728f', class: {
                 "ic-input-label-disabled": !!disabled,
                 "ic-input-label-readonly": readonly,
                 "with-helper": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== "",
-            } }, !hideLabel && (hAsync("ic-typography", { key: 'bb221e5f51681a0caa721c66f03fd475e4e08749', variant: "label", class: {
+            } }, !hideLabel && (hAsync("ic-typography", { key: 'b5f8b55d18f914ed5ae2b3392661a08d35cbe3d9', variant: "label", class: {
                 "readonly-label": readonly,
                 "error-label": status === "error" && !(readonly || disabled),
             } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), this.isHelperTextSlotUsed(helperTextSlot) ? (hAsync("span", { id: helperTextId, class: helperTextClass }, hAsync("slot", { name: "helper-text" }))) : (helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: helperTextClass }, hAsync("span", { id: helperTextId }, helperText))))));
@@ -7890,6 +7974,7 @@ const ICON = {
 const INVISIBLE_CHAR = "\u200B";
 /**
  * @slot validation-message-adornment - Content will be placed to the right of the validation message.
+ * @slot validation-message - Content will be placed as the validation message.
  */
 class InputValidation {
     constructor(hostRef) {
@@ -7921,14 +8006,14 @@ class InputValidation {
     render() {
         const { ariaLiveMode, fullWidth, status, message } = this;
         const displayIcon = status !== "" ? ICON[status] : "";
-        return (hAsync(Host, { key: '2314e8e4f655e95cee33a0717322b65a5077cc3a', class: {
+        return (hAsync(Host, { key: 'c9749e8bb3c64a0ec364063500c6e9d6a2606116', class: {
                 [`ic-input-validation-${status}`]: status !== "",
                 "ic-input-validation-full-width": !!fullWidth,
                 "ic-input-validation-with-status": status !== "",
-            } }, displayIcon !== "" && (hAsync("span", { key: '171000e63f0d8ea96cd34e283700cfa641795419', class: {
+            } }, displayIcon !== "" && (hAsync("span", { key: '37f56d09513abdaf04e3cf0131d89c1e78c77dd1', class: {
                 "status-icon": true,
                 [`icon-${status}`]: true,
-            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '87c722d45b0b7c02602f65b418748b8fe890fed8', variant: "caption", class: "statustext" }, hAsync("span", { key: 'd4440c3115b085b471b0de094cb89f9e775df5cb', id: this.for && getInputValidationTextID(this.for) }, message), hAsync("span", { key: '3e1f4328c6ae86a01eccc0bc99a26e37af3aa4c4', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: 'b042762de928907af3e92882ae2f6068a3c2808d', name: "validation-message-adornment" })));
+            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: 'c48a3f1ec46a3c9cc5c57c271c90f7fa6f9f7ff4', variant: "caption", class: "statustext" }, hAsync("span", { key: '445497c5225d3bdcf4505d0e27ef8af213a9fc11', id: this.for && getInputValidationTextID(this.for) }, isSlotUsed(this.el, "validation-message") ? (hAsync("slot", { name: "validation-message" })) : (message)), hAsync("span", { key: 'f9126a58e59ac9f05c88e8c4860f49eb3d394fa7', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), hAsync("slot", { key: 'ee1a49b5c1765f153f4ee8e10cd94fa0e1549a54', name: "validation-message-adornment" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8080,10 +8165,10 @@ class LayoutGrid {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: 'fa862e7110426cb032982c8743b7ad3024f06f9a', class: {
+        return (hAsync(Host, { key: 'edd252e9b99b8ae5a131062ac6f102b2e76d22ce', class: {
                 [`ic-layout-grid-aligned-${aligned}`]: true,
                 ["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: '716c4137c338797b4ce17c9dd946f8902064606f' })));
+            } }, hAsync("slot", { key: '9d4b3b7d4f3379b01751707270f00f988e16b0a8' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8163,9 +8248,9 @@ class LayoutGridItem {
     }
     render() {
         const { hideInMobileMode } = this;
-        return (hAsync(Host, { key: '9e96a528f70c414a5728a7fd0773d0adb4063020', class: {
+        return (hAsync(Host, { key: '142d6bb3ec03f4e0b362b1d10da70a3ee7f215d5', class: {
                 "ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
-            } }, hAsync("slot", { key: '43b2b4891f8b1241fad2fb707016cd927632bdfd' })));
+            } }, hAsync("slot", { key: '4711277515425bc6bff4d1089c14fafc3ab6032b' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8278,7 +8363,7 @@ class Link {
     }
     render() {
         const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
-        return (hAsync(Host, { key: '1d3ba1effcfab3255ea567c475e2252bd17de507', class: {
+        return (hAsync(Host, { key: '2b5806a3fa48ea9113346d0d9ac8ecd86e0c699a', class: {
                 ["ic-link"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-link-monochrome"]: !!monochrome,
@@ -8504,24 +8589,24 @@ class LoadingIndicator {
     }
     render() {
         const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, internalType, label, max, min, monochrome, progress, size, theme, } = this;
-        return (hAsync(Host, { key: '576bca57e7314a41e887f7f1e258b14563560c46', class: {
+        return (hAsync(Host, { key: '2905a37e973a97b428414010c467764d9e2a9fd1', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-loading-indicator-full-width": fullWidth,
                 "ic-loading-indicator-label": !!label,
                 "ic-loading-indicator-monochrome": monochrome,
                 [`ic-loading-indicator-size-${size}`]: true,
-            } }, hAsync("div", { key: '16ff356ffed07fe8136691d8e0753845c2430238', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '5124f9e43b1c0495f1e5d954c289877475a523b3', ref: (el) => (this.outerElement = el), class: {
+            } }, hAsync("div", { key: '6fa756abb41297cc5e8610b30c1cb3f03d953c2d', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'f1112dc701c88024573e6dc9096725ab4675ee2e', ref: (el) => (this.outerElement = el), class: {
                 [`ic-loading-${internalType}-outer`]: true,
                 [progress === undefined ? "indeterminate" : "determinate"]: true,
-            }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'c9cf5cacd62bbbe1373aac4d91ac81eea4020377', ref: (el) => (this.innerElement = el), class: {
+            }, role: "progressbar", "aria-labelledby": label && size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": progress, "aria-valuemin": min, "aria-valuemax": max }, hAsync("div", { key: 'd56cfeaee1b3e5f2e2068d9784414df0bbdab913', ref: (el) => (this.innerElement = el), class: {
                 [`ic-loading-${internalType}-inner`]: true,
                 "inner-label": !!innerLabel,
-            } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '5c5f7a6a38f6b390d60461c245a37117e551f644', variant: "subtitle-small", class: "inner-text" }, innerLabel)), internalType === "circular" && (hAsync("svg", { key: '3a6199bb2179195850d1fc96129f80073df3b987', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: '7a449a4379039d1e07e33aa01259e503b3b5390f', cx: x, cy: y, r: r }), hAsync("circle", { key: '0307da67d66732d95653e87c56e10568eaf60623', style: {
+            } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: '6230e2f24f7e4e9872446a4642b4f18e2410b59d', variant: "subtitle-small", class: "inner-text" }, innerLabel)), internalType === "circular" && (hAsync("svg", { key: '19adf2a04d18a77082f44ab13404907cee59fde2', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: '60be621b7acf27bc1bebd35a71f9666038c232f2', cx: x, cy: y, r: r }), hAsync("circle", { key: '7197e37b0245ed0995cd414cb03d9a96c3a2ac8f', style: {
                 "--circular-steps-max": progress ? `${max}` : undefined,
                 "--progress-value": progress !== undefined ? `${progress}` : undefined,
                 "--stroke-dasharray": dashArray,
                 "--stroke-dashoffset": dashOffset,
-            }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: 'f24cde659281c195321e185fe95f8afc1c655ad9', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '17d96b5a351f90e17e939b37478e9da2d089857c' }, indicatorLabel))))));
+            }, cx: x, cy: y, r: r }))))), label && size !== "icon" && (hAsync("ic-typography", { key: 'cc98f0844fdb83d05ee52dee9d6545d263a15181', id: "ic-loading-label", class: "ic-loading-label", role: "alert", variant: this.getLabelVariant() }, hAsync("p", { key: '1631cea623f99ab6573dca4726480ac62207e5fe' }, indicatorLabel))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -12659,7 +12744,7 @@ class Menu {
         const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
-        return (hAsync(Host, { key: '8dad972db607187821f9063a35f75768df5adcc1', class: {
+        return (hAsync(Host, { key: '5e22882e9f1d08db292939afb816b3b174a73453', class: {
                 "ic-menu-full-width": !!fullWidth,
                 "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -12668,7 +12753,7 @@ class Menu {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": multiSelect,
-            } }, options.length !== 0 && (hAsync("ul", { key: 'bbdb630e801155ddb22240206eac4f919807ec2d', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
+            } }, options.length !== 0 && (hAsync("ul", { key: 'eaa102b0267705ceeaf965ea406c27674228f568', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
                 !keyboardNav &&
                 ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -12696,7 +12781,7 @@ class Menu {
             multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (hAsync("div", { key: '2806fdd383f3450d651e681a0156c47cd98689c5', class: "option-bar" }, hAsync("ic-typography", { key: 'dd2e0b74622eb359e4e53cc5c7b0f031ef577ca2' }, hAsync("p", { key: 'f6132822d0bf66e869b4c2bceba7dfcf93e697be' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'e233f3ac017ce08d46d1973406a4bb99bcfa2cf6', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
+            !hasNoResults && (hAsync("div", { key: 'dba1e24902c69f0ff275392bbcc1a11dc4be9375', class: "option-bar" }, hAsync("ic-typography", { key: 'eadf27270294c8ae5606666434f67edce83b0040' }, hAsync("p", { key: 'e40a85be98f91018138b5c3e47e9dd568b4b3770' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '0bf467d9751a666ca94b5936143bacfb239f5667', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -12756,7 +12841,7 @@ class MenuGroup {
     }
     render() {
         const parentMenu = this.el.closest("ic-popover-menu");
-        return (hAsync(Host, { key: '384be493b4b4148e4a09f0395bb1db6b651bfc2f', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '46982951ac8573a5ee8c5733043e109f268859f8', variant: "subtitle-small" }, this.label)), hAsync("span", { key: 'd5a5fe976b9f88e61df589c1ddc105c31b8639e2', class: "menu-items-wrapper" }, hAsync("slot", { key: '3b6cab53fde94c5a9cbc0a6a323c0aff28975a1c' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '60412dd9914569ad72a6160787b48d8b3239cebb' }))));
+        return (hAsync(Host, { key: '1f0ba7349890547fbf0bab5c0853b94e4e2a7035', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '9263c78812e4b852a76d8e0353bd347df530ff19', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '2009a196f392ab0cdc88bfa5d6ac835d698e42dc', class: "menu-items-wrapper" }, hAsync("slot", { key: '1db2daba73b7567a2a71556b0efead251f8b5e14' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '058408c1291cc200de221c780f599beed158f3cc' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcMenuGroupStyle0; }
@@ -13007,11 +13092,11 @@ class NavigationButton {
             target,
             theme,
         };
-        return (hAsync(Host, { key: 'a277e7f5b36c9a2c7e7a02c488130727a7894a95', class: {
+        return (hAsync(Host, { key: '538ea349b1f0791b0cd68898380fe4cfd41b5496', class: {
                 "in-side-menu": isMenuMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 dark: parentThemeDark,
-            } }, hAsync("ic-button", Object.assign({ key: '50ebf0528b85ac029bd83547d12d850136c382d6', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '10f847ba11eec3c7e398b15807865783ede32493', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '37a37bf5dfbcb7ef4e90b86dde4d9efec521911d', name: "badge" }))));
+            } }, hAsync("ic-button", Object.assign({ key: 'afee63c46529276cd2b77ef6d7c1c69b47a7ae15', ref: (el) => (this.buttonEl = el), class: { "popout-menu-button": isMenuMode }, "aria-label": !isMenuMode ? label : null, disableTooltip: isMenuMode, fullWidth: isMenuMode, monochrome: !isMenuMode, size: isMenuMode ? "medium" : "large", variant: isMenuMode ? "tertiary" : "icon-tertiary" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '8c2a89dfc8f974017cf5384355ce0f881218d038', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '7fab4237f3f6745159d584df008e82214ecd3322', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -13304,7 +13389,7 @@ class NavigationGroup {
         const isTopNav = this.navigationType === "top";
         const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
         const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
-        return (hAsync(Host, { key: '4d9f64e96f0e60b2e120ef1ff3ead8fc9eeba8ff', class: {
+        return (hAsync(Host, { key: '70e377a3055b6c000c860b0c3933efd73ded9876', class: {
                 "in-side-menu": inTopNavSideMenu,
                 "ic-navigation-group-expandable": expandable,
                 "ic-navigation-group-side-nav": isSideNav,
@@ -13537,7 +13622,7 @@ class NavigationItem {
     render() {
         const { inTopNavSideMenu, isTopNavChild, selected, navigationType, focusStyle, isInitialRender, sideNavExpanded, displayNavigationTooltip, collapsedIconLabel, isSideNavMobile, expandable, isInSideNav, theme, } = this;
         const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;
-        return (hAsync(Host, { key: '8c8d6840c525322be195b26b40b81de5b76a3bb9', class: {
+        return (hAsync(Host, { key: 'e0752e0df8889387ca765848f4a7e31ecfba79f0', class: {
                 "navigation-item": true,
                 "navigation-item-selected": !isTopNavChild && selected,
                 "navigation-item-top-nav": !inTopNavSideMenu && navigationType === "top",
@@ -13556,7 +13641,7 @@ class NavigationItem {
                 expandable,
                 [focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '20f1518fa353f8ab041ce7a71d8cbe0277ee9e6a', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
+            }, onBlur: isTopNavChildDesktop ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '996ecfbd2a8649e1601ea2161091d374bb56e331', label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
                 "tooltip-navigation-item": true,
                 "tooltip-navigation-item-side-nav-collapsed": displayNavigationTooltip && isInSideNav,
                 "tooltip-long-label-navigation-item-side-nav-expanded": this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
@@ -13729,16 +13814,16 @@ class NavigationMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3e06550714484b8a9d157e0391697e303fbf8259', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: 'b56300f2817a5a42401570a56f5b29c90e37e336', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '081658f80afaa6d7f39971cc0f566068166b6688', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: '67841c0d0cfb29fba7e3c722436c7e87bca1842d', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: 'cb5aa473a04868d6af4dcd2ebc2b61ef5d785904', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '2551b868b4c932b5fcff041bdae690e748d40430', class: {
+        return (hAsync(Host, { key: '5a79b217cf87852b89438451b49f8c0ecd64d594', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '19ad13211281929be69da54673ab85db94d2d635', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '3a9508f13aa3681fc7c7136e2d3ffb30b5ffbeac', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: '08c2ef423b60da0d3f592366ce30f2e8c9ad8ef6', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '89a14e10b43019fe3aab9cca7aa4585d9479ab61', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '0bf015f6f252f036e2505fe23438f6974e64cb49', class: {
                 ["menu-close-button-container"]: true,
                 ["nav-group-first"]: this.navGroupFirst,
-            } }, hAsync("ic-button", { key: '6f2a95a7824e18fa2f83a297984a7677110e887f', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '2d4918dc6b797eb6f245dd531387cbb0370eb687', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '51a063a29957f6992294ed31dae13570dc0ecd8c', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: '70ef3173a42a47e1bb13042dc41c53313ee42697', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '95384803c8ab3a87492552b613cb53f95adacd52', class: {
+            } }, hAsync("ic-button", { key: '0d8c26de4c6e66c94b36a6f752986c60eda14190', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: '2de2610f0d3f1293ed49845557f9e243240b466f', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '4c985f39a7428d9ddeff986a65872e2ad62e6b06', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { key: '1b19a907151db4138840a54d1905a6095f63c083', name: "navigation" })), this.hasButtons && (hAsync("div", { key: 'e355ac1c0c938646d88383b1bb6b89f0e83a877d', class: {
                 ["menu-buttons-container"]: true,
                 ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
-            } }, hAsync("slot", { key: '9bdde63f875fe678742dff04018e562ec37eb500', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: '502dd0df2ce93217d9a642e4a6b36dcd72229e70', class: {
+            } }, hAsync("slot", { key: '48572d7991b8bd6082c62da46509280d7ab340c6', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'ca9b1062bc21d613a6c2a71d1ed667ada6d29c23', class: {
                 ["menu-status-version-container"]: true,
                 ["status-version-no-buttons"]: !this.hasButtons,
-            } }, this.status !== "" && (hAsync("div", { key: 'a0b154b7307de42c92c9e26f9cd552dcc556b21d', class: "menu-status" }, hAsync("ic-typography", { key: 'af91a5c0c556c8ac0faa29998e126de1ab86c0bc', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: 'b16dec612bce0fe83c888b0a3e74d8f205710633', class: "menu-version" }, hAsync("ic-typography", { key: '74d7e31b0126f240fa7bbc410a8b71268ca027a1', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
+            } }, this.status !== "" && (hAsync("div", { key: '0e5a9ea4b445f09db0b540437a41dd3216520bf2', class: "menu-status" }, hAsync("ic-typography", { key: 'e1a4c5560c9ee894ed5931d72a9e8e26faa2f9aa', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '9372910c9139ef10340e8f35b72c59974fe9aa20', class: "menu-version" }, hAsync("ic-typography", { key: '154ad1b38bbb5fba621553896933799a6c219c71', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcNavigationMenuStyle0; }
@@ -13871,19 +13956,19 @@ class PageHeader {
         const navAriaLabel = `${isSlotUsed(this.el, "heading")
             ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
             : heading !== null && heading !== void 0 ? heading : ""} page sections`;
-        return (hAsync(Host, { key: '17bc798fc01d1a70de9fed3da746d8e39a88e96c', class: {
+        return (hAsync(Host, { key: 'b72fc99f5588d6c9549ba2fe0bacbfb9b0c133be', class: {
                 ["ic-page-header-sticky"]: !!sticky,
                 ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '1dadcdce3f21efe0f196171330cb5774be34075e', class: {
+            }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '0dd8b54fbbc330f0202d8b42075aa2ad7e944690', class: {
                 ["border-bottom"]: !!border,
                 ["tabs"]: isSlotUsed(this.el, "tabs"),
-            }, role: "presentation" }, hAsync("ic-section-container", { key: '9f0855c0310d29f5381c12665aad41ee1656ccdb', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: '3b1fe9729e1d62e72a432fd039db40c1c5da22da', class: "breadcrumb-area" }, hAsync("slot", { key: 'e5055a9f7def4018e2046dae4687ae1945235bf7', name: "breadcrumbs" }))), hAsync("div", { key: '70acf27823b39d41d9c2f3dbe3e89d71096e7daf', class: "main-content" }, hAsync("div", { key: 'b924bba3df8954b9f314c1eff6ffe4443d0e53f1', class: "title-area" }, hAsync("div", { key: '5a60bb74557d37b33be8312d177e75ce77210998', class: "header-content" }, hAsync("slot", { key: 'e4c7c70b13eac0944bba1a1f2ddd320f3e1c2659', name: "heading" }, hAsync("ic-typography", { key: 'eb98510ca2b55a81c1b91bbabc4bfe7d5e28bdde', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '9bc94aa414b9514f0e349faa521804682f22f85b' }, heading))), hAsync("slot", { key: '47b147656f0fe7436d233bb669c4462faab353db', name: "heading-adornment" })), hAsync("div", { key: '1456f12fba38ec4cd05706ccb92d72adf12ae623', class: {
+            }, role: "presentation" }, hAsync("ic-section-container", { key: '191d13b8e42c92543bbc3c8c85a88eeba47b7462', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: 'ceb08e816c6215199c33363b32c182c06de1c19e', class: "breadcrumb-area" }, hAsync("slot", { key: 'e7a24051f7c9544eb1c629813b6a414cc2be42ec', name: "breadcrumbs" }))), hAsync("div", { key: 'ad3ad094ae44d2cd5b12612d47487e9f94cb405b', class: "main-content" }, hAsync("div", { key: '0b9da0f1195a8eaa974f985f0268fed78d051f6d', class: "title-area" }, hAsync("div", { key: '314147f4f76b8827ee90bb68bad21fe931e55fb5', class: "header-content" }, hAsync("slot", { key: 'a0d82decef083a02afbb103bcc94e6dfb809c9ab', name: "heading" }, hAsync("ic-typography", { key: 'bb7ad7d29d53fe971d2298ec25fb377d2c525ed4', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '10dcebaa154cab7717654db7f8342c8781bbb500' }, heading))), hAsync("slot", { key: '8933dd41330b29fdd6f534069d54ac1f7b8d956e', name: "heading-adornment" })), hAsync("div", { key: '22d58adbadef2d8f594e08f5d62b24596d4be3bf', class: {
                 ["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
                 ["small"]: size === "small",
-            } }, hAsync("slot", { key: 'a82707ce4abf37e4e8a965a39a5cc6e50d634647', name: "subheading" }, hAsync("ic-typography", { key: '9f77da962becb04b244f3df0dceb7dad9dc122d8', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '792df65e46b45a50514a1967866dd72f6f72e683', class: "action-area" }, hAsync("slot", { key: '0cd5fd825254df4815fe2d3e788946de88cbaae1', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: 'e030cb3067c544b3d3496146e25d511a30ca97b2', class: "input-area" }, hAsync("slot", { key: '8c9f722a205eded36526a4bc926e7a92c43626af', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
-            isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: 'deeb8c5520db91c494215d1adf90bebcc96fbbb5', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
-            !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: 'd9201c158069b054c3903ea4c0647d96de9d0930', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: 'a0cdbb20f507dd783536b0a60ae7fa2d391be85f', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'f3c15e0d61db5990108d86c5540d4f69b9477a9e' }, hAsync("ul", { key: '6e7aded64c14703b5b4f141fa11f0f9eac247bce', class: "tabs-slot" }, hAsync("slot", { key: 'eee6cfc3a09856108574b715163cc645f9eae627', name: "tabs" })))))))))));
+            } }, hAsync("slot", { key: '6a0e2482c20cd6e5c6ea74259c4f90ee59f372b8', name: "subheading" }, hAsync("ic-typography", { key: 'd519ee27c3125320bc6b2a105b285148f791298c', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: 'db7b9b202c23c922149d77e3c378a7f369270022', class: "action-area" }, hAsync("slot", { key: '018da769d0d0d85f56e8400270a182846028c8f8', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: '28495ab831e90484f64a731c2ac9589da255f7c9', class: "input-area" }, hAsync("slot", { key: '0584473df8a5318ca3a91c81fa42085d98ec03e8', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
+            isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: 'e9b414dd0c40f9c72c4099119f43b90998b660e3', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
+            !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: '6767b004d2c71a4e009a23eb73e9c33c976c3d22', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: '2966875a2e393299b01907959a925c960a1f5795', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '3ab38c0a4933f7b38af7fc9bb039624a5d98f3fd' }, hAsync("ul", { key: 'ce1c14207346ad570188c1e70f9ca39e0bfd2d68', class: "tabs-slot" }, hAsync("slot", { key: '38f22f779dd42b5015faa5604dc5af848a72121b', name: "tabs" })))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcPageHeaderStyle0; }
@@ -14146,6 +14231,31 @@ class Pagination {
     componentDidLoad() {
         onComponentRequiredPropUndefined([{ prop: this.pages, propName: "pages" }], "Pagination");
     }
+    /**
+     * Prevents focus lingering on a disabled element. If the currently
+     * focused element is one of the back buttons (and we reach the first page),
+     * move focus to "next" button, and vice versa.
+     * @param ev
+     */
+    icPageChangeHandler(ev) {
+        var _a, _b, _c;
+        const shadow = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.shadowRoot;
+        const activeEl = shadow ? shadow.activeElement : document.activeElement;
+        if (!shadow || !activeEl) {
+            return;
+        }
+        if (ev.detail.value === 1 &&
+            ["first-page-button", "previous-page-button"].some((id) => id === (activeEl === null || activeEl === void 0 ? void 0 : activeEl.id))) {
+            const btn = (_b = shadow.querySelector("#next-page-button").shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("button");
+            // When navigating from firstPage->lastPage or vice versa, the to-be-selected element will be disabled. wait a tick so that it can receive focus.
+            setTimeout(() => btn === null || btn === void 0 ? void 0 : btn.focus(), 10);
+        }
+        else if (ev.detail.value === this.pages &&
+            ["last-page-button", "next-page-button"].some((id) => id === (activeEl === null || activeEl === void 0 ? void 0 : activeEl.id))) {
+            const btn = (_c = shadow.querySelector("#previous-page-button").shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector("button");
+            setTimeout(() => btn === null || btn === void 0 ? void 0 : btn.focus(), 10);
+        }
+    }
     paginationItemClickHandler(ev) {
         const page = ev.detail.page;
         this.currentPage = page;
@@ -14165,14 +14275,14 @@ class Pagination {
     }
     render() {
         const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
-        return (hAsync(Host, { key: '206014fa2aa2c61bb9535e4de4fa5bf756bd318c', class: {
+        return (hAsync(Host, { key: '06b3adf0d59e3e20e2192fa3836d13c4577003fe', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-pagination-monochrome"]: !!monochrome,
-            } }, type === "simple" && (hAsync("nav", { key: '8544b88d593c806867e0bd49cb0624a684dec271', class: {
+            } }, type === "simple" && (hAsync("nav", { key: '75f6cfc6bd708870bb6dd4e6b1d44ab63f9f3bf5', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '5331aca30709281171cf19f17c2f05a0d0cdf168', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: '6b7acef9da08b590b941a7ce142ce448dbf79ff2', class: {
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '24ddac40513c65ac26604271f6a1ab268f107dfe', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { key: '5c864426c60fced527cf6457aded27e8c29fd26f', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: 'e60f3fb36b78e7970f14836295efbd3a1f481885', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { key: '52bb61a07010197513bd02b450b79895cb80030c', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -14208,7 +14318,7 @@ class Pagination {
             "startItems": [32],
             "setCurrentPage": [64]
         },
-        "$listeners$": [[0, "paginationItemClick", "paginationItemClickHandler"]],
+        "$listeners$": [[0, "icPageChange", "icPageChangeHandler"], [0, "paginationItemClick", "paginationItemClickHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -14257,7 +14367,7 @@ class PaginationItem {
     }
     render() {
         const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
-        return (hAsync("a", { key: 'c067a0e35e2a92dff8d7f24d135a06a686d74a7d', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
+        return (hAsync("a", { key: '684b55732fcbfd4922afc8b158ae509d7d487af7', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
                 ["item-container"]: true,
                 ["ellipsis"]: true,
                 ["disabled"]: !!disabled,
@@ -14576,17 +14686,17 @@ class PopoverMenu {
         this.popperProps = props;
     }
     render() {
-        return (hAsync(Host, { key: '4d5467e45b173b365eba3fe507480bc87a0001f7', class: {
+        return (hAsync(Host, { key: '4ef24b6cdb06b7310453f5b7815a90dad11dbe3d', class: {
                 ["ic-popover-menu-open"]: !!this.open,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '96ffeae7beede0b8a48e96dcbb262a5092974fd0', id: this.parentPopover === undefined
+            } }, hAsync("div", { key: '702b1c1f8c9f549c9816a41590ba86057a0f4ad4', id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,
-            } }, hAsync("span", { key: '84b9c30b0377109233bb0135c68acd6419b1aa55', class: {
+            } }, hAsync("span", { key: '6777fd3c177c8a67887815ef597b22837dfdc917', class: {
                 "opening-from-parent": this.openingFromParent,
                 "opening-from-child": this.openingFromChild,
-            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: 'cd6eaf24a7e6ea400614da471083aaa75f164b98' }, hAsync("span", { key: 'b7be64cdfaf3a94fcd36f3ea0e5c6bf475418268', role: "menu" }, hAsync("ic-menu-item", { key: '9868fd30a311aadfe9663ce8617c620940760549', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '5655f052a203d6b0d0c5c2182ec6339741691311', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: 'b804bfa5d3cbfcf37322e19d5978875088e85d97', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '3cd5e496d8af145ebb77fe49f4637826dbf4c2ff', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: '6249765618e71a536ed2ea67bc9ef31ba24cf7ff', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'c175948ff00694bad8419f4738bc82a469c2b53a' }))))));
+            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: '0808a5e51b16b599eb4feec009bfeb39cf9c2f7f' }, hAsync("span", { key: '76e569a67762a01542e0271270e27e2bf122388b', role: "menu" }, hAsync("ic-menu-item", { key: '00a64914d6ec8f0726b08aec4862ae575988d6ec', class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { key: '874b65f60655314ea03b1315b5ad5dd0d6bf496d', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '0d74dd3aa63952a3daf4986b1dccf05132b142f7', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '7d591c914310ab15a98463320d325ae6ea08ecec', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'b689e0b8e8a94e7add88ececc9a2e12ccaca9cb0', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'b4cd62991ab1173788e96b4e95736560de0fb912' }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14855,16 +14965,16 @@ class RadioGroup {
     render() {
         const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationAriaLive, validationStatus, validationText, theme, } = this;
         const showValidation = hasValidationStatus(validationStatus, disabled);
-        return (hAsync(Host, { key: '4ea2e0ca7614fb4ce6563ea146f86d72707a399a', onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '25d850a9a73e2265885ff67613cd37cc53977035', onKeyDown: handleKeyDown, class: {
                 "ic-radio-group-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("fieldset", { key: 'ebad7a878454455a15892bf53c43bdcb914b77c4', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: 'aac1f37c7b1d4d5bc621bd3030dc9eef60417659' }, hAsync("ic-input-label", { key: 'fd04e3f74c89b633996eb22e60902e988a8ac8ef', class: {
+            } }, hAsync("fieldset", { key: '960443c48d0cb2effadd20aa779be9bbef59fc48', role: "radiogroup", id: this.name, "aria-required": `${required}` }, !hideLabel && (hAsync("legend", { key: '592a145f2f9fbbcc167a441934a1f766f2c333be' }, hAsync("ic-input-label", { key: '1179db21f6db7f58b33bb96155ab275e26ecf5e9', class: {
                 [`${validationStatus}`]: true,
                 ["disabled"]: !!disabled,
-            }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '66325d58018dff189c975e3e4fc01249b51b6b9f', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: '6d2d332396c87b798d5d160bdb5977c0a8ad6751', class: {
+            }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: '52e567ae7f3ab59c7411ce2c0a5dcbdfdc551c29', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'bf72aff8d51ae2a0f223f020ec9c69877a95b1fe', class: {
                 "radio-buttons-container": true,
                 horizontal: currentOrientation === this.RADIO_HORIZONTAL,
-            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'fb0a1b41503ba88ce9bda3c0bc8236ae0a7e3795' }))), hAsync("ic-input-validation", { key: 'f9f7c2bdffd83d705149f74fe2caad93e57dd85b', class: {
+            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'd849d16ff6abc505a8d282ff860784751c04c7ff' }))), hAsync("ic-input-validation", { key: '9708482107b5d8614c01177f9d5ed60a03791d9e', class: {
                 "show-validation": showValidation,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "" })));
     }
@@ -15048,17 +15158,17 @@ class RadioOption {
         var _a, _b;
         const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
         const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
-        return (hAsync(Host, { key: '0a7177993a68c85ed54198b8ee213811aa2e130a', onClick: handleClick, onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '710f043bfbdbe28be83f61aa6f9aac54e43374f9', onClick: handleClick, onKeyDown: handleKeyDown, class: {
                 ["ic-radio-option-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-radio-option-small"]: ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.tagName) === "IC-RADIO-GROUP" &&
                     ((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.className.includes("ic-radio-group-small")),
-            } }, hAsync("div", { key: '64bac9a6440919352131dc732648034a90d7e92e', class: { "radio-option-container": true, disabled: !!disabled } }, hAsync("div", { key: '419dc17817ca4c9945025268e0e00de83db01790' }, hAsync("input", { key: '0885bab10d42cd69eda2e0d78702c6c2afcff615', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: 'df142dc79e23d240abd15f5088d703b6d388456b', class: "checkmark" })), hAsync("ic-typography", { key: '4d5a779bbef4ccb65fbe7ebf6b3aeceafb9227e0', class: "radio-label", variant: "body" }, hAsync("label", { key: '6d2778eb36c462f3c7fa25ed9ae5d8733b0fcb20', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '9772fd4d064854c3db492f430b90098eccd13701', class: {
+            } }, hAsync("div", { key: 'b81b1c3a0f0641c6cb324d1b97db208632a67fec', class: { "radio-option-container": true, disabled: !!disabled } }, hAsync("div", { key: '9ea346537957226517b6a0a622185713ef5dd20a' }, hAsync("input", { key: '3d75ad5b8265bbe03a82a1ea3299b9f6add36b48', tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { key: '5316e60c34c562122cf731039675891edc0a72f5', class: "checkmark" })), hAsync("ic-typography", { key: '628db8b91b4c550eae7c76297e791bea3e539e3b', class: "radio-label", variant: "body" }, hAsync("label", { key: 'd25e1cf55e7d07eb23ad41063307c998618af27b', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: 'ec7300a9bf852d3bb252e68e6a1f794cbc56db29', class: {
                 "dynamic-container": true,
                 hidden: additionalFieldDisplay === "dynamic" && !selected,
-            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'a237b8043bf912d5fb1be67014ae0bde41c5a2a4', class: "branch-corner" })), hAsync("div", { key: '70524014fa4d75197460d321f47824ab20503806' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '2f652884ff6ac334fd6cb688e52d05d0bdabf3de', variant: "caption", role: "alert" }, hAsync("p", { key: '36cc2915b063c8d85e61dd18a3c384460b996d4f', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'd8386ddb6c70fd7893544d3c6d1720b349bb378b', class: {
+            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '72f29c68c31fe5b4f611ed8bea901c382cf06f32', class: "branch-corner" })), hAsync("div", { key: 'a33027e2baba3e454e542151a503cdd863ee522d' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'cbb4aca43b192d749f79d29347eb27608698dea1', variant: "caption", role: "alert" }, hAsync("p", { key: '89b76f38cfb17f52a89659b134273a4cb3581933', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: '57cce7d23ba1e63985bf74c304f303e1ff5e019f', class: {
                 [`additional-field-wrapper-${additionalFieldDisplay}`]: true,
-            } }, hAsync("slot", { key: 'f9b72315938873b57c52af87730ee72b24a413af', name: ADDITIONAL_FIELD })))))));
+            } }, hAsync("slot", { key: '7d1069e0817992789b58fe73b210000a80700ef5', name: ADDITIONAL_FIELD })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15641,39 +15751,39 @@ class SearchBar {
         const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
         const labelValue = getLabelFromValue(value, options, valueField, labelField);
         renderHiddenInput(this.el, value, name, disabledMode);
-        return (hAsync(Host, { key: '71d9a6e7a555373e98a3ee7ea114fc1f69f06570', class: {
+        return (hAsync(Host, { key: '97932f66827d3d1aa3e41ca8aa15e8bdb1ad5518', class: {
                 "ic-search-bar-search": true,
                 "ic-search-bar-full-width": fullWidth,
                 "ic-search-bar-disabled": disabled,
                 "ic-search-bar-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '23dfe2a04d5c039174366f85fa42df074fd30c98', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '1c222b2269cbab7436dc225b75e09568d323a1f0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'e38a00e300ddc76daaf3c52332adab4ac16038c4', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '17dff32cab5a5b34673c1255f0a1d696b9df84b4', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: 'e5d666c8a1609a1683b735940afd707e67b7eaa6', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '3fc6cebca3191c6e19e523e4273f4ad7cfd39ea4', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '453ef1b4a73227f5525e386100ba4d09fc75a1a0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: 'd72a6705f4e98030a9af02c832478ecb3cd11570', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: 'e0ae23eaa33e7194eec066a1e72050b91be3cdd5', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: 'ed239f98bcc086b05bbb14c43154aee3f7c2c76e', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
                 "no-left-pad": readonly,
                 readonly,
                 "truncate-value": truncateValue,
-            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: '98887c2626a05e3ddc15c7ddad3a756262c197e8', class: {
+            }, placeholder: placeholder, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : undefined, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": options.length > 0 && menuRendered ? `${menuOpen}` : undefined, "aria-owns": menuRendered ? menuId : undefined, "aria-describedby": describedById, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 && menuRendered ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }), hAsync("div", { key: 'ed272c63c361866a3c096a4ed63e94582d4fcdf8', class: {
                 "clear-button-container": true,
                 "clear-button-visible": !!value && !disabledMode && showClearButton,
-            } }, hAsync("ic-button", { key: '119b7ae17e8c7cbd8a56e6bd8136340c269958e3', id: "clear-button", class: {
+            } }, hAsync("ic-button", { key: '5e9c4058a68f853a552bfa0f2113858a275a365a', id: "clear-button", class: {
                 "clear-button": true,
                 "clear-button-unfocused": !clearButtonFocused,
-            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: 'bf3e848c1e275217c686f3aab3b10a09396d6b4e', class: "divider" })), hAsync("div", { key: '4075cd96e0274043b8da4e25d32a5cee5d4bb0e5', class: {
+            }, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "button", variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '262820b10ac5df18f2b73fcb4aa0f1b3602c2c0f', class: "divider" })), hAsync("div", { key: 'e0ff6496a2b2a703a3d87980893926dd4fdf543d', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, hAsync("ic-button", { key: '77e1e8bfef4ce5304dbf877b5ecfc440d37d864c', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, hAsync("ic-button", { key: '4eefcd8121169df7b713df93cade880d0fcf5d60', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
                 "search-submit-button": true,
                 "search-submit-button-small": size === "small",
                 "search-submit-button-unfocused": !searchSubmitFocused,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '20e98815de9ec0c35fa247026de3d9e273161ea6', class: {
+            }, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: searchButtonType, variant: "icon-tertiary", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '1194a402978db78f8abbaa5e1127e6e1ce8d77d3', class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'b2f7d74335c27d93e9f5dc5b63bab80daeb3eeae', class: {
+            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '1bf2856fb888425fd0b7f690e9f3389f9bb1ec9f', class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
                         (filteredOptions[0][labelField] === loadingLabel ||
                             filteredOptions[0][labelField] === loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: 'f76306ff99a2c103fdea197759f6036d479dc51f', "aria-live": "polite", role: "status", class: "search-results-status" })));
+            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: labelField, valueField: valueField, searchBar: true })))), hAsync("div", { key: 'f3333622e515486aeb77de5e8c7061b02f8f19b6', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -15757,12 +15867,12 @@ class SectionContainer {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: '67c1b4b2afe62fc53812421ee49c01bf689e05b4', class: {
+        return (hAsync(Host, { key: '54b72df0db0ae4794b74be875011b76868370b73', class: {
                 ["aligned-left"]: aligned === "left" || aligned === null,
                 ["aligned-center"]: aligned === "center",
                 ["aligned-full-width"]: aligned === "full-width",
                 ["no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: 'cb21cb372b6131cfb990ac0a016f6c64641749f9' })));
+            } }, hAsync("slot", { key: 'c0f0631b39da318c0ce15c6f6200c1f03268bd7a' })));
     }
     static get style() { return IcSectionContainerStyle0; }
     static get cmpMeta() { return {
@@ -16587,18 +16697,18 @@ class Select {
             (searchable
                 ? !!searchableSelectInputValue
                 : !!currValue && !loading && showClearButton);
-        return (hAsync(Host, { key: 'beb04e2fdc2db5765b24622f4d31bfdf36c61ba6', class: {
+        return (hAsync(Host, { key: '7fe228e078a155a73e2fc94cc2b118c93b4145fe', class: {
                 "ic-select-disabled": disabled,
                 "ic-select-searchable": searchable,
                 [`ic-select-${size}`]: size !== "medium",
                 "ic-select-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'e85323a8778251dca9d78ccc76906c7523a8f02a', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '9bd3a6662c29157c323beee7355ec0983a0a83e9', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: 'ba0fc93028a2ff25112730a950381a25bee23b54', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: 'c7d54f4d61bcb41cfbb3c4af1600a783e696121f', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
+            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'f354e43e2138805bfb8e7f47dad8460c54bc4150', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '5e0a35593115e83abab6de7f4c4c13d0865e4cd0', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: 'a1bb94c8b02a3b859245e384443395b92a24cc87', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '0ce9a0afd7163ad10add85df056d8ed5b1e5e856', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed(this.el, "icon") &&
             !disabled &&
-            (!readonly || !!value) && (hAsync("span", { key: '891b11b3008d52ac3db2197c372b21a12a9f431e', slot: "left-icon", class: {
+            (!readonly || !!value) && (hAsync("span", { key: '6976af6d54de212225c8187634faceac225d769e', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, hAsync("slot", { key: '9fc291a9f0b756bf31331260ea3c313cdecf8fa2', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
+            } }, hAsync("slot", { key: 'f198b118f799e71cc850ff9b4e8f72b2e6bb531c', name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, valueLabelString))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => option.children ? (hAsync("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option))))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
                 "value-text": true,
                 "select-input": true,
                 "with-clear-button": !!searchableSelectInputValue,
@@ -16619,7 +16729,7 @@ class Select {
             } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'b56cf5adc26838ad0f873aa16df8da7fd7b83d22', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon-tertiary", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '34f6484de01345c4ea6d9fcaa1cdc09c394e6904', class: {
                 "no-results": loading ||
                     hasTimedOut ||
                     (searchable &&
@@ -16628,7 +16738,7 @@ class Select {
                         ((_d = (_c = this.uniqueOptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.label) === emptyOptionListText),
             }, ref: (el) => (this.menu = el), inputEl: searchable
                 ? this.searchableSelectElement
-                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: 'c4e7606e119c8658e590716ff02dcaf45f30ae89', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: 'b74ff136f8b758c400d9c0262a227f2286b301d5', class: {
+                : this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: searchable ? filteredOptions : uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", closeOnSelect: !multiple, multiSelect: multiple ? true : false, searchableSelect: searchable ? true : false })), multiple && (hAsync("div", { key: 'edbcf92bebb2999f1b9dbff3da4299fd3fa21c00', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hAsync("ic-input-validation", { key: '37d687c64608a1bd70763c2c09351be2d736c624', class: {
                 "menu-open": open,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
     }
@@ -17159,7 +17269,7 @@ class SideNavigation {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (hAsync(Host, { key: '2742b166ab7c1b3dadd63ca46597082f57b4a93c', class: {
+        return (hAsync(Host, { key: '2ca241755bb10821d8557f559592d4dd0760b887', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -17168,12 +17278,12 @@ class SideNavigation {
                 [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
                 ["ic-side-navigation-inline"]: !!inline,
-            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '9c893c2c7dea96389a45a16f527070d6e3de5368', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'dbd2108ad31efee6d38a03c3dc6eb09648d19f11', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: 'ecd7bb4e1e16ddc4eb7602cdf307e6a28f16e853', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '4dcc53007366eddf432ab265e5a246fd94ca5911', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '88796e6410e8359878b43c1f517fbd4cb4513e3f', class: "navigation-list" }, hAsync("slot", { key: '8e83a35ead924765f96919d274b65ed09d5e929f', name: "primary-navigation" }))))), hAsync("div", { key: '5574dd7d0b1f5269fd9db2be0e82eab01189f484', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'aa5762da7c66f9017e74d98b9d036cb14c69ec19', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'df39cd75e1e5386c9b199966244b420e0ef0d448', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '8f5a9af9ec882ed1e313ce9273db4d6ab477a990', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: 'a91c060ed0c0294e6fdc99c995430058b753e4cd', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '060f365653046b8088c9161231c4001d39643e29', class: "navigation-list" }, hAsync("slot", { key: 'b761659a332a7734c798ba61dee24ca7754cf96b', name: "primary-navigation" }))))), hAsync("div", { key: 'a5be3e27f68f9314e107babba3e1b61e3dba27b4', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '2f53e21f14b1b2bac7984a39a372004eae05532d', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '892d0c1292c15c558ade91896d610ed75714d3f4', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '795f0ba505bb550fe9b61a39e2f7020d03d9dbba', class: "navigation-list" }, hAsync("slot", { key: 'ebdd3da64163638ddf46509f56627de51ac17825', name: "secondary-navigation" })))), hAsync("div", { key: '50ea370bfce079ca1073f8ef676879141a4dc00c', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '3897e3e6deac28eb1656a753b438def9e3d6ee75' }), displayExpandBtn && (hAsync("button", { key: '8ccbcb422d4c753b5490d6ef83798540626936da', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '200fc21381180858eab9e3d7ead4b426c9ae4b6d', class: "app-status-wrapper" }, status && (hAsync("div", { key: '2642ffbf3a021736cacfb9653a265e003a6cc7f9', class: {
+            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: 'eb981c93add2bce4f244cef2072ddbe9004920da', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '14093650feb9f7836d21e5e9c23025f161aa0a03', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '2fc5d7119e42ad1a699c19f401542441f3c38101', class: "navigation-list" }, hAsync("slot", { key: 'de673e94462c14ea82eef271b1094d53b60fb3c0', name: "secondary-navigation" })))), hAsync("div", { key: '8c187281a890650aa75aba49154e1bd64e37df00', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: 'ec8d437485b0554ceaeaee4fd6eb7f8215c1f2c4' }), displayExpandBtn && (hAsync("button", { key: '44733bc053b72179fe49c1a3156ed1a6d389ea35', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '0c46f90bab1c162677caf7f3a1e2e97b83f4b21f', class: "app-status-wrapper" }, status && (hAsync("div", { key: '0ff477aa184a44aacf5c04d4a6a635ec133722be', class: {
                 ["app-status"]: true,
-            } }, hAsync("ic-typography", { key: 'aaa321854c75f56d1d606d4d43f320fa6f9569a4', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '1b53325edb44a3d0466f6fe74d76720b47af6ad6', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, hAsync("ic-typography", { key: '5fe36c925f766f7db841f70ed9bcefeea1b7346e', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version && (hAsync("ic-typography", { key: '01e44f6858a26def4f6ae9996990e5d8f4d584b6', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17252,11 +17362,11 @@ class Skeleton {
                 width: el.style.width || width || DEFAULT_WIDTHS[variant],
             }
             : undefined;
-        return (hAsync(Host, { key: '3cb324b15256dfa0f641621061b5c9a0a102da61', class: {
+        return (hAsync(Host, { key: 'b4a3ebe92aabc313aeb97e95ba87c6c12c59d2c6', class: {
                 skeleton: true,
                 "ic-skeleton-circle": variant === "circle",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '93a1efa371acaf2aaff6674198e4083a4cf21862' })));
+            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'be6ae12693bcfe04b70bf3dfee0e1096d194b9c9' })));
     }
     get el() { return getElement(this); }
     static get style() { return IcSkeletonStyle0; }
@@ -17315,9 +17425,9 @@ class SkipLink {
     }
     render() {
         const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
-        return (hAsync(Host, { key: '354579354254bfa9b0a1c314dd57226f2e1e4208', class: {
+        return (hAsync(Host, { key: '4db32bbfdf500c9f7f39329124081e7e0d297678', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-link", { key: '22276d114cc1d15a68eb675f6680b7388a76974a', class: {
+            } }, hAsync("ic-link", { key: '4311c903f118bab9fedbdc7bfbb8ab912a25a22a', class: {
                 "display-top": !inline,
                 "full-width": !!fullWidth,
                 "show-background": !transparentBackground,
@@ -17382,12 +17492,12 @@ class StatusTag {
     }
     render() {
         const { label, status, variant, size, announced, theme, uppercase } = this;
-        return (hAsync(Host, { key: '2bbbf4341010538d3ce41795e2fdd7db95c6f403', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'd603275aeec1bbe93bf1273b460ee655f45263d0', class: {
+        return (hAsync(Host, { key: 'd0d10c46cc967c5448afb1c10ad1211916602678', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'df86eb3a1d27444b991f2bbca96c80c1ee8213a5', class: {
                 ["tag"]: true,
                 [`${variant}-${status}`]: true,
                 ["outlined"]: variant === "outlined",
                 [`${size}`]: true,
-            } }, hAsync("ic-typography", { key: 'b7e19ed18a1cced7c36e380df711599a17048736', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '5dd5bf12423220d8c453fa32413e5910b578d4c9' }, label)))));
+            } }, hAsync("ic-typography", { key: '466f53b65c33bb62a60b50507b08fee5bd13d108', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'a0082731e24b6d9bae6ef5c6f4641c325fbcc5fb' }, label)))));
     }
     static get style() { return IcStatusTagStyle0; }
     static get cmpMeta() { return {
@@ -17491,27 +17601,27 @@ class Step {
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
         if (type === "completed" || compactStepStyling === "completed") {
-            statusIcon = (hAsync("span", { key: 'ba84e43d6b6febb1b465c7d0a5a5bd76e6645c01', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
+            statusIcon = (hAsync("span", { key: '74b23c6076ab6aac072fc21e24ef5b13479699fc', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
         }
         else if (type === "disabled" || compactStepStyling === "disabled") {
-            statusIcon = (hAsync("span", { key: '43b597121b17fa8aef98f41792b9e75e5da95d73', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+            statusIcon = (hAsync("span", { key: '0494daaaee14c3f2d3bd424fc5fd194c7ff2b62b', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (hAsync("div", { key: 'cac4daaa6da8904d2e69ec16346262d18281819d', class: {
+        const compactStep = (hAsync("div", { key: 'c3098f790836c299becd073793de042c70687b00', class: {
                 ["step"]: true,
                 ["current"]: !!current,
                 [`compact-step-${compactStepStyling}`]: !!compactStepStyling,
                 ["disabled"]: type === "disabled" || compactStepStyling === "disabled",
-            } }, hAsync("ic-loading-indicator", { key: 'aef65f9660c2bd2fe46dc205afbf582c16d6b6a0', class: {
+            } }, hAsync("ic-loading-indicator", { key: 'a192685be47c4df0b5420d03099e046d2c86d92f', class: {
                 "compact-step-progress-indicator": true,
                 "not-required": type === "disabled" || compactStepStyling === "disabled",
-            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: 'ddb67de08977f0f460d72493d9049d332296aeaa', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "h4", class: "heading" }, heading)), hAsync("div", { key: 'f6b657968d62be2010ee736bbccbcf3484f56196', class: "info-line" }, hAsync("ic-typography", { key: 'c632f49ad68d701a398e3cfb7a60bf08ceb00b98', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: '6fa841aa5da07894c41076b60ffc7846ceee6595', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
+            }, "aria-hidden": "true", size: "small", "inner-label": stepNum, progress: progress }), hAsync("div", { key: '031a4827300fe997173f0a92e7f184cdd2481a54', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "h4", class: "heading" }, heading)), hAsync("div", { key: '1f7909a0de56a3cc2fc8e498c9d027bb5faeedb1', class: "info-line" }, hAsync("ic-typography", { key: '8afdaa87473127f7e154c353fe13671ee6295e64', variant: "caption", class: "step-num" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, hAsync("span", { key: '9ce1f2f33a521ad17e6c16ff13c57b7418c50863', class: "visually-hidden" }, ` ${icI18n.steps}`)), (this.subheading ||
             type === "completed" ||
             type === "disabled" ||
             (this.variant === "compact" &&
                 !!compactStepStyling &&
                 compactStepStyling !== "active") ||
-            !!status) && (hAsync("div", { key: '7a309e8ff089ca29c132aec776ee076bc107b46a', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '9aeddf74fce64cfb90861b7e0ca88ac7c206c0ad', variant: "caption" }, subheading !== null && isPropDefined(subheading)
+            !!status) && (hAsync("div", { key: 'f759a3ea746749a2e32a1f7fe242f81d415936ea', class: "step-status" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (hAsync("ic-typography", { key: '2218c08fae3e99a77276ac5be770d83227d9436b', variant: "caption" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : type === "disabled" ||
                 (variant === "compact" &&
@@ -17524,26 +17634,26 @@ class Step {
         // ICON FOR DEFAULT STEP
         let icon;
         if (type !== "completed") {
-            icon = (hAsync("ic-typography", { key: 'b2bd2aec5f28419635b1d0c2983c1d131fa0cf93', variant: "subtitle-small" }, hAsync("span", { key: '26ad3501e4f159aac36162064f712c404b896017', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+            icon = (hAsync("ic-typography", { key: 'bf9290b58e81fbd33b6fec33c1f8c2daf772e3d0', variant: "subtitle-small" }, hAsync("span", { key: 'a7892500ccecb39d9ef030b1c265df95497dce73', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (hAsync("div", { key: '6b34304442c6b4eb8b106a0ff2ad5c231bf205bf', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: 'd62fc155679ce30e9fbf87e2a26d47a7f4b546ed', class: "check-icon", innerHTML: checkIcon })));
+            icon = (hAsync("div", { key: 'cb195656bb75703ea8cdefdd2595984d7f134b68', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: 'd83ddc1fe07d6f7e904b757e172541a6a614aa30', class: "check-icon", innerHTML: checkIcon })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = type === "current" && (hAsync("div", { key: '9aca98b76e886d9d11cedba769002d757c85f6f0', class: "step-connect-inner" }));
-        const finalStep = !lastStep && (hAsync("div", { key: '494c8fb9fe72ce7ba37a52b56edcd00460248cca', class: {
+        const partialBar = type === "current" && (hAsync("div", { key: 'bbff974e95f002d093040010add1700c99e07613', class: "step-connect-inner" }));
+        const finalStep = !lastStep && (hAsync("div", { key: 'c53c5a27a5601021a3474920ff4724c93d3ea1af', class: {
                 ["step-connect"]: true,
                 ["aligned-full-width"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
             } }, partialBar));
         // DEFAULT STEP COMPONENT
-        const defaultStep = (hAsync("div", { key: '00c780fca9cab9cf01f5662d10fed10474d84045', class: {
+        const defaultStep = (hAsync("div", { key: '42b8f42430b8a455d1954141279c967b641fedf1', class: {
                 ["step"]: true,
                 [`${type}`]: true,
-            } }, hAsync("div", { key: 'd727e05be7c6179c65fafc7eb6508b871ff5e30c', class: "step-top" }, hAsync("div", { key: 'e03d6f2665ef97f1d6f2d38e86cf1461d515cd7a', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (hAsync("div", { key: '04d1c9ac6ee4df8e5d4394a1d1f6fe073d8ee307', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (hAsync("ic-typography", { key: '16fc9c541e21d0be0d8f0f7566ed8ac8e5c333cd', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
+            } }, hAsync("div", { key: 'f82f5598ba7bd24ee738263d1f7ff9230f2527ce', class: "step-top" }, hAsync("div", { key: '86b4cfae9c5c411803556f6028776aef731e9701', class: "step-icon" }, icon), finalStep), (hasHeading || subheading || status) && (hAsync("div", { key: '3cd81c453558c3ea8a42360bb02fc66e7354fcc1', class: "heading-area" }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (hAsync("ic-typography", { variant: "subtitle-large", class: "heading" }, heading)), hasHeading && (subheading || status) && (hAsync("ic-typography", { key: 'ff802a77f070a2eef0ee69c537f8b92d2d614488', variant: "caption", class: "subheading" }, subheading !== null && isPropDefined(subheading)
             ? subheading
             : stepStatus))))));
-        return (hAsync(Host, { key: 'b0ae592b4c3148fe977efc52cd17f88c2a01da2c', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
+        return (hAsync(Host, { key: '05f6c45fb88ca8576133885301077d9a5432580a', role: "listitem", "aria-label": `${icI18n.step} ${stepNum}${ariaLabel}`, "aria-current": (current || type === "current") && "step", class: {
                 ["aligned-full-width"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains("ic-stepper-default")) &&
                     !this.el.parentElement.classList.contains("ic-stepper-aligned-left")),
                 [`ic-step-${variant}`]: true,
@@ -17863,11 +17973,11 @@ class Stepper {
         checkResizeObserver(this.runResizeObserver);
     }
     render() {
-        return (hAsync(Host, { key: '2ec1fcb09c175807a7d6c4f56748378363073f1e', class: {
+        return (hAsync(Host, { key: 'b7f2dcc641420517df19d3dd811bfeab6c924793', class: {
                 [`ic-stepper-${this.variant}`]: true,
                 ["ic-stepper-aligned-left"]: this.variant === "default" && this.aligned === "left",
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("ul", { key: 'a83274c2c50ef587165b467a169f0f252e5540c7', class: "step-item-list" }, hAsync("slot", { key: '0143ddf0255e345ded3a8d741797c0d0ce1da4ca' }))));
+            } }, hAsync("ul", { key: '9eadbde4ea2027d4c2f9f6ae3bcb67c0d8d91cc7', class: "step-item-list" }, hAsync("slot", { key: '6567b75279bb52414e60d97eab675b2269851a93' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17998,16 +18108,16 @@ class Switch {
         const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
         const isSmall = size === "small";
         renderHiddenInput(this.el, checkedState ? value : "", name, disabled);
-        return (hAsync(Host, { key: 'e11db5d9ef7157f5b496107646dd45989b3fd2cf', class: {
+        return (hAsync(Host, { key: '1e956030826e52752e8c7653b8da25af46f52426', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("label", { key: '3f0b6684b623d60898f68ae91914696ed1856907', class: {
+            } }, hAsync("label", { key: '91501b821fe6124254ee768b372e064cd081fb16', class: {
                 "ic-switch-container": true,
                 "ic-switch-disabled": !!disabled,
                 "ic-switch-small": isSmall,
-            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'd170da813d11e7842c7b52ad33a0e003326c91b2', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
+            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: 'f9f89f3e0a580fd136efb7b7f896c74020a22b08', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
                 "ic-switch-label": true,
                 "ic-switch-label-small": isSmall,
-            } }, hAsync("slot", { key: '86b0675dc2701c7eae251047fd8cc4177d3ec3a5', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: '10a20bc44042273b6dda222f4c0547279b89844f', class: "ic-switch-line-break" }), hAsync("input", { key: '6edd5108b2f94b6fb0766b142980e1c7d5ef2209', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: 'f8fe1fa3345d804d3df07284bc66d8f54127833a', class: "ic-switch-toggle" }, hAsync("svg", { key: 'bbd2c67828e7931dc5618be39e454075352ba321', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '430057b77a9506f2eeb2338ab9db8917234d1f93', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: 'f3a8b817039210b892faee6ca5a115d4fdb07286', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: 'f7d2d56b743834016888f477892202e17b2b3fef', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'fec7bad487e3f3c4e3223b713b74653c155114ae', name: "right-adornment" }))));
+            } }, hAsync("slot", { key: 'ba6d621b604fb414e32b3610730faece841d30e6', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: 'd2a675ea63e51c6f3a2c9e22494a4d04ea7d6376', class: "ic-switch-line-break" }), hAsync("input", { key: 'd0ebcc9c3119699b54ed088a511e050229e57b05', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(this.el, inputId, helperText !== "", false), role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { key: '7f5c08f419bda58267c3664dc6d63ed5218310b6', class: "ic-switch-toggle" }, hAsync("svg", { key: '72c0c627015a5d4928b5b1301498b3b35bc07a9e', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '82aa70d102ff0444cf751b2d180a9407cfa6f3fb', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '2234f9200dd364dcb995e6f12d380ae141e6320a', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '60c2fbd7fc71a7e310d42b8b20c5c4483aa743a7', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'eb81e7b8b1c6037e23074d407174060811af077e', name: "right-adornment" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -18130,13 +18240,13 @@ class Tab {
     }
     render() {
         const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
-        return (hAsync(Host, { key: '954c5dd86688230d4ebb36c8a98b9c30c1524fc9', class: {
+        return (hAsync(Host, { key: '3bf21c3c40b3d05205e9f78ab27886fc6eaa57e7', class: {
                 ["with-transition"]: !this.isInitialRender,
                 ["ic-tab-selected"]: !!selected,
                 ["ic-tab-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-monochrome"]: !!monochrome,
-            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: '11506c4354b5dc44310df86479b02ed0638bbe32', name: "icon" }), hAsync("ic-typography", { key: 'd466ad914e607cabb9ff47dc31b6428a081b08a7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '8cc33760084b7735ed7db8b222a2b0374c936f3f' }, hAsync("slot", { key: '04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'a29692b7826b09874aba3ec5579dbca979cd791a', name: "badge" })));
+            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: 'd3638e97b02e0938fc25ef9fe8fd74eca1ff235b', name: "icon" }), hAsync("ic-typography", { key: '35c6f3a78c18b43716e3ceb26736b8e2f3e64d3f', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: '2d64798a00f945d9fcf830c4e5c6b4abf1fcf45c' }, hAsync("slot", { key: 'd2c099b23e226d66c754fdd16bcc7b62ffea2ad0' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '9072229033bfc5e11c3e9ee048d5a578ebfd8a78', name: "badge" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18393,7 +18503,7 @@ class TabContext {
         }
     }
     render() {
-        return hAsync("slot", { key: 'f5ec87ebfe042f0ebc06c809601b7040c0979dc3' });
+        return hAsync("slot", { key: 'ddf3e45c3bd98315d6d49e35e3b309acfefc0782' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18440,11 +18550,11 @@ class TabGroup {
     }
     render() {
         const { inline, theme, label, monochrome } = this;
-        return (hAsync(Host, { key: 'd4354a73edcfe5ed044e2acf6d04256eddcb7f40', role: "tablist", "aria-label": label, class: {
+        return (hAsync(Host, { key: 'e6eda4f0fddf03fa0e666070e9fe4a01ed6c244c', role: "tablist", "aria-label": label, class: {
                 ["ic-tab-group-inline"]: !!inline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-group-monochrome"]: !!monochrome,
-            } }, hAsync("ic-horizontal-scroll", { key: '42cf7391e17b38a3489e77bc3d882aa31902c14a', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '81270d7ad5567b23ab8098679705c3818b3bfd35', class: "tabs-container" }, hAsync("slot", { key: 'ee7b2ece3edc06146170b759f2c08e22bca9fc7f' })))));
+            } }, hAsync("ic-horizontal-scroll", { key: 'b2387259eee6357ea9d90560aef246a035158e01', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: 'a8351a7ab0e0a9ac824f5a4be46af8a97c6cb8dd', class: "tabs-container" }, hAsync("slot", { key: '5008e5e509035d59bbf397a986af8d390ecacf1e' })))));
     }
     static get delegatesFocus() { return true; }
     static get style() { return IcTabGroupStyle0; }
@@ -18487,10 +18597,10 @@ class TabPanel {
     }
     render() {
         const { active, theme } = this;
-        return (hAsync(Host, { key: '5da4dba2bf404436c8b49173f9056d56912e9049', class: {
+        return (hAsync(Host, { key: '33c2600681317fb27e801153496452582e5862a8', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '9f7b4cbaa9a2c5a72307ca07097cdb50fd93adb2' }, hAsync("slot", { key: 'f97121f2a2d3092c18bd15c82743ba2a988a1134' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '722ead8cc9ed26d0815781211bb5e657aa65f8ba' }, hAsync("slot", { key: '78dad6e7c3d0ba3c684d586c0a16d2d1e7de32f7' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcTabPanelStyle0; }
@@ -18518,6 +18628,7 @@ let inputIds = 0;
 const MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, "title"];
 /**
  * @slot helper-text - Content is set as the helper text for the text field.
+ * @slot validation-text - Content is set as validation text for the text field.
  * @slot icon - Content will be placed to the left of the text input.
  */
 class TextField {
@@ -18901,14 +19012,14 @@ class TextField {
         hiddenInput
             ? renderHiddenInput(this.el, value, name, disabledMode)
             : removeHiddenInput(this.el);
-        return (hAsync(Host, { key: '4a38a5d8bd42f37b2ab1e9f3af485695b6185a8a', class: {
+        return (hAsync(Host, { key: 'c94560bea90464d881f323a308aa17926a2ff1e6', class: {
                 "ic-text-field-full-width": fullWidth,
                 "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-input-container", { key: 'a7da6f94bac334322b00b223cfb3462d026fbba1', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '97a5cc41a79cfc56c3e8e309154cbcc015bbadad', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'd9994cb1bb7218712bbed976057a3ca8d9ad3c2b', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '0d3a988b563b2f9f2033b52a75f4fd5e27056ba8', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '319fa22903ab0b2c2315377abb9f9e7bad15f221', class: {
+            } }, hAsync("ic-input-container", { key: 'cf76ec0c26f5003f66707b697df8c6e065872a66', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '0e8b2170e02cafadcda1cd7c73b1fe0d17695247', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'fb77e901d7b762bcdbe4b5aa1c448602617d1951', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '51aff4fba6d8c8e474ebfc27f77c560cce1125f8', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '85df3728d49c37c33e1fe792973c527137431a78', class: {
                 readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, hAsync("slot", { key: '1224a807133d300df0a6070c998260ece29e8c80', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
+            }, slot: "left-icon" }, hAsync("slot", { key: 'dc4cbe888dbe0e864102f60496be589951c4e610', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
                 "truncate-value": truncateValue,
@@ -18916,12 +19027,12 @@ class TextField {
                 "no-resize": resize === false || !!readonly,
                 "no-left-pad": !showLeftIcon && !!readonly,
                 readonly: !!readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: 'e50c8194546e08898e7ef0ed4dd940a881ffd5c4', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: 'e2ba7a0f555593f767ff1c93c4c58b71967da1a7', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: '7b22fe423951f0f38c5419ff3c35e9f32a72735d', name: "menu" }), hAsync("ic-input-validation", { key: '85aec8ebd4633fa36585e3253e1cc8107c374495', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: '6faa3c12856f4f6c10158af49f14b51d5dac92e8', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: 'c18e08b7ae93e3f65e0410af0b6d64eb418e3940', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: 'e1a46ef6a4d97c4910df75941d6608a7765d127a', name: "menu" }), hAsync("ic-input-validation", { key: 'e963d95a1e5bfc767c35b798c61bcf958dbcdfa6', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: 'f857927758c96f735592e7af679dba91c333fbf1', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: 'eed01e87433155c8311c5ef958145d484c65264a', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '1752a0a453ed7dd28b909029f847330ffbff406c', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'cd708a611a6133a7cf3b892d8f83cbf592791907', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: 'ebe5600dece8662d9966667308e79872793b098c', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, isSlotUsed(el, "validation-text") && (hAsync("slot", { key: '4b5817e1c52b9af6511e07c202e5eb0e8457689d', name: "validation-text", slot: "validation-message" })), !readonly && maxNumChars > 0 && (hAsync("div", { key: '059e8dc7ffbb0225d0c901821ff53d5b90ddf9f1', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: 'afe9cb357584f91fd2762d2c9f87d68eb7e25e68', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '583f62c58407615b2ce37edb17eed4928952e6ee', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '953722d8ddd1d3c4e187308944fdd0723e8e8e70', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: '973adba9f9c7dca2409423f36af8dc4a9a3a7192', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19060,7 +19171,7 @@ class Theme {
     }
     render() {
         const { themeClass } = this;
-        return (hAsync(Host, { key: 'd994b33e982d89fdb62837456a5a1c90471d0a6a', class: themeClass }, hAsync("slot", { key: 'cc67f5ec282adfe4695a7ecf9134fba920a71a7e' })));
+        return (hAsync(Host, { key: '53aa5cb32bce3ebd1b66c22df8c64f615fad4d00', class: themeClass }, hAsync("slot", { key: '6f2d5fa4d0d7a42995dd9d4b31081b421e6fe5a9' })));
     }
     static get watchers() { return {
         "brandColor": ["watchBrandColorPropHandler"],
@@ -19289,20 +19400,20 @@ class Toast {
     }
     render() {
         const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, theme, } = this;
-        return (hAsync(Host, { key: '2bac1c836e58af45a4471435aa0721bfd0aafcc4', class: {
+        return (hAsync(Host, { key: 'e7a7544e4b374165ecfece2ecacd0a8e5286fe2c', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-toast-hidden"]: !visible,
                 [`ic-toast-variant-${variant}`]: variant !== undefined,
-            }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: 'b4388f3cfba0cb1084e026dca2f97efd3ccafc2a', class: {
+            }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: 'dd87e639960574b163d4647c039bd26aafe046f6', class: {
                 ["container"]: true,
                 [`container-${variant}`]: variant !== undefined,
-            } }, variant && visible && (hAsync("div", { key: 'e587c5b11b4ddcd93e1eb8ee0a8b2f2e63154e48', class: "toast-icon-container" }, hAsync("div", { key: '841cabdcbc6b499303599d3f521332877a626dc8', class: {
+            } }, variant && visible && (hAsync("div", { key: 'baa9567a490a4400b1f27816fd82e14dd672b03c', class: "toast-icon-container" }, hAsync("div", { key: '6a8f504184564a9ffdcfb1bb4aef68b571be1cd9', class: {
                 ["divider"]: true,
                 [`divider-${variant}`]: true,
-            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '0346511199e51296a49ceb78c3858e93f481ff9a', class: {
+            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: 'f6fe1acced40005f09a18cec2119b7fa518d65c3', class: {
                 ["toast-content"]: true,
                 ["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
-            } }, hAsync("div", { key: '455cef756a449a6a23dec8679f6a9e68ca19e761', class: "toast-text" }, hAsync("ic-typography", { key: '33a1f0d5080f96a67fc9ef753d2b90806665f62e', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '334748fcea7132f4c3f82f8e3f6267c532796289', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '5178bc7cba60aa663105fa09fc31617c6a923f0d' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '263401f6f52c6acd495a448fb21176a3af002234', class: "toast-action-container" }, hAsync("slot", { key: '3f1cbc47a3a01254c7581ec4a0a1a6ef988cd417', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
+            } }, hAsync("div", { key: 'd594caa7e1e7935f992b5106432eee7304518fbe', class: "toast-text" }, hAsync("ic-typography", { key: '83cd3393341aff5d8a7660e0fefd2c61a8039777', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'f628cf5d15c0dc000549698803420dd6a983b032', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'e6cb92a64c6d2d759eafec7f0adafa332dbbbc31' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '805d7b37f322f0dcc8fbf4750ec5982adf7f5754', class: "toast-action-container" }, hAsync("slot", { key: '943670c862d60185c157ebda02aeb1cb4f8b4650', name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "Dismiss timer" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon-tertiary", "aria-label": dismissButtonAriaLabel })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19375,7 +19486,7 @@ class ToastRegion {
         }
     }
     render() {
-        return hAsync("slot", { key: '8ba16a1a1aa173043f4a14af432e11a82fffda5a' });
+        return hAsync("slot", { key: '7c0c88d4aeb9e5141603885ce134e43674e341a9' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19548,7 +19659,7 @@ class ToggleButton {
     render() {
         const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, outline, size, theme, tooltipPlacement, variant, } = this;
         const iconVariant = variant === "icon";
-        return (hAsync(Host, { key: 'a7fc7b7059ce70e3234ef1635586a175d69891a3', class: {
+        return (hAsync(Host, { key: 'd61a2411c44e043dbc0d3adfdd4ef4c041c752b4', class: {
                 "ic-toggle-button-checked": checked,
                 "ic-toggle-button-disabled": disabled,
                 "ic-toggle-button-icon": iconVariant,
@@ -19558,7 +19669,7 @@ class ToggleButton {
                 "ic-toggle-button-hide-outline": !outline,
                 [`ic-toggle-button-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '163a1360e830e9ef99683346438f9becc8c70482', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'b9a212fe0f7566d49b1545a999c1f8929775beed' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '69aa58ba2bb432ee222abc899fcb7f666d784176', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: 'd274ed4513b466b0e0c0e690cc085e8aca2e74ca', name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: 'a19e19a0cfbf6abe36aed52470e753c4410360dd', "aria-pressed": `${checked}`, variant: iconVariant ? "icon-tertiary" : "secondary", onClick: this.handleClick, title: accessibleLabel, "aria-label": `${accessibleLabel ? accessibleLabel : label}, ${checked ? "ticked" : "unticked"}`, disabled: disabled, size: size, fullWidth: fullWidth, loading: loading, tooltipPlacement: tooltipPlacement }, !iconVariant && label, hAsync("slot", { key: 'be68b5556f38f43be5b8e5dee4533550be5271e9' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '1adacf752187c44bb6b16ee3464e57b626893048', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '2507afeda1b98c00a3801c8deddfb3f8c8c01a65', name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -19838,14 +19949,14 @@ class ToggleButtonGroup {
     }
     render() {
         const { accessibleLabel, disabled, fullWidth, loading, monochrome, outline, theme, } = this;
-        return (hAsync(Host, { key: 'd8c78a67a57bfaf00ff1f7f732ea581af080c7a6', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
+        return (hAsync(Host, { key: '5c8877eaeec66fb0cc9fbcd5ba593fc86bd2b5f2', role: "group", "aria-label": accessibleLabel, tabindex: disabled ? -1 : 0, class: {
                 "ic-toggle-button-group-disabled": disabled,
                 "ic-toggle-button-group-full-width": fullWidth,
                 "ic-toggle-button-group-loading": loading,
                 "ic-toggle-button-group-monochrome": monochrome,
                 "ic-toggle-button-group-hide-outline": !outline,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '84cdbfb743f949d9c804da2af8bcc6d7cfdd035e' })));
+            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'f701ba436d48cd8d33abe55a252b4dd40455b67a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -19887,7 +19998,7 @@ class ToggleButtonGroup {
     }; }
 }
 
-const icTooltipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:\"\";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-on-dialog){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}";
+const icTooltipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:\"\";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"top\"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"bottom\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"left\"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^=\"right\"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip-in-container){display:inline-block}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}";
 var IcTooltipStyle0 = icTooltipCss;
 
 class Tooltip {
@@ -19930,8 +20041,8 @@ class Tooltip {
         this.show = () => {
             if (this.label) {
                 this.toolTip.setAttribute("data-show", "");
-                if (this.dialogContentArea) {
-                    this.el.classList.add("ic-tooltip-on-dialog");
+                if (this.containerContentArea) {
+                    this.el.classList.add("ic-tooltip-in-container");
                 }
                 this.popperInstance = createPopper(this.el, this.toolTip, Object.assign({ strategy: this.fixedPositioning ? "fixed" : "absolute", placement: this.placement, modifiers: [
                         {
@@ -19950,19 +20061,19 @@ class Tooltip {
                             name: "eventListeners",
                             options: { scroll: false, resize: false },
                         },
-                        ...(this.dialogContentArea
+                        ...(this.containerContentArea
                             ? [
                                 {
                                     name: "preventOverflow",
                                     options: {
-                                        boundary: this.dialogContentArea,
+                                        boundary: this.containerContentArea,
                                         padding: 8,
                                     },
                                 },
                                 {
                                     name: "flip",
                                     options: {
-                                        boundary: this.dialogContentArea,
+                                        boundary: this.containerContentArea,
                                     },
                                 },
                             ]
@@ -20068,15 +20179,16 @@ class Tooltip {
     componentDidLoad() {
         var _a, _b;
         this.manageEventListeners("add");
-        let dialog;
+        // Display tooltips correctly within drawer and dialog components
+        let container;
         if (this.el.getRootNode().host) {
-            dialog = this.el.getRootNode().host.closest("ic-dialog");
+            container = this.el.getRootNode().host.closest("ic-dialog, ic-drawer");
         }
         else {
-            dialog = this.el.closest("ic-dialog");
+            container = this.el.closest("ic-dialog, ic-drawer");
         }
-        this.dialogContentArea =
-            (_b = (_a = dialog === null || dialog === void 0 ? void 0 : dialog.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".content-area")) !== null && _b !== void 0 ? _b : null;
+        this.containerContentArea =
+            (_b = (_a = container === null || container === void 0 ? void 0 : container.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".content-area")) !== null && _b !== void 0 ? _b : null;
         onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Tooltip");
     }
     componentDidRender() {
@@ -20103,10 +20215,10 @@ class Tooltip {
     }
     render() {
         const { label, maxLines, silent, theme } = this;
-        return (hAsync(Host, { key: 'c016954601c1f2ee45f8b64f396c405676fffadd', class: {
+        return (hAsync(Host, { key: '3a57831b80c59ddef6785c1f840ecfd974081de9', class: {
                 "ic-tooltip": true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, "aria-label": isSafari && label }, hAsync("div", { key: 'e18915501176e9a36ab957a20968cc82f9c95403', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '50f11ad42d55d9c7598176d6169a3c82b5939b71', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '47a01a05045f34a62e2c1724b60ce7f26ab7a086', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '0b850d553a3b7fd97776c419d76517a33e442d97' })));
+            }, "aria-label": isSafari && label }, hAsync("div", { key: '03a49bde1864792bc994c18fbc7c05d1f872746b', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '5188c9d83e230efc0d78df9abd1951597b3a108a', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '8f94c1568e3635817f7079f105ae7e38b65960aa', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '242ee30597606f704984b8ee9f7445406849b964' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20356,16 +20468,19 @@ class TopNavigation {
         const attrs = Component == "a" && {
             href: href,
         };
-        return (hAsync(Host, { key: 'ade1da5d58211501cd1d6747c46d105c49ef8e98', class: {
+        return (hAsync(Host, { key: 'c0c457a694891bb06ad49c6601fb57d83e6ac6c6', class: {
                 "fullwidth-searchbar": hasFullWidthSearchBar,
                 "mobile-mode": overMobileBreakpoint,
                 [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'c0a641f02b5c568bcf2e75dd743f42bcacfa3df6', class: "top-navigation" }, hAsync("ic-section-container", { key: 'f31505caa30741b6ae5a7091d01735c6b0b2eb07', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '6ab710016c32c632fefc7827114bba07cff300b1', role: "banner" }, hAsync("div", { key: 'a5b18754252754ecf8f577a113a5e7ffe6214efd', class: "top-panel-container" }, hAsync("div", { key: '473ebdef80637e47a30bf1f2570d9698ef819766', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '8082824e0d859123195ed0cc076858e861ed6f83', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '4e6846d703b47491d7867d993fc91c680bb7f965', class: "app-icon-container" }, hAsync("slot", { key: '5755567877527b6c4dea32d246295f13344a1116', name: "app-icon" }))), isSmallDeviceSize &&
+            } }, hAsync("div", { key: 'fd5f04cfce660e81024b45ebee521d73d42a448d', class: "top-navigation" }, hAsync("ic-section-container", { key: '028947110e4a66cccc58659ca164b2938cd7e533', aligned: contentAligned, "full-height": true }, hAsync("header", { key: 'f528842ca7c9fe6a127e53cf7ea0c5af9aeebe79', role: "banner" }, hAsync("div", { key: 'e23371a5539f686060f624053e8b04a2cef1f860', class: "top-panel-container" }, hAsync("div", { key: '25ede4b34cb30ba1d25d3fb06a3f44e48ad4a4c9', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '666eddef4b8be110a1796083432cd754cda18152', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: 'cb7c5cdf6ccc28c5dc5d7699e0332770aa5246f9', class: "app-icon-container" }, hAsync("slot", { key: 'cd21e969e6fd23594aeb2b31468e81d1d68de7f7', name: "app-icon" }))), isSmallDeviceSize &&
             (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
-                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: '0d1119c72ec12921b9d8ac4c753549b5266a0a77', class: "app-status" }, hAsync("ic-typography", { key: '0159177ab7abdf8ffacbc54fe2a00db8b51f4034', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: 'f83651366bf13750e9c637643290d01d9158cbb3', class: "app-version" }, hAsync("ic-typography", { key: '61d5ddb22f858319246f352ea9db8cf2a380dbb7', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '38c8b6032287ae554d95affd0343d8e1a06e9672', class: "search-menu-container" }, hAsync("div", { key: '177f304cb5d52052c1595d90a313187f5faf7fb8', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: '2573f4f3d0c07b9a8189739e71b1280ee10db8b7', class: "search-bar-container" }, hAsync("slot", { key: '4ec2d201033b3f084a372a781d11a9171b7357db', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '2ed8494ed944a24944535339faaf87ff50bc2666', class: "navigation-tabs" }, hAsync("span", { key: '8d4749293defd91560f3ed064a40b37ef7bef3f2', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '2f026275dcebbb493ab8dd2d337dc07e85fddd47', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '5299073b2ce1df34d3ab70e0ede5eaf4d122e1ae', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '1bf9392b6e25f033f9c4d3ba6efb0d15af07db16', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'a8ef11edfbf5535d706b5d6f33af40474303f312', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '8e11a83a983df46afb2805b0ed89451ad85ab247', version: version, status: status, class: {
+                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: '938a6e6d13bfd92a87baf43934342fb426802d65', class: "app-status" }, hAsync("ic-typography", { key: 'e3e8e83984ead5be2e4869e67640762af42f5f32', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '1129e504a1db3af56d2c931e08bd15f992b5721f', class: "app-version" }, hAsync("ic-typography", { key: 'c6f56458fc5f565055fdb0bde408e6078216d51b', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '4523603a02eeb22eca466afc1d2cfa44755b8f17', class: "search-menu-container" }, hAsync("div", { key: '77ff191542abaa41c8610418d54922e91268d364', class: "search-actions-container" }, !overMobileBreakpoint ? (hAsync(Fragment, null, hAsync("slot", { name: "search" }), hasIconButtons && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))))) : (hAsync(Fragment, null, hasSearchSlotContent && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasMenuContent && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", ref: (el) => (this.menuButtonEl = el), theme: foregroundColor, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))))), mobileSearchBarVisible && (hAsync("div", { key: 'e18aab12917ebdfead1c16c9d508c7feaf7797cb', class: "search-bar-container" }, hAsync("slot", { key: '4bf9ae342c58629ea76dc7de395128afd695dc8b', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '30401c56949e21a33b18166da0ba2b07ad91c3f0', class: "navigation-tabs" }, hAsync("span", { key: '72561ee2554f09e0ff33b29fb257e7dde0a99a0f', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '411b215af2ef320d415af6e189a60dce1b730cdf', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'fac1019061aeaea2ea8197cc0100a23f0cd1a69d',
+            // eslint-disable-next-line
+            // @ts-ignore
+            monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: 'b85234906c34f1fa03b56903656d6f18eb20829d', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: 'd8ef04882230955d8faba63b13edffeeb969e6e6', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '46b00abe99e079c940d24d4e9693c5445ebcbafa', version: version, status: status, class: {
                 inline,
-            } }, hasIconButtons && (hAsync("div", { key: '80fc236836f94cfb1ff6c7e7063e223a6c0bec43', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '32a3522be214d86952657179b94d88efc7bcccf2', name: "buttons" }))), hAsync("ul", { key: 'e8ba927b4a442016016deec34bd13501fac2e4f1', slot: "navigation" }, hAsync("slot", { key: '8373dc199994f19287897c6a3b3c7309c07a7388', name: "navigation" }))))));
+            } }, hasIconButtons && (hAsync("div", { key: '29a9b4e6ba1733b2e96ad9b886bb879ade662d41', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '748b40fd29aedee029a4fa27e999cf9844483613', name: "buttons" }))), hAsync("ul", { key: '20b81216ba0c01470673678a14d873fe8cbcaaae', slot: "navigation" }, hAsync("slot", { key: 'fb9e239a48344888b970e865e103b1ee2f9156ed', name: "navigation" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20568,7 +20683,7 @@ class Typography {
     render() {
         var _a, _b;
         const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
-        return (hAsync(Host, { key: 'af405939b9fe0b1d4410d862343471b849e4fdd7', class: {
+        return (hAsync(Host, { key: '9628fbe7b5d9c10f640fe189fe454c332e1f6011', class: {
                 [`ic-typography-${variant}`]: true,
                 [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
                 ["ic-typography-bold"]: !!bold,
@@ -20581,7 +20696,7 @@ class Typography {
             ((_b = (_a = this.el.getRootNode()) === null || _a === void 0 ? void 0 : _a.host) === null || _b === void 0 ? void 0 : _b.tagName) ===
                 "IC-TOOLTIP") &&
             maxLines &&
-            maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: 'ca78a64f9853cbf2d26df99f3c13970ce94de37d', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
+            maxLines > 0 ? (hAsync("div", { class: "trunc-wrapper", ref: (el) => (this.truncWrapperEl = el) }, hAsync("slot", null))) : (hAsync("slot", null)), variant === "body" && maxLines && maxLines > 0 && truncated && (hAsync("button", { key: 'e66a10144ba334ab8b2530e2cf666634ce335717', class: { "trunc-btn": true, focus: this.truncButtonFocussed }, onFocus: this.truncButtonFocus, onBlur: this.truncButtonBlur, onMouseDown: this.truncButtonFocusFromMouse, onClick: this.toggleExpanded }, expanded ? "See less" : "See more"))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {