@ukic/canary-web-components 3.0.0-canary.19 → 3.0.0-canary.20

package/hydrate/index.mjs

@@ -3208,7 +3208,7 @@ const IC_BLOCK_COLOR_COMPONENTS$1 = [
     "ic-footer",
     "ic-side-navigation",
     "ic-alert",
-];
+].join(",");
 const IC_FIXED_COLOR_COMPONENTS$1 = ["ic-alert"];
 const IC_BLOCK_COLOR_EXCEPTIONS$1 = {
     "ic-alert": ["ic-link", "ic-button"],
@@ -3369,7 +3369,9 @@ const removeHiddenInput = (container) => {
 const hasShadowDom$1 = (el) => !!el && !!el.shadowRoot && !!el.attachShadow;
 const getInputHelperTextID$1 = (id) => id + "-helper-text";
 const getInputValidationTextID$1 = (id) => id + "-validation-text";
-const getInputDescribedByText$1 = (inputId, helperText, validationText) => `${helperText ? getInputHelperTextID$1(inputId) : ""} ${validationText ? getInputValidationTextID$1(inputId) : ""}`.trim();
+const getInputDescribedByText$1 = (el, inputId, helperText, validationText) => `${isSlotUsed$1(el, "helper-text") || helperText
+    ? getInputHelperTextID$1(inputId)
+    : ""} ${validationText ? getInputValidationTextID$1(inputId) : ""}`.trim();
 /**
  * This method helps to understand the context in which a component exists,
  * to assist with choosing appropriate foreground colours to use. For example,
@@ -3385,25 +3387,24 @@ const getInputDescribedByText$1 = (inputId, helperText, validationText) => `${he
 const getBrandFromContext$1 = (el, brandFromEvent = null) => {
     var _a;
     const parentElement = el.parentElement || el.getRootNode().host.parentElement;
-    const blockColorParent = parentElement === null || parentElement === void 0 ? void 0 : parentElement.closest(IC_BLOCK_COLOR_COMPONENTS$1.join(","));
-    // If within a block color component
-    if (blockColorParent) {
-        const parentTag = blockColorParent.tagName.toLowerCase();
-        const currentTag = el.tagName.toLowerCase();
-        if ((_a = IC_BLOCK_COLOR_EXCEPTIONS$1[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
-            return IcBrandForegroundEnum$1.Default;
-        }
-        else if (brandFromEvent !== null &&
-            !IC_FIXED_COLOR_COMPONENTS$1.includes(parentTag)) {
-            return brandFromEvent;
-        }
-        else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum$1.Dark}`) ||
-            blockColorParent.classList.contains(IcBrandForegroundEnum$1.Dark)) {
-            return IcBrandForegroundEnum$1.Dark;
-        }
+    const blockColorParent = parentElement === null || parentElement === void 0 ? void 0 : parentElement.closest(IC_BLOCK_COLOR_COMPONENTS$1);
+    if (!blockColorParent)
+        return IcBrandForegroundEnum$1.Default;
+    const parentTag = blockColorParent.tagName.toLowerCase();
+    if ((_a = IC_BLOCK_COLOR_EXCEPTIONS$1[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(el.tagName.toLowerCase())) {
+        return IcBrandForegroundEnum$1.Default;
+    }
+    else if (brandFromEvent !== null &&
+        !IC_FIXED_COLOR_COMPONENTS$1.includes(parentTag)) {
+        return brandFromEvent;
+    }
+    else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum$1.Dark}`) ||
+        blockColorParent.classList.contains(IcBrandForegroundEnum$1.Dark)) {
+        return IcBrandForegroundEnum$1.Dark;
+    }
+    else {
         return IcBrandForegroundEnum$1.Light;
     }
-    return IcBrandForegroundEnum$1.Default;
 };
 /**
  * Checks if the current device is a mobile or tablet device.
@@ -3421,12 +3422,13 @@ const isMobileOrTablet = () => "maxTouchPoints" in navigator && "userAgent" in n
  * @param button - shadowDOM button
  */
 const handleHiddenFormButtonClick = (form, button) => {
-    const hiddenFormButton = document.createElement("button");
-    button.type && hiddenFormButton.setAttribute("type", button.type);
+    var _a, _b;
+    const hiddenFormButton = (_a = document.querySelector("#hidden-form-button")) !== null && _a !== void 0 ? _a : document.createElement("button");
+    hiddenFormButton.setAttribute("type", (_b = button.type) !== null && _b !== void 0 ? _b : "button");
+    hiddenFormButton.id = "hidden-form-button";
     hiddenFormButton.style.display = "none";
     form.appendChild(hiddenFormButton);
     hiddenFormButton.click();
-    hiddenFormButton.remove();
 };
 const isEmptyString$1 = (value) => !value || value.trim().length === 0;
 // A helper function that checks if a prop has been defined
@@ -3522,15 +3524,10 @@ const getCssProperty$1 = (cssVar) => getComputedStyle(document.documentElement).
  * This is a similar calculation to its CSS counterpart: "--ic-brand-text-color"
  * @returns number representing the brightness of the theme colour
  */
-const getBrandColorBrightness = () => {
-    const themeRed = getCssProperty$1("--ic-brand-color-primary-r");
-    const themeGreen = getCssProperty$1("--ic-brand-color-primary-g");
-    const themeBlue = getCssProperty$1("--ic-brand-color-primary-b");
-    return ((parseInt(themeRed) * 299 +
-        parseInt(themeGreen) * 587 +
-        parseInt(themeBlue) * 114) /
-        1000);
-};
+const getBrandColorBrightness = () => (parseInt(getCssProperty$1("--ic-brand-color-primary-r")) * 299 +
+    parseInt(getCssProperty$1("--ic-brand-color-primary-g")) * 587 +
+    parseInt(getCssProperty$1("--ic-brand-color-primary-b")) * 114) /
+    1000;
 /**
  * Returns if dark or light foreground colors should be used for color contrast reasons
  * @returns "dark" or "light"
@@ -5251,14 +5248,14 @@ class Button {
                 : undefined;
         const hasLeftIcon = !!this.getSlottedIcon("left");
         const hasRightIcon = !!this.getSlottedIcon("right");
-        const ButtonContent = () => this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": loading || disabled ? "true" : null, "aria-label": loading ? "Loading" : ariaLabel, "aria-expanded": dropdown && `${dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: onFocus, onBlur: onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby": describedby, part: "button" }), loading ? (hAsync("div", { class: "loading-container" }, hAsync("ic-loading-indicator", { type: "linear", monochrome: monochrome, theme: theme }))) : (hAsync(Fragment, null, (hasLeftIcon ||
+        const ButtonContent = () => this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(TagType, Object.assign({ class: "button", tabindex: 0, "aria-disabled": loading || disabled ? "true" : null, "aria-label": loading ? "Loading" : ariaLabel, "aria-expanded": dropdown && `${dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: onFocus, onBlur: onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby": describedby, part: "button" }), loading ? (hAsync("div", { class: "loading-container" }, hAsync("ic-loading-indicator", { type: "linear", monochrome: monochrome, theme: theme }))) : (hAsync(Fragment, null, (hasLeftIcon ||
             (!!this.getSlottedIcon("top") && !hasRightIcon)) && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: `${hasLeftIcon ? "left" : "top"}-icon` }))), hAsync("slot", null), !dropdown
             ? hasRightIcon && (hAsync("div", { class: { "icon-container": true, "right-icon": true } }, hAsync("slot", { name: "right-icon" })))
             : variant !== "icon" &&
                 variant !== "destructive" && (hAsync("span", { class: dropdownExpanded
                     ? "dropdown-expanded"
                     : "arrow-dropdown", innerHTML: arrowDropdown$1 }))))));
-        return (hAsync(Host, { key: '76e9eabe7c49342e8b6c931180281063d6bc01f2', class: {
+        return (hAsync(Host, { key: '4e8888cdc523c32383945dbf5503a1d9129ed6e9', class: {
                 "ic-button-disabled": disabled && !loading,
                 "ic-button-full-width": fullWidth,
                 "ic-button-loading": loading,
@@ -5274,7 +5271,7 @@ class Button {
                 monochrome,
                 "top-icon": isSlotUsed$1(this.el, "top-icon"),
                 "with-badge": isSlotUsed$1(this.el, "badge"),
-            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: 'b206653b613d9d78da264c8f796a4b7b90e50db0', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: '9e63601518bac4f1ef197262e193a8977deb6df4' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'da708210c9061b0f2e3a4678f61e339a446616e4', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: '43131139c83a264a25995f616aac6b7431b86156' }), describedByContent && (hAsync("span", { key: '1b1b37a9c1f17d39f768d0e8cee845fc09595219', id: describedby, class: "ic-button-describedby" }, describedByContent))));
+            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: 'ca33053f91d9716b014aa5fcd419e22cbdc553d8', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: 'bdfd844921507888ab65db6e46fd3ec4410a62b3' }))), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '1400c01085f417f357a5523b295b022075a3480f', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: '36e6969ee4b09ac6fb8b93c3a5d5aa932f0621dc' }), describedByContent && (hAsync("span", { key: 'a4a130e848f981b08d2bc953016d836bc0000b62', id: describedby, class: "ic-button-describedby" }, describedByContent))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5468,7 +5465,9 @@ const getHiddenInputElement = (container) => Array.from(container.querySelectorA
 const hasShadowDom = (el) => !!el && !!el.shadowRoot && !!el.attachShadow;
 const getInputHelperTextID = (id) => id + "-helper-text";
 const getInputValidationTextID = (id) => id + "-validation-text";
-const getInputDescribedByText = (inputId, helperText, validationText) => `${helperText ? getInputHelperTextID(inputId) : ""} ${validationText ? getInputValidationTextID(inputId) : ""}`.trim();
+const getInputDescribedByText = (el, inputId, helperText, validationText) => `${isSlotUsed(el, "helper-text") || helperText
+    ? getInputHelperTextID(inputId)
+    : ""} ${validationText ? getInputValidationTextID(inputId) : ""}`.trim();
 /**
  * This method helps to understand the context in which a component exists,
  * to assist with choosing appropriate foreground colours to use. For example,
@@ -6138,10 +6137,13 @@ class Checkbox {
     }; }
 }
 
-const icCheckboxGroupCss = "/*! 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;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}.screen-reader-only-text:dir(rtl){right:-9999px}";
+const icCheckboxGroupCss = "/*! 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;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label:not(.with-helper) .ic-typography-label,ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-checkbox-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-label .helpertext{display:block}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}.screen-reader-only-text:dir(rtl){right:-9999px}";
 var IcCheckboxGroupStyle0 = icCheckboxGroupCss;
 
 const CHECKBOX_SELECTOR = "ic-checkbox";
+/**
+ * @slot helper-text - Content is set as the helper text for the checkbox group.
+ */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class CheckboxGroup {
     constructor(hostRef) {
@@ -6231,13 +6233,13 @@ class CheckboxGroup {
     }
     render() {
         const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;
-        const describedBy = getInputDescribedByText$1(name, helperText !== "", validationStatus !== "");
+        const describedBy = getInputDescribedByText$1(this.el, name, helperText !== "", validationStatus !== "");
         const renderSRText = validationStatus === "error" || required || hideLabel;
-        return (hAsync(Host, { key: 'dd6561e0a06005db39cc273f561136d6ef8000e1', class: {
+        return (hAsync(Host, { key: '3eab3a8d0cc27b77ac7daf1f6d3068533ab675bb', class: {
                 "ic-checkbox-group-disabled": !!disabled,
                 [`ic-checkbox-group-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, renderSRText && (hAsync("span", { key: 'ff0e15fca2694ea0474066455f6326277adaffc3', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '0fc5e56558f307bf725f40dd07206304bdc1ba21', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: 'f6735766d825d26de30926e0731f92858c52075c' }, hAsync("ic-input-label", { key: 'dfaaf64894a538bdd967e31a75fee7ba7998d318', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: 'f1e2957a700e05adb8d337a6f31eee9a7d6b704e', class: "checkboxes-container" }, hAsync("slot", { key: '8ab8f0230383099884c1a78cb91c266a7fbb9f4c' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '5f5e1199788d9f4d59d5c10a09d4334c74ccc4d1', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
+            } }, renderSRText && (hAsync("span", { key: '3cbf05ef6c6df9737d8f40ecbe6db5944f8a2406', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: 'ce2d74b5e4f88c2cdfc6b730db2b3763c48df206', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '70a1b515ccd08e731837ee10f248163f342536b2' }, hAsync("ic-input-label", { key: '67be3445bb1dee8a2e1ccee88f16ae58fc81c77e', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, hAsync("slot", { key: 'be393bdcf6138057e1e0c65082817f590dbcadf7', name: "helper-text", slot: "helper-text" })))), hAsync("div", { key: 'd43399d04efc5501f5a8b118aedbba213410593b', class: "checkboxes-container" }, hAsync("slot", { key: '96c715128256965fb3acbe3ff5eca7bb5be9897b' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '6b4b02fd8819946472c6a0c60c050ef885168312', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6498,10 +6500,10 @@ class DataList {
         if (size === "small") {
             Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
         }
-        return (hAsync(Host, { key: '57187729e8c442e305a364a8bb870af10d7c789a', class: {
+        return (hAsync(Host, { key: 'a10decea9f6872dd3a86cb4e8d989f1628ddd8dd', class: {
                 "ic-data-list-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'd208727c390375a5c9a137793dc4e49870d1fc5c', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: 'cbaef30591b61e5cb08cd22defe9bfff47f442c3', name: "heading" }, hAsync("ic-typography", { key: '4dcdac2796af8a867123a49df76acf2f056de9cb', variant: "h3" }, heading))), hAsync("div", { key: '32168bcd286cdb0ed55fa824406e13dea9c97b03', class: "divider" }), hAsync("ul", { key: 'e8e98e25dd09803f4771d48ac20956ea518c8a12', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '09dc75e0a80760d56e370ad0b52231f4143549e8' }))));
+            } }, hAsync("div", { key: '5e818e459c2dd23b6e021d82012150757b7520e9', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '2d68d50a52c8fc3882aa9138ce427c23ccdbc394', name: "heading" }, hAsync("ic-typography", { key: '275d859a1075fd96294913acf1a3b2b9bb1777c2', variant: "h3" }, heading))), hAsync("div", { key: '06e942c78939bf9526ef3bcebba1c76db3c3f608', class: "divider" }), hAsync("ul", { key: '9e7218ee17444774d184680d27e3e11424953bfc', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: 'a75aec759140988dc2d673385d7eef1fc0e7dba5' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataListStyle0; }
@@ -6591,12 +6593,12 @@ class DataRow {
     }
     render() {
         const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
-        return (hAsync(Host, { key: '34f5970795bba243994fce6f2006d699c786cc51', class: {
+        return (hAsync(Host, { key: '2faf353c648f521406dc1318be100192dece1aab', 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: 'f855811376a3e1db1d4a8bab563715d028c07341', class: "data" }, hAsync("div", { key: '2395506f64696056aadfce34d46ffc99ab6db356', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '87993084bf9673f61edc6f0c04c937f20cd5a10d', class: "end-component" }, hAsync("slot", { key: 'f051b30c5f67e8ea324656391356699a5eeef818', name: "end-component" })))), hAsync("div", { key: 'bf023260ea85682f165370fb1295bd6facf8c45e', class: "divider" })));
+            }, role: "listitem" }, hAsync("div", { key: '3d8e82d44292400dc5cf92230967eb3c9cc57cd0', class: "data" }, hAsync("div", { key: '1e1edf0e3cefbe7cf2bb7e6ab973e55eeab1c0e3', class: "text-cells" }, (isSlotUsed$1(el, "label") || label) && renderCellContent("label"), (isSlotUsed$1(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '0b60b67c17cce484293060ec5ba89619f527e5c9', class: "end-component" }, hAsync("slot", { key: '403f6290fd00ef44fa02baaeed36932caf6f9902', name: "end-component" })))), hAsync("div", { key: '653123df7e4243474aa5254d948b1666c9b50722', class: "divider" })));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataRowStyle0; }
@@ -6629,7 +6631,7 @@ var descendingIcon = `<svg focusable="false" aria-hidden="true" viewBox="0 0 24
     <path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4z"></path>
 </svg>`;
 
-const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination=\"true\"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded=\"true\"]) .table-row-container{border:var(--ic-space-1px) solid var(--ic-data-table-border)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-color:var(--ic-data-table-cell-background-selected) !important}.table-row:hover{background-color:var(--ic-data-table-cell-background-hover) !important}.table-row-selected:hover{background-color:var(\n    --ic-data-table-cell-background-selected-hover\n  ) !important}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}:host([embedded=\"true\"]) tr:last-child .table-cell,:host([embedded=\"true\"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left}.data-type-number,.data-type-date{text-align:right;justify-content:end}.cell-vertical-align-top{vertical-align:top;align-items:flex-start}.cell-vertical-align-middle{vertical-align:middle;align-items:center}.cell-vertical-align-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg),.cell-description-icon>svg{fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.checkbox-cell{--column-width:var(--ic-space-xxl);align-content:center;border-right:none}.table-density-dense.checkbox-cell{--column-width:2.5rem}.checkbox-wrapper{display:flex;justify-content:center}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-dialog) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-data-table-cell-description-text)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}";
+const icDataTableCss = ":host{position:relative;display:inline-flex;max-height:100%;width:var(--table-width, 100%);height:100%;min-width:var(--table-min-width);max-width:var(--table-max-width)}tbody{vertical-align:top}.table-container{position:relative;height:calc(100% - var(--ic-space-xxxs));display:flex;flex-direction:column;width:100%}.cell-container{display:flex;min-height:1.5rem;overflow-y:hidden;height:var(--row-height);--ic-typography-color:var(--ic-data-table-text-default-emphasis)}.truncation-show-hide{display:block}.cell-icon.truncation-show-hide{display:flex}.cell-container:not(.data-type-element,.truncation-show-hide){overflow-x:hidden}ic-loading-indicator{position:sticky;top:20px}.table-row-container{position:relative;height:100%;overflow:auto;transition:var(--ic-easing-transition-fast);overflow-anchor:none}:host([show-pagination=\"true\"]) .table-row-container{height:calc(100% - 3.5625rem)}table{table-layout:var(--table-layout, \"fixed\");border-spacing:0;width:100%;height:var(--table-height, auto)}.table-row-container:focus{outline:none;box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:1}:host([embedded=\"true\"]) .table-row-container{border:var(--ic-space-1px) solid var(--ic-data-table-border)}.column-header-inner-container{padding:var(--ic-space-xs);box-sizing:border-box}.column-header-inner-container ic-tooltip{pointer-events:none}.column-header-inner-container ic-tooltip.show-trunc-tooltip{pointer-events:auto}.column-header-inner-container ic-tooltip .column-header-text{--ic-line-clamp:1}.column-header-sticky{position:sticky;top:0;z-index:1}.column-header-overlay{position:sticky;top:0;z-index:1;box-shadow:0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n    rgb(0 0 0 / 20%)}.row-header-sticky{position:sticky;left:0}.column-header,.table-row{box-sizing:border-box}.table-row-selected{background-image:linear-gradient(\n    var(--ic-data-table-cell-background-selected) 0 0\n  );background-color:var(--ic-data-table-cell-background) !important}.table-row:hover{background-image:linear-gradient(\n    var(--ic-data-table-cell-background-hover) 0 0\n  );background-color:var(--ic-data-table-cell-background) !important}.table-row-selected:hover{background-image:linear-gradient(\n    var(--ic-data-table-cell-background-selected-hover) 0 0\n  )}.sort-button{margin-left:auto}.sort-button:hover{background-color:var(--ic-data-table-icon-button-background-hover)}.sort-button:active{background-color:var(--ic-data-table-icon-button-background-pressed)}.sort-button svg{color:var(--ic-data-table-sort-toggle-icon)}.sort-button-unsorted svg{color:var(--ic-data-table-sort-toggle-icon-default)}.table-density-dense .column-header-inner-container,td.table-density-dense{padding:var(--ic-space-xxs) var(--ic-space-xs) !important}.text-dense{font-size:var(--ic-font-size-label)}.table-density-spacious .column-header-inner-container,td.table-density-spacious{padding:0.625rem var(--ic-space-xs) !important}.text-spacious{font-size:1.125rem}.column-header-text{font-weight:var(--ic-font-weight-bold)}.dummy-column-header-text{white-space:nowrap;overflow:hidden;height:0;width:-moz-fit-content;width:fit-content}.row-header,.column-header{text-align:left;padding:var(--ic-space-xs);background-color:var(--ic-data-table-header-background);border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline);color:var(--ic-data-table-header-text)}.column-header{padding:0;width:var(--column-width);min-width:var(--column-min-width, 4rem);max-width:var(--column-max-width)}.column-header:last-child{border-right:none}.scrollable .column-header:last-child{border-right:var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important}:host([embedded=\"true\"]) tr:last-child .table-cell,:host([embedded=\"true\"]) tr:last-child .row-header{border-bottom:none}.column-header-alignment-left,.row-header-alignment-left,.cell-alignment-left{text-align:left !important;justify-content:start !important}.column-header-alignment-right,.row-header-alignment-right,.cell-alignment-right{text-align:right !important;justify-content:end !important}.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography{padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.cell-alignment-right.truncation-show-hide ic-typography{--ellipsis-padding-right:calc(var(--ic-space-xxs) + var(--ic-space-xs))}.column-header-alignment-center,.row-header-alignment-center,.cell-alignment-center{text-align:center !important;justify-content:center !important}.table-row{background-color:var(--ic-data-table-cell-background)}.table-row:nth-child(even){background-color:var(--ic-data-table-cell-background-stripe)}.table-cell{padding:var(--ic-space-xs);border-bottom:solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);overflow:hidden;box-sizing:border-box;max-width:var(--column-max-width);min-width:var(--column-min-width)}.table-cell.with-overflow{overflow:visible}.data-type-string,.data-type-address{text-align:left}.data-type-number,.data-type-date{text-align:right;justify-content:end}.cell-vertical-align-top{vertical-align:top;align-items:flex-start}.cell-vertical-align-middle{vertical-align:middle;align-items:center}.cell-vertical-align-bottom{vertical-align:bottom;align-items:flex-end}.cell-emphasis-low ic-typography{--ic-typography-color:var(--ic-data-table-text-low-emphasis)}.cell-emphasis-high ic-typography{--ic-typography-color:var(--ic-data-table-text-high-emphasis);font-weight:var(--ic-font-weight-bold)}.pagination-container{background-color:var(--ic-data-table-pagination-bar-background-color);border-top:var(--ic-space-1px) solid\n    var(--ic-data-table-pagination-bar-keyline)}.screen-reader-sort-text,.table-caption{position:absolute;left:-100rem}.table-cell,.column-header,.row-header{word-wrap:break-word;white-space:pre-wrap}.loading-empty{padding:var(--ic-space-xl) var(--ic-space-xxl);margin-top:var(--ic-space-xl)}.updating-state{padding:0;border-bottom:var(--ic-space-1px) solid var(--ic-data-table-header-keyline)}.updating-state-headers{border-bottom:none}.loading{position:absolute;left:calc(50% - 5.9741rem);opacity:0;transition:opacity var(--ic-transition-duration-slow);z-index:calc(var(--ic-z-index-dialog) - 1);background-color:var(--ic-data-table-overlay-background);border:var(--ic-space-1px) solid var(--ic-data-table-overlay-border)}.loading.show{opacity:1}.icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-right:var(--ic-space-xxs)}.column-header .icon>svg,.column-header ::slotted(svg){fill:var(--ic-data-table-icon)}.table-cell .icon>svg,.table-cell ::slotted(svg),.cell-description-icon>svg{fill:var(--ic-data-table-icon-default-emphasis)}.cell-emphasis-high .icon>svg,.cell-emphasis-high ::slotted(svg){fill:var(--ic-data-table-icon-high-emphasis)}.cell-emphasis-low .icon>svg,.cell-emphasis-low ::slotted(svg){fill:var(--ic-data-table-icon-low-emphasis)}.column-header-alignment-right>.icon,.row-header-alignment-right>.icon,.cell-alignment-right>.icon,.column-header-alignment-right>::slotted(svg),.row-header-alignment-right>::slotted(svg),.cell-alignment-right>::slotted(svg){margin-right:auto}.column-header-alignment-center>ic-typography,.column-header-alignment-center>.cell-text-wrapper,.row-header-alignment-right>ic-typography,.row-header-alignment-right>.cell-text-wrapper,.cell-alignment-center>ic-typography,.cell-alignment-center>.cell-text-wrapper{flex:1}.checkbox-cell{--column-width:var(--ic-space-xxl);align-content:center;border-right:none}.table-density-dense.checkbox-cell{--column-width:2.5rem}.checkbox-wrapper{display:flex;justify-content:center}.icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}.truncation-tooltip ic-typography{display:-webkit-box;-webkit-line-clamp:var(--ic-line-clamp, 0);-webkit-box-orient:vertical;overflow:hidden}.truncation-tooltip ic-typography,.truncation-show-hide ic-typography{white-space:normal}.ic-tooltip-overflow{overflow:hidden;width:100%}.action-element{display:flex;justify-content:right}.cell-grid-wrapper{display:grid;grid-template-columns:auto auto}.loading-overlay{visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ic-data-table-loading-indicator-overlay-background);z-index:calc(var(--ic-z-index-dialog) - 2);opacity:0;transition:opacity var(--ic-transition-duration-slow)}.loading-overlay.show{visibility:visible;opacity:0.6}.sr-only{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){.loading-overlay{transition:none}}.cell-text-wrapper{overflow:hidden}.cell-text-wrapper>ic-typography{margin-left:2px}.cell-text-no-wrap{word-wrap:initial}.cell-container-with-description{display:flex;flex-direction:row}.cell-description{display:flex;flex-direction:row;margin-top:var(--ic-space-xxs);word-break:break-all}.cell-description-text{color:var(--ic-data-table-cell-data-description)}.cell-description-icon{padding-right:var(--ic-space-xs)}.cell-description-icon>svg{height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs));display:flex}@media (min-width: 577px){.column-header-inner-container{display:flex;align-items:center}}@media (max-width: 577px){.cell-icon{flex-wrap:wrap}.cell-description-icon{padding-right:0}}@media (forced-colors: active){.icon,::slotted(svg),.cell-description-icon>svg{fill:currentcolor}.sort-button svg{color:currentcolor}.table-row-selected{background-color:Highlight !important}}";
 var IcDataTableStyle0 = icDataTableCss;
 
 /**
@@ -6645,6 +6647,8 @@ class DataTable {
         this.icRowHeightChange = createEvent(this, "icRowHeightChange", 7);
         this.icSelectAllRows = createEvent(this, "icSelectAllRows", 7);
         this.icSelectedRowChange = createEvent(this, "icSelectedRowChange", 7);
+        this.icColumnsLoaded = createEvent(this, "icColumnsLoaded", 7);
+        this.icDataLoaded = createEvent(this, "icDataLoaded", 7);
         this.icSortChange = createEvent(this, "icSortChange", 7);
         this.DENSITY_HEIGHT_MULTIPLIER = {
             dense: 0.8,
@@ -6670,6 +6674,7 @@ class DataTable {
         this.TEXT_WRAP_STRING = "text-wrap";
         this.TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;
         this.dataUpdated = false;
+        this.columnsUpdated = false;
         this.rowHeightSet = false;
         this.initialLoad = false;
         this.icPageChangeEvent = false;
@@ -6813,6 +6818,10 @@ class DataTable {
                 }
             }
         };
+        this.handleResize = () => {
+            this.updateCellHeightsWithDescriptions();
+            this.fixCellSelect();
+        };
         this.getRowHeight = (cellContainer) => parseInt(getComputedStyle(document.documentElement).fontSize) *
             parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING) || "");
         this.truncateUpdatedData = () => {
@@ -7151,7 +7160,8 @@ class DataTable {
         };
         this.createUpdatingIndicator = () => {
             const { description, max, min, progress, monochrome } = this.updatingOptions || {};
-            return (hAsync("th", { colSpan: this.columns.length + (this.rowSelection && this.data ? 1 : 0), class: "updating-state" }, hAsync("ic-loading-indicator", { theme: this.theme, monochrome: monochrome, description: description || "Updating table data", fullWidth: true, max: max, min: min, progress: progress, type: "linear", size: "small" })));
+            const visibleColumnCount = this.columns.filter((col) => col.hidden !== true).length;
+            return (hAsync("th", { colSpan: visibleColumnCount + (this.rowSelection && this.data ? 1 : 0), class: "updating-state" }, hAsync("ic-loading-indicator", { theme: this.theme, monochrome: monochrome, description: description || "Updating table data", fullWidth: true, max: max, min: min, progress: progress, type: "linear", size: "small" })));
         };
         this.setRowHeight = (height) => pxToRem(`${height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -
             this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);
@@ -7247,43 +7257,42 @@ class DataTable {
             const currentRowHeight = variableRowHeightVal
                 ? variableRowHeightVal !== "auto" && variableRowHeightVal
                 : this.globalRowHeight !== "auto" && this.globalRowHeight;
-            return this.columns.map((columnName, index) => {
+            return this.columns.map((column, index) => {
                 var _a, _b, _c, _d;
-                const cell = this.getObjectValue(row, columnName["key"]);
-                const columnProps = this.columns[index];
-                const cellSlotName = `${columnProps === null || columnProps === void 0 ? void 0 : columnProps.key}-${rowIndex}`;
-                const hasIcon = this.isObject(cell) && Object.keys(cell).includes("icon");
-                const cellValue = (key) => this.getObjectValue(cell, key);
-                if (rowKeys[index] === "header") {
-                    return (hAsync("th", { scope: "row", colSpan: cellValue("colspan"), class: {
-                            ["row-header"]: true,
-                            [`row-header-alignment-${cellValue("cellAlignment")}`]: !!cellValue("cellAlignment"),
-                            ["row-header-sticky"]: this.stickyRowHeaders,
-                        } }, cellValue("title")));
-                }
-                const CellContent = this.createCellContent(columnProps, cell, cellSlotName, rowOptions, hasIcon, cellValue, rowEmphasis, currentRowHeight || undefined);
-                if (rowKeys[index] !== "rowOptions") {
-                    return (hAsync("td", { class: {
-                            ["table-cell"]: true,
-                            [`table-density-${this.density}`]: this.notDefaultDensity(),
-                            ["with-overflow"]: (columnProps === null || columnProps === void 0 ? void 0 : columnProps.dataType) === "element",
-                            [`cell-vertical-align-${((_a = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
-                                ((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
-                                rowAlignment ||
-                                this.getCellAlignment(cell, "vertical")}`]: !!((_c = columnProps === null || columnProps === void 0 ? void 0 : columnProps.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
-                                !!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
-                                !!rowAlignment ||
-                                !!this.getCellAlignment(cell, "vertical"),
-                        }, style: Object.assign({}, this.getColumnWidth(columnProps.columnWidth)) }, this.isObject(cell) &&
-                        Object.keys(cell).includes("actionElement") ? (hAsync("div", { class: "cell-grid-wrapper" }, CellContent, hAsync("span", { class: "action-element", innerHTML: cellValue("actionElement"),
-                        // eslint-disable-next-line react/jsx-no-bind
-                        onClick: cell.actionOnClick
-                            ? (event) => this.handleClick(event, cell.actionOnClick)
-                            : undefined }))) : (CellContent)));
+                if (column.hidden !== true) {
+                    const cell = this.getObjectValue(row, column["key"]);
+                    const cellValue = (key) => this.getObjectValue(cell, key);
+                    if (rowKeys[index] === "header") {
+                        return (hAsync("th", { scope: "row", colSpan: cellValue("colspan"), class: {
+                                ["row-header"]: true,
+                                [`row-header-alignment-${cellValue("cellAlignment")}`]: !!cellValue("cellAlignment"),
+                                ["row-header-sticky"]: this.stickyRowHeaders,
+                            } }, cellValue("title")));
+                    }
+                    const CellContent = this.createCellContent(column, cell, `${column === null || column === void 0 ? void 0 : column.key}-${rowIndex}`, rowOptions, this.isObject(cell) && Object.keys(cell).includes("icon"), cellValue, rowEmphasis, currentRowHeight || undefined);
+                    if (rowKeys[index] !== "rowOptions") {
+                        return (hAsync("td", { class: {
+                                ["table-cell"]: true,
+                                [`table-density-${this.density}`]: this.notDefaultDensity(),
+                                ["with-overflow"]: (column === null || column === void 0 ? void 0 : column.dataType) === "element",
+                                [`cell-vertical-align-${((_a = column === null || column === void 0 ? void 0 : column.columnAlignment) === null || _a === void 0 ? void 0 : _a.vertical) ||
+                                    ((_b = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _b === void 0 ? void 0 : _b.vertical) ||
+                                    rowAlignment ||
+                                    this.getCellAlignment(cell, "vertical")}`]: !!((_c = column === null || column === void 0 ? void 0 : column.columnAlignment) === null || _c === void 0 ? void 0 : _c.vertical) ||
+                                    !!((_d = rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.rowAlignment) === null || _d === void 0 ? void 0 : _d.vertical) ||
+                                    !!rowAlignment ||
+                                    !!this.getCellAlignment(cell, "vertical"),
+                            }, style: Object.assign({}, this.getColumnWidth(column.columnWidth)) }, this.isObject(cell) &&
+                            Object.keys(cell).includes("actionElement") ? (hAsync("div", { class: "cell-grid-wrapper" }, CellContent, hAsync("span", { class: "action-element", innerHTML: cellValue("actionElement"),
+                            // eslint-disable-next-line react/jsx-no-bind
+                            onClick: cell.actionOnClick
+                                ? (event) => this.handleClick(event, cell.actionOnClick)
+                                : undefined }))) : (CellContent)));
+                    }
                 }
             });
         };
-        this.createColumnHeaders = () => (this.columns || []).map(({ cellAlignment, colspan, icon, key, title, columnWidth, excludeColumnFromSort, }, index) => (hAsync("th", { scope: "col", class: {
+        this.createColumnHeaders = () => (this.columns || []).map(({ cellAlignment, colspan, icon, key, title, columnWidth, excludeColumnFromSort, hidden, }, index) => hidden !== true && (hAsync("th", { scope: "col", class: {
                 ["column-header"]: true,
                 [`table-density-${this.density}`]: this.notDefaultDensity(),
                 ["updating-state-headers"]: this.updating && !this.loading,
@@ -7298,7 +7307,7 @@ class DataTable {
             } }, title))) : (hAsync("ic-typography", { variant: "body", class: {
                 ["column-header-text"]: true,
                 [`text-${this.density}`]: this.notDefaultDensity(),
-            } }, title)), this.sortable && !excludeColumnFromSort && (hAsync("ic-button", { variant: "icon", id: `sort-button-${key}`, "aria-label": this.getSortButtonLabel(key),
+            } }, title)), this.sortable && !excludeColumnFromSort && (hAsync("ic-button", { variant: "icon-tertiary", id: `sort-button-${key}`, "aria-label": this.getSortButtonLabel(key),
             // eslint-disable-next-line react/jsx-no-bind
             onClick: () => this.sortRows(key), innerHTML: this.SORT_ICONS[this.sortedColumn === key
                 ? this.sortedColumnOrder
@@ -7330,7 +7339,7 @@ class DataTable {
             this.icSelectAllRows.emit(this.selectedRows);
         };
         this.createRows = () => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const data = this.showPagination
                 ? (_a = this.data) === null || _a === void 0 ? void 0 : _a.slice(this.fromRow, this.toRow)
                 : (_b = this.data) === null || _b === void 0 ? void 0 : _b.slice();
@@ -7354,9 +7363,12 @@ class DataTable {
                     ? addDataToPosition(row, slottedColumns, "")
                     : row;
             });
-            return (_c = this.organisedData) === null || _c === void 0 ? void 0 : _c.sort(!this.sortable || this.disableAutoSort
-                ? undefined
-                : this.getSortFunction()).map((row, index) => {
+            return (_c = this.organisedData) === null || _c === void 0 ? void 0 : _c.sort(this.sortable &&
+                !this.disableAutoSort &&
+                this.sortedColumn &&
+                !((_d = this.columns.find((col) => col.key === this.sortedColumn)) === null || _d === void 0 ? void 0 : _d.disableAutoSort)
+                ? this.getSortFunction()
+                : undefined).map((row, index) => {
                 const isRowSelected = this.rowSelection && this.selectedRows.includes(row);
                 const cellIndex = index + paginationOffset;
                 return (hAsync("tr", { class: {
@@ -7546,6 +7558,22 @@ class DataTable {
                 strategy: "fixed",
             });
         };
+        this.fixCellSelect = () => {
+            var _a, _b;
+            (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".data-type-element")) === null || _b === void 0 ? void 0 : _b.forEach((element) => {
+                const children = Array.from(element.children);
+                children === null || children === void 0 ? void 0 : children.forEach((el) => {
+                    var _a;
+                    if (el.tagName === "IC-SELECT") {
+                        const menu = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-menu");
+                        menu === null || menu === void 0 ? void 0 : menu.setExternalPopperProps({
+                            strategy: "fixed",
+                        });
+                        el.style.setProperty("--input-width", `${element.clientWidth}px`);
+                    }
+                });
+            });
+        };
         this.fixCellTooltips = () => {
             var _a, _b, _c, _d;
             (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".data-type-element")) === null || _b === void 0 ? void 0 : _b.forEach((element) => {
@@ -7616,10 +7644,14 @@ class DataTable {
             });
         }
     }
+    columnsChangeHandler() {
+        this.columnsUpdated = true;
+    }
     disconnectedCallback() {
         var _a, _b;
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
         (_b = this.headerResizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        window.removeEventListener("resize", this.handleResize);
     }
     componentWillLoad() {
         this.rowsPerPage = Number(this.paginationBarOptions.itemsPerPageOptions[0].value);
@@ -7671,7 +7703,10 @@ class DataTable {
         if (this.globalRowHeight !== "auto") {
             this.updateSetRowHeight();
         }
-        window.addEventListener("resize", this.updateCellHeightsWithDescriptions);
+        window.addEventListener("resize", this.handleResize);
+        this.icColumnsLoaded.emit();
+        if (this.data && !this.loading && !this.updating)
+            this.icDataLoaded.emit();
     }
     componentDidUpdate() {
         // truncation updates invoked here once new/updated data has
@@ -7700,9 +7735,18 @@ class DataTable {
                 this.truncatePatternUpdated();
             }
         }
+        if (this.columnsUpdated) {
+            this.icColumnsLoaded.emit();
+            this.columnsUpdated = false;
+        }
+        if (this.dataUpdated && !this.loading && !this.updating) {
+            this.icDataLoaded.emit();
+            this.dataUpdated = false;
+        }
     }
     componentDidRender() {
         this.fixCellTooltips();
+        this.fixCellSelect();
         this.updateCellHeightsWithDescriptions();
         this.adjustWidthForActionElement();
     }
@@ -7922,22 +7966,22 @@ class DataTable {
                 ? "deselect all"
                 : "select all remaining"
             : "select all";
-        return (hAsync(Host, { key: '2b548f8d26428034d51e7475883d6e7b407f28ec', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '5663c5ce124cf6f67435a8d18ddda4bc63a88e4f', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: '1ea59340e9633ca9a2f6d9fdba53d734050ddf84', name: "title-bar" }), hAsync("div", { key: 'f2aef7502ca0c4124bf70b0fb4173e29b892004b', class: {
+        return (hAsync(Host, { key: '3052bc97a810739103b780229d462a9ba1d63ea5', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '4ffa82385024818947871897ce977fe95bce8a9d', class: "table-container" }, isSlotUsed(this.el, "title-bar") && hAsync("slot", { key: '91985d43c24fd4bbc76ccf96a67a1fa19ce70461', name: "title-bar" }), hAsync("div", { key: '34c7cd54e7e1d91c1fc7a2ce9b4802b9746a82bf', class: {
                 ["table-row-container"]: true,
                 scrollable,
-            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: '061ab3f20e857b05a4cd668656b0a730f1d0645a', style: {
+            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, hAsync("table", { key: '93ef0fbb09a56f3890fa23d5a0dc276af9ad4dda', style: {
                 "--table-layout": tableLayout,
-            } }, hAsync("caption", { key: '727550fa24947c102cd231b1a4e262ffcba6e3b3', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: 'c07fa1fddf4fa8364c52444a3cc8df0d1bdaabaf', class: {
+            } }, hAsync("caption", { key: '6add0ea2caa1c21a5625a34145d70fc6228e324c', class: "table-caption" }, caption), !hideColumnHeaders && (hAsync("thead", { key: 'de60c4fd48671d474244ff05316deedd44f98fb2', class: {
                 ["column-header-sticky"]: stickyColumnHeaders,
                 ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
-            } }, hAsync("tr", { key: '01735185f99abdd22a71edcaf944642d6e2c45de' }, rowSelection && data && (hAsync("th", { key: '40c7157f3f3e45b6e9a9a0dfc65e2374526e150d', class: {
+            } }, hAsync("tr", { key: 'c7083cfce06a32d81e351b68d2cb722a79f29d7d' }, rowSelection && data && (hAsync("th", { key: '736708f68f9736806fa680c9abba7ff82bdb5798', class: {
                 "column-header": true,
                 "checkbox-cell": true,
                 "updating-state-headers": updating && !loading,
                 [`table-density-${density}`]: this.notDefaultDensity(),
-            } }, hAsync("div", { key: '8d53b98f553294d9b2b9483f4ed001da905fcff4', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: 'b08cd440baff49256037e3ca3d27059a64c19d98', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
+            } }, hAsync("div", { key: '46f06aa00589a14972aee324293b8d3c6695f232', class: "checkbox-wrapper" }, hAsync("ic-checkbox", { key: 'a39b7d79439620a8d895837043530a3436837d18', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
             !loading &&
-            (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: '8ddc07463825ac2c637cf7f413840acc2662d2c2', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: 'd619ff136af4258047c21f7ea83ad8dd9ec77873', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: 'f0a61b27a9e5dda26ed7c7ad0b4b7cadb0d910d7', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
+            (hideColumnHeaders ? (hAsync("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), hAsync("div", { key: 'ca4c4e8ff912756de23061b17d2dc29511a39a81', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (hAsync("div", { key: '43601b607b4a32605f3a946b33746c47152fefa7', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (hAsync("slot", { name: "pagination-bar" })) : (hAsync("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (hAsync("div", { key: '69a5c565f55d1d149bad3d2172008dee7d0e8643', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
             ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
                 sortedColumn} sorted ${sortedColumnOrder}`
             : "table unsorted")))));
@@ -7945,6 +7989,7 @@ class DataTable {
     get el() { return getElement(this); }
     static get watchers() { return {
         "columnHeaderTruncation": ["headerTruncationChangeHandler"],
+        "columns": ["columnsChangeHandler"],
         "loading": ["loadingHandler"],
         "truncationPattern": ["truncationPatternHandler"],
         "data": ["dataHandler"],
@@ -8176,6 +8221,9 @@ const icDateInputCss = "/*! normalize.css v8.0.1 | MIT License | github.com/neco
 var IcDateInputStyle0 = icDateInputCss;
 
 let inputIds$4 = 0;
+/**
+ * @slot helper-text - Content is set as the helper text for the date input.
+ */
 class DateInput {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -8770,7 +8818,7 @@ class DateInput {
             }
             const hasValidation = !isEmptyString(this.validationStatus) ||
                 !isEmptyString(this.invalidDateText);
-            const labelledBy = `${(_c = labelEl === null || labelEl === void 0 ? void 0 : labelEl.id) !== null && _c !== void 0 ? _c : ""} ${this.screenReaderInfoId} ${getInputDescribedByText(this.inputId, this.helperText !== "" && this.helperText !== this.defaultHelperText, hasValidation)} ${this.selectedDate ? this.selectedDateInfoId : ""} ${this.assistiveHintId}`;
+            const labelledBy = `${(_c = labelEl === null || labelEl === void 0 ? void 0 : labelEl.id) !== null && _c !== void 0 ? _c : ""} ${this.screenReaderInfoId} ${getInputDescribedByText(this.el, this.inputId, this.helperText !== "" && this.helperText !== this.defaultHelperText, hasValidation)} ${this.selectedDate ? this.selectedDateInfoId : ""} ${this.assistiveHintId}`;
             this.inputCompContainerEl.setAttribute(this.ARIA_LABELLED_BY, labelledBy);
         };
         // Sets boolean for each input, used to limit the number of characters within each field (2 for day / month, 4 for year)
@@ -9330,15 +9378,15 @@ class DateInput {
                 : "";
         const assistiveHint = `Type or use the up and down arrow keys to change the values for the ${this.getDescOfInputsOrder()}.`;
         renderHiddenInput(true, this.el, this.name, this.convertToDate(this.year, this.month, this.day), this.disabled);
-        return (hAsync(Host, { key: '5e9f71b2a1c5dbc55f615ea389121c300ed68fd4', class: {
+        return (hAsync(Host, { key: '122e391feab061910df84e3d56e68fbc7f156200', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-date-input-disabled`]: disabled,
-            }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: '64fe93a68d17f2b84e296efb2d9602876628d972', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: '69bb1722d84504483a7691fe713c86639025765f', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled })), hAsync("span", { key: '3ef289406284d077b47db67d8b5d45919fdaad0e', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '20222a2534cf00d15fe40610412babb302fc0e7a', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: '5d4346a0fec1b1ee9d22057b7f2f1aa3b98f9693', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: '1a2adcdeaf2e5cb437f77dd76054dcd872937bfc', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: 'ad5c42cec33b39329bde1975b094f3f13e974191', class: "input-container" }, hAsync("div", { key: '5bc9b871e605562b50306d5bb6bcc078892bafc5', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: '6efb1d64b2eeab1c3da78d1e0b95f3df987fedcc', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: '39a73d58a6814d3fac7425050291e3f2f821cd72', id: "clear-button", "aria-label": "Clear input", class: {
+            }, onBlur: this.handleHostBlur, onFocus: this.handleHostFocus }, hAsync("ic-input-container", { key: 'dcff982602fe698e1742385e39989ff411e47d32', disabled: disabled }, !(hideLabel && hideHelperText) && (hAsync("ic-input-label", { key: 'a45ed09d0ed10cb8324ee792be68a722979d5b58', for: inputId, label: label, hideLabel: hideLabel, helperText: !hideHelperText ? helperText : "", disabled: disabled }, hAsync("slot", { key: 'd0d6058f9871862bbdf4b2bff96f47ce8a69ca37', name: "helper-text", slot: "helper-text" }))), hAsync("span", { key: 'de33a32a5fac94049cf18bd93d74153251947543', id: this.screenReaderInfoId, class: "sr-only", "aria-hidden": "true" }, this.getScreenReaderInfo(validationStatus), hideLabel && `${label}\n`, hideHelperText && `${helperText}\n`, `${this.defaultHelperText}.`), hAsync("span", { key: '9ab60d6b4abbbb6e7a132445e54e455fd4445de3', id: this.assistiveHintId, class: "sr-only", "aria-hidden": "true" }, assistiveHint), hAsync("span", { key: 'e71fe1384621212178ac42e05d8f21c1c4687c05', id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("ic-input-component-container", { key: '9efc7dff02c1ff4064933d9ef5638e33e59ff0be', id: inputId, ref: (el) => (this.inputCompContainerEl = el), disabled: disabled, validationStatus: validationStatus, size: size, role: "group", class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, hAsync("div", { key: '56e55cbc0002c8ea6daeb5d6d5084e69ace6993e', class: "input-container" }, hAsync("div", { key: '7afd9c5aee209c9abc19a54c90d5d40693a7af24', class: "date-inputs" }, this.getInputsInOrder()[0], "/", this.getInputsInOrder()[1], "/", this.getInputsInOrder()[2]), hAsync("div", { key: 'ae899b397150f56bd30720d6d6b108093aed8b83', class: "action-buttons" }, showClearButton && (hAsync("ic-button", { key: 'd28dbe1a6aae23cf51bc0312258d54566367e581', id: "clear-button", "aria-label": "Clear input", class: {
                 ["clear-button"]: true,
                 ["hidden"]: isEmptyString(this.day) &&
                     isEmptyString(this.month) &&
                     isEmptyString(this.year),
-            }, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (hAsync("div", { key: '6d05e11943d6bd56f9dd6d20b8306a45062ac3f2', class: "show-calendar-button-wrapper" }, hAsync("div", { key: 'c04cdf2665700c19fdc323bf92435d2b0d710016', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: '1a88f2b979c6c1569bb5bff797ea28e86526ff69', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), hAsync("span", { key: '49dc06b59b4ecbee2899842a1dc63d5bbde70cc3', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: 'bd2d89299077ceaf51b03fc5f22e6d0ff2f1550a', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), (hasCustomValidation || !isEmptyString(this.invalidDateText)) && (hAsync("ic-input-validation", { key: 'd1502e42604239e61c7ec08840c258d2ea4d07e8', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId })))));
+            }, disabled: this.disabled, innerHTML: Clear$1, onClick: this.handleClear, onFocus: this.handleClearFocus, onBlur: this.handleClearBlur, variant: "icon-tertiary", theme: this.clearButtonFocused ? "light" : "dark", size: size })), showCalendarButton && (hAsync("div", { key: 'a4c5ddcc71056d5454384a3aa6b9f4edbbcd1a2e', class: "show-calendar-button-wrapper" }, hAsync("div", { key: '442197fbb8aec87289ea252b816f6a80fab68dd2', class: { divider: true, [size]: true } }), hAsync("ic-button", { key: '147f456ff93202de5f345cf2fa23786386cf2533', id: "calendar-button", ref: (el) => (this.calendarButtonEl = el), "aria-label": "Display calendar", "aria-haspopup": "dialog", class: "calendar-button", disabled: this.disabled, innerHTML: Calendar, onClick: this.handleCalendarOpen, variant: "icon-tertiary", size: size, onFocus: this.handleCalendarFocus, onBlur: this.handleCalendarBlur, theme: this.calendarFocused ? "light" : "dark" })))))), hAsync("span", { key: 'cd12572ae2da8bf31fe6c2671f1aca5456390ff3', id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { key: '0dd0865f5286c64ee26e6f4970c467b3bdec8785', ref: (el) => (this.selectedDateInfoEl = el), role: "status" })), (hasCustomValidation || !isEmptyString(this.invalidDateText)) && (hAsync("ic-input-validation", { key: '5ed738cc050d45d273825ddbe48fa724621cb931', status: validationStatus, message: hasCustomValidation ? this.validationText : this.invalidDateText, for: inputId })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -9527,6 +9575,9 @@ const FOCUS_TIMER = 100;
 const PICKER_HEIGHT_SMALL = 360;
 const PICKER_HEIGHT_DEFAULT = 400;
 const PICKER_HEIGHT_LARGE = 440;
+/**
+ * @slot helper-text - Content is set as the helper text for the date picker.
+ */
 class DatePicker {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -10511,33 +10562,33 @@ class DatePicker {
             yesterday.setDate(minDate.getDate() - 1);
             minDay = yesterday;
         }
-        return (hAsync(Host, { key: 'cc90bc5878c0b27ef385c662cbe9e294af725f7d', onKeyDown: this.keyDownHandler, class: {
+        return (hAsync(Host, { key: 'f3e096ad765455113084b5c26571383bda7d3d75', onKeyDown: this.keyDownHandler, class: {
                 [`ic-date-picker-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '65d2149e34caf284fa187c3b2dd8ed21d6bb5a44', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: '2ae06cec893443c8a300a0faa3bec5c7b9b4a652', ref: (el) => (this.inputEl = el) }, dateInputProps))), calendarOpen && (hAsync("div", { key: '81bf1e0fc12cc1180e5dee420e6792be18860789' }, hAsync("span", { key: '12198d7c301931a0d1dc046e57e736ad872362bd', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: '1738f61431f776ba6e0377dd657cc3085d111db6', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
+            } }, hAsync("div", { key: 'db290c92bf7a22901f7888693fdd4a501b75da0f', class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ key: '1f2b3537e582d1abb5370e4b73f7d6e4bfb7ff6c', ref: (el) => (this.inputEl = el) }, dateInputProps), hAsync("slot", { key: 'e1bd896a33c3fe7468287e19c3959809d2e12831', name: "helper-text", slot: "helper-text" }))), calendarOpen && (hAsync("div", { key: '3e15ffe8f4e3859197f212c232641e48ed9977fa' }, hAsync("span", { key: '5840a049f8f278395fc09a9ed4d63ac00a1dc00e', id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { key: '4c0dcd3ba00e077ccc7feee92389cc1b6ab33e7e', role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
                 "calendar-container": true,
                 above: this.showPickerAbove,
-            }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '210fa127f438a467e7fe89c5a6e900cd4d69ec2a', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: '500e2e2dbd101bb0f770d4ba8cd793dc9c4ebb57', class: {
+            }, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { key: '5b273eb2c9651d28343c6626c1493858c87c35ec', ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { key: '1b8699fbe3f8de8b321f9bf2d84b26eee18b949a', class: {
                 "month-year-nav-container": true,
-            } }, hAsync("div", { key: '36ce54eee3ff375aa188e8ebccb56e767d43a64f', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: 'e5ff7fe31f7b7ead833a4b46430ee59688516b1d', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: '8ac0849ffda32901e0877c3c2c99badc1c73eaf6', ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { key: '832776e6191be307b0da81a8443f21ab799e5a56', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: '46cdeb8c52e33b5b3b520ef225887a42fc1bf058', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: 'f44e816f812ba381360493b3720aebef8a29aac1', ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { key: '6467d4df41dd58ff2b1578bcdbfec543e1b97e79', class: {
+            } }, hAsync("div", { key: 'f5390a3d685bc75bc220b5e6c25634301b3b3001', class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { key: '23323f66c1fa8a68019f1c4dc7341d8e6d672adc', id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { key: '1f6d75f9f18eee7acbb59359dab51eecb0051415', ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { key: '42a149729b419b69e976896a097bedd040879a09', class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { key: 'f94101cb4e146f26822856a009f9238109d8f9ce', id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { key: 'f1edef2db467cabec041e67c72920ce07ef30738', ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { key: '30d7102d463465b51cce6087f9a89d4875d121fc', class: {
                 calendar: true,
                 hidden: monthPickerVisible || yearPickerVisible,
-            }, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: 'b2852f026f9f5a10d53a82062e194d128bb19ba4', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
+            }, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { key: '4b4bfc6e263a68db7706310b87b0176b67652bbe', class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
             const header = size === "small" ? dayName.charAt(0) : dayName;
             return (hAsync("div", { class: "calendar-day-header" }, hAsync("ic-typography", { variant: "caption" }, header)));
-        })), hAsync("div", { key: '7213ab26144c1cade134c5acec0c261631772631', class: "calendar-days-container" }, this.currMonthView.map((day) => {
+        })), hAsync("div", { key: '57ceb661dd3a493e49f7eea698c04125d81460d6', class: "calendar-days-container" }, this.currMonthView.map((day) => {
             var _a;
             return (hAsync(DayButton, { day: day, disableDay: (_a = this.disableDays) === null || _a === void 0 ? void 0 : _a.includes(Number(day.getDay())), today: dateMatches(day, this.today), selected: dateMatches(day, this.selectedDate), focussed: dateMatches(day, this.focussedDate), inRange: dateInRange(day, minDay, maxDate), monthInView: monthInView, onSelectDay: this.handleSelectDay, focussedDayRef: this.setFocussedDayEl, onFocusDay: this.onDayButtonFocusHandler, onBlurDay: this.onDayButtonBlurHandler, showDaysOutsideMonth: this.showDaysOutsideMonth }));
-        })))), hAsync("div", { key: '49df75ac411965cac3efc5a9f5c8345f931d60f9', class: {
+        })))), hAsync("div", { key: 'da06f9d055aa5e45a05e56171122ae63be7fc129', class: {
                 "month-picker-container": true,
                 hidden: !monthPickerVisible,
-            } }, monthPickerVisible && (hAsync(MonthPicker, { key: '97a612ef85dec4982ae6a5f48ca7ef48d6ce83ab', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: '0780257482c6fa52e35b4a21c40ce4418d94ca1b', class: {
+            } }, monthPickerVisible && (hAsync(MonthPicker, { key: 'af37ea4853db314da047c8d8156564897898cf5f', size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { key: '8d57c717c9e693ea67b41d08a990a898adeec130', class: {
                 "year-picker-container": true,
                 hidden: !yearPickerVisible,
-            } }, yearPickerVisible && (hAsync(YearPicker, { key: '0b0933ec68d70ec042c2896820b2fc8a44394886', decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { key: '668baa66a596cfffae88374648d99e3ab57606fa', class: {
+            } }, yearPickerVisible && (hAsync(YearPicker, { key: '71b214123bd08a4808f25eae9e3e90ad82d56460', decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { key: '9d6cd8b19f7adf76c8f5249e985cdcdb8dd1f0ca', class: {
                 "bottom-buttons": true,
                 "no-today": !showPickerTodayButton,
-            } }, showPickerTodayButton && (hAsync("ic-button", { key: 'cc8b644d97f9f11fccca0e3c2c4cb577863aa70b', id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { key: 'e4e1f2a4e67d7a4acb0d18765ba02ea6f57b5557', id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
+            } }, showPickerTodayButton && (hAsync("ic-button", { key: '75ab2fd1ce1d41d805e4082fe5d8e215782b59b4', id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { key: '5a60dca9237999a2ecbaaad8c254527178bfc94c', id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
                 this.value === null ||
                 this.value === undefined }, "Clear"))))))));
     }
@@ -10958,7 +11009,7 @@ class Dialog {
     }
     render() {
         const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
-        return (hAsync(Host, { key: '87a6c4970c26fdc12f1aed7bc3bd95b4e2f21810', class: {
+        return (hAsync(Host, { key: 'e8517bd103f365705b664f80c494df70972dd9c4', class: {
                 "ic-dialog-hidden": !dialogRendered,
                 "ic-dialog-fade-in": fadeIn,
                 "disable-height-constraint": !!disableHeightConstraint,
@@ -11158,11 +11209,11 @@ class EmptyState {
     }
     render() {
         const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (hAsync(Host, { key: '995486bbd0f1f633fec42b3b01b13c4d8df5ea70', class: {
+        return (hAsync(Host, { key: '1742fa428f2c887fd9b0a200fa5f4040c3ceedf3', class: {
                 [`ic-empty-state-${aligned}`]: true,
                 [`image-${imageSize}`]: isSlotUsed$1(this.el, "image"),
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, isSlotUsed$1(this.el, "image") && hAsync("slot", { key: 'd8fc4fccad70f8c76f3d2f3684d941369c005418', name: "image" }), hAsync("div", { key: '29923eb7b5f47ba5d6bfac9864f69c3a0b233fc9' }, hAsync("slot", { key: '89ec9f7dde4c6e726840ba32e3b93374d28ad1d1', name: "heading" }, hAsync("ic-typography", { key: 'a7bd4e5f9c7ad89032039b41c72a8a3ac44ee0c4', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: 'b23c53436c1ca4c5c5c4e38c59bd2112f17496fe', name: "subheading" }, hAsync("ic-typography", { key: 'da22a6520f4a9de48708f82ea3a9bde7e978e06a', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'f86fc11ab34c45122ff6a24ad13a57f8ed925865', name: "body" }, hAsync("ic-typography", { key: 'd978a50aa34e841b0d7726fa8b0d808734e00ffc', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: 'bb3d3484cbe367efea17a3809a50a3089a135251', class: "action-area" }, hAsync("slot", { key: 'edb8ba0fc8813c0dd21f993e43fa788a9eb8074e', name: "actions" })))));
+            } }, isSlotUsed$1(this.el, "image") && hAsync("slot", { key: '781c3afcd34547dba24bdc777fed7b704d2d27ad', name: "image" }), hAsync("div", { key: 'a8eb38fb47f8e03d3654cc3f26d12ff1369a52ff' }, hAsync("slot", { key: '4375bf33214131da721591bfbea44d03514b9836', name: "heading" }, hAsync("ic-typography", { key: 'd83b8868e417e55a574716e380be3e99ea2f3aa3', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '79d4fe82562ba2d44ffa5a693a3e9d5743984bbd', name: "subheading" }, hAsync("ic-typography", { key: 'ffd4e8d460b03c3b90b477c0d2f420492a337165', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: '166e1b63631dc5f6a5ada15867fae52442c18e14', name: "body" }, hAsync("ic-typography", { key: 'f63a9ec68fe53dadddd3cb26ffe6478164caf3af', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: 'ccf0fe966f7a2c6f5225005d5bd4266523bf5267', class: "action-area" }, hAsync("slot", { key: 'f9f8f74c450aed47b1e8f0467e290714237251b0', name: "actions" })))));
     }
     get el() { return getElement(this); }
     static get style() { return IcEmptyStateStyle0; }
@@ -11355,12 +11406,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: 'e76ea1dcfe97acba7db979b8ac64101c1701dbca', class: {
+        return (hAsync(Host, { key: 'da292a4ecbb670fb85eddac93d4e8743a7f7a5a3', 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: '251207e62b8812870a36eb4e7b7aa9307c78668c', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '3a073f12607a730a032665e55088da56cccf8c42' }))));
+            }, role: "listitem" }, hAsync("ic-link", { key: 'ba008bce21d6a1a062d69515578c158908c4f413', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '45d18d8d1009b438338c2153a2b59c88d6f3c320' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -11535,18 +11586,18 @@ class Hero {
                 "background-position": scrollFactor,
             };
         }
-        return (hAsync(Host, { key: '3231afd5fd4dce03033cff51bf51071ca4fd5047', class: {
+        return (hAsync(Host, { key: '4c88b4471d3485baff1f6c55f859639feb3166d8', class: {
                 [`ic-hero-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["has-right-content"]: this.rightContent,
                 ["ic-hero-small"]: size === "small",
                 ["secondary-heading"]: !!secondaryHeading,
-            }, style: style }, hAsync("ic-section-container", { key: '70ba24542ed24d67f517c35b35dc68e3cc1d0599', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '24161f2fc3452af40ae1ef17122f3c2813f9dc9f', class: {
+            }, style: style }, hAsync("ic-section-container", { key: 'b68716e353d9b2767dc16a5f701e3cdcbd32c748', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '6dd6f422c0bd36725be4b41b42633aeebfa1911d', class: {
                 ["left-container"]: true,
                 ["left-container-full-width"]: this.leftContentFullWidth,
-            } }, hAsync("div", { key: 'ee424e3053f730be7dcca29df72e28101923fa98', class: "heading" }, hAsync("slot", { key: 'c235855cf4509ad184a250783ad26ab5b1e8b2bf', name: "heading" }, hAsync("ic-typography", { key: '47c148b51800bb803609fc8b69698c20db1059a0', variant: size === "small" ? "h2" : "h1", class: {
+            } }, hAsync("div", { key: '54ffef99b79eef5eedbf1571bff89270982b5671', class: "heading" }, hAsync("slot", { key: '6b7f71caecbaa84d1a39295e100aedef32d1d522', name: "heading" }, hAsync("ic-typography", { key: '841b429a53b8b72dd60017cb2b2404b826f5bbe8', variant: size === "small" ? "h2" : "h1", class: {
                 ["heading-bottom-spacing"]: size !== "small",
-            } }, hAsync("h2", { key: '18daae7363614098996b603558e2c5adfdd53c51' }, heading)))), hAsync("div", { key: 'e085d77d98ed6e62b595412544e28f00b9259daa', class: "subheading" }, hAsync("slot", { key: '6a4642853376745f93a166a85820a4043fb58d13', name: "subheading" }, hAsync("ic-typography", { key: '64cddae668b40585dd0285959b0b6bbd3d50a59b', variant: "body" }, subheading))), hAsync("div", { key: '1601aeb153b5a46a9ebd767e0685976be84683ca', class: "interaction-container" }, hAsync("slot", { key: '7585fd3d34ef5e907617795419777dd2372b5e72', name: "interaction" }))), (isPropDefined$1(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '2e272e20bc9cc0cae93d96a6d9f714ab7b6b263b', class: "right-container" }, hAsync("slot", { key: '6d86d7dbb668b9f34b2a60bdb3f6d444149e52dc', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '97a5dd02c6ccbf08ba89dea069d0f67bd2272b16', class: "secondary-container" }, hAsync("div", { key: 'cb775d9ccc188403fc934923815cd35c6dd8be38', class: "secondary-heading" }, hAsync("ic-typography", { key: '08168a08c9c68b58a4e3cd6763a2e014ef2934da', variant: "h4" }, hAsync("h3", { key: 'f3936a5faf6183d305354ca99cdea8a413b315eb' }, secondaryHeading))), hAsync("div", { key: '99a4f800156a29430ac6b4b082a22e88671f91ab', class: "secondary-subheading" }, hAsync("ic-typography", { key: '947bf3d89afc359b2d596e20cf863659e14b8528', variant: "subtitle-small" }, secondarySubheading))))))))));
+            } }, hAsync("h2", { key: 'ee802d396bb8a5638f2ab8a62fddbf764436e20e' }, heading)))), hAsync("div", { key: '9a051783a24c9a92fc0aeff2db50689befe4834e', class: "subheading" }, hAsync("slot", { key: 'eb894eaeb4b4303be0caf090d85d487aa11284fb', name: "subheading" }, hAsync("ic-typography", { key: '92b4d9af6118e2ff9bf2b9166862067c610fffee', variant: "body" }, subheading))), hAsync("div", { key: 'cacf81a4666eba19211493914e9b1af466e61478', class: "interaction-container" }, hAsync("slot", { key: '982fb4b528bea4c486d9c0df2cf47fb3ace19414', name: "interaction" }))), (isPropDefined$1(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '32cd6196da302dd5d0896c90d53d1b35c060e31c', class: "right-container" }, hAsync("slot", { key: '655f0a9978d8402faab43e7e143987f2934255f6', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '94de7e79fd9122b4084b57bf0b5b0571d77e7adc', class: "secondary-container" }, hAsync("div", { key: 'afd414fd37f9b1c8fb6d9f2d7957314f35a1da40', class: "secondary-heading" }, hAsync("ic-typography", { key: 'd643e471ec716d3e6f33ec7761027323ca31bc8c', variant: "h4" }, hAsync("h3", { key: 'f6296bbd33d2ca70beb5100151cebfa8732206d0' }, secondaryHeading))), hAsync("div", { key: '0575ef33984c79674626d9f114ad90a3f973e63a', class: "secondary-subheading" }, hAsync("ic-typography", { key: '8045e445231e4cbbd07ad9fa21a7b6bbf5015eff', variant: "subtitle-small" }, secondarySubheading))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcHeroStyle0; }
@@ -11737,22 +11788,22 @@ class HorizontalScroll {
     }
     render() {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
-        return (hAsync(Host, { key: '263be65dcc0cb0a113e7dd92a8b12c440b9867ea', class: {
+        return (hAsync(Host, { key: '3c307f5bddcc7b6c8ab7764d08504585f61e203d', class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
                 ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum$1.Dark,
                 ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum$1.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '2250a0f96500b700454e012e2a918e2ace6a6f68', "aria-hidden": "true", class: {
+            } }, hAsync("div", { key: 'f4bda7e5c0108e986191cde56ef8e255a80b604f', "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: firstItemVisible,
-            }, role: "tab" }, hAsync("ic-button", { key: 'd55b6d37d7e9a9eea918def18aea64060db6c2ba', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("ic-button", { key: '5eb199e69ca500c8e84e9b79cec4a3448b604c39', 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: '14d21b70c82e36f64cf383dc8371227b3e504312', class: "scroll-splitter-left" })), hAsync("slot", { key: 'a40cc561072ffcb5aacb27b10b815ec92f3f7ded' }), hAsync("div", { key: '212d94aca6d135dfff9664e69ec9eab42ae7ca56', "aria-hidden": "true", class: {
+                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'c939c5db95cc4b61645045ef498cc9b80c4f3d69', class: "scroll-splitter-left" })), hAsync("slot", { key: '3ded812f11a7bbdc25157d840ee32f23ed58131b' }), hAsync("div", { key: 'e713490eb2995ff19ec70bf0a098193eaa9829a8', "aria-hidden": "true", class: {
                 ["scroll-container-right"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: lastItemVisible,
-            }, role: "tab" }, hAsync("span", { key: 'bd5e6c2dc94e2cebe6e9459de52e615982048a27', class: "scroll-splitter-right" }), hAsync("ic-button", { key: 'be8f57d173b04cca06d0654054bb3451a6f40c70', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("span", { key: 'a2427e872d8ab79ef0022ccb216238867e49065c', class: "scroll-splitter-right" }), hAsync("ic-button", { key: 'a58d98e7d695fe15e3c085f1bec0079045817b2d', 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 }))));
     }
@@ -11827,15 +11878,15 @@ class InputComponentContainer {
     }
     render() {
         const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (hAsync(Host, { key: '3349803b2fc3756e616a3e6e9f88439c3d360897', class: {
+        return (hAsync(Host, { key: 'fc70461ae7d3922f07aa5a85209e376d42bfc451', 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: 'bf85d48b1507e4c7d8394e067314e383e77ffb72', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '7660d9c72526a8bf34e88488884933cc7a5a96cd', class: "icon-container" }, hAsync("slot", { key: 'dc31f454f708ecbcf821cb94cf4d8b5b354d149f', name: "left-icon" }))), hAsync("slot", { key: '92265e4967394e33cdf8763bd8c8b433dbe0536e' }), validationInline &&
-            validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: 'ecefbb2eaf920a2300bb9a30e20c18a86754fba0', class: "inline-success", innerHTML: successIcon })))));
+            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '20934b81740e6c907bff86cc706d3aafe3a790df', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '3577416fc719a575372188c43a78ac945b1b1526', class: "icon-container" }, hAsync("slot", { key: '36ee3e5c85ec77c69f88c2b74d272bdb6ee42ca1', name: "left-icon" }))), hAsync("slot", { key: 'e0a79f50c8ba34c0d989e2402df8b00587c5878f' }), validationInline &&
+            validationStatus === IcInformationStatus$1.Success && (hAsync("span", { key: 'b156fb5bb6fcfec8c6dec6febdeea6d2adc7e009', class: "inline-success", innerHTML: successIcon })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11876,11 +11927,11 @@ class InputContainer {
         this.readonly = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b990f9f26644a727f8d0f086c88dfbb18528ca1a' }, hAsync("div", { key: '32d9cce26c3e720e2d3343dc03fc64cc9436621a', class: {
+        return (hAsync(Host, { key: '49cd31d8dca09cc4b2f49e0b2e7829bb1771a5d6' }, hAsync("div", { key: 'bb0e3a80161a86b40e0dc424264e71cf6c95c88a', class: {
                 ["component-container"]: true,
                 ["disabled"]: !!this.disabled,
                 ["readonly"]: !!this.readonly,
-            } }, hAsync("slot", { key: '65cfdbd533ceef8f6cfbdfa8df68789ae5f39804' }))));
+            } }, hAsync("slot", { key: '4916ff0aebd6632d6e6f5daaa3c318e1e696ff2f' }))));
     }
     static get style() { return IcInputContainerStyle0; }
     static get cmpMeta() { return {
@@ -11896,7 +11947,7 @@ class InputContainer {
     }; }
 }
 
-const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";
+const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext,ic-input-label .helpertext ::slotted(*){margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";
 var IcInputLabelStyle0 = icInputLabelCss;
 
 class InputLabel {
@@ -11930,6 +11981,25 @@ class InputLabel {
          * @internal If `true`, wraps label text in label tag
          */
         this.useLabelTag = true;
+        this.isHelperTextSlotUsed = (slot) => {
+            const assignedEls = slot === null || slot === void 0 ? void 0 : slot.assignedElements();
+            if (assignedEls && assignedEls.length) {
+                for (const el of assignedEls) {
+                    if (el.tagName === "SLOT") {
+                        // Recursion needed for when slot is forwarded multiple times - through child components
+                        // (e.g. in date picker)
+                        if (this.isHelperTextSlotUsed(el)) {
+                            return true;
+                        }
+                    }
+                    else {
+                        // Found an assigned element which is not a nested <slot>
+                        return true;
+                    }
+                }
+            }
+            return false;
+        };
     }
     componentDidLoad() {
         onComponentRequiredPropUndefined$1([{ prop: this.label, propName: "label" }], "Input Label");
@@ -11937,22 +12007,26 @@ class InputLabel {
     render() {
         const { disabled, readonly, label, required, helperText, status, hideLabel, useLabelTag, } = this;
         const labelText = required ? label + " *" : label;
-        return (hAsync(Host, { key: '5f5a9e086fe974f30c17fefc545d46bcff03aedd', class: {
+        const helperTextId = this.for && getInputHelperTextID$1(this.for);
+        const helperTextClass = {
+            helpertext: true,
+            "helpertext-normal": !disabled && !readonly,
+            "helpertext-readonly": readonly,
+        };
+        const helperTextSlot = this.el.querySelector("slot[name='helper-text']");
+        return (hAsync(Host, { key: 'f03d8032ac769d4ecea37fe7a60e9d5acea54cd9', class: {
                 "ic-input-label-disabled": !!disabled,
                 "ic-input-label-readonly": readonly,
-                "with-helper": helperText !== "",
-            } }, !hideLabel && (hAsync("ic-typography", { key: '6e6caa0f10a437753996c84a66b980582cddcc30', variant: "label", class: {
+                "with-helper": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== "",
+            } }, !hideLabel && (hAsync("ic-typography", { key: '7af61c1f2a1b9068fb9a9b649f60da1784207aa3', variant: "label", class: {
                 "readonly-label": readonly,
                 "error-label": status === "error" && !(readonly || disabled),
-            } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), helperText !== "" && (hAsync("ic-typography", { key: 'e6a04af0aa3d09deb034217dcb35b47836bf13f3', variant: "caption", class: {
-                helpertext: true,
-                "helpertext-normal": !disabled && !readonly,
-                "helpertext-readonly": readonly,
-            } }, hAsync("span", { key: '70cdef7f1ef75572ab4f9455e4b5b3401ce10950', id: this.for && getInputHelperTextID$1(this.for) }, helperText)))));
+            } }, 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))))));
     }
+    get el() { return getElement(this); }
     static get style() { return IcInputLabelStyle0; }
     static get cmpMeta() { return {
-        "$flags$": 0,
+        "$flags$": 4,
         "$tagName$": "ic-input-label",
         "$members$": {
             "disabled": [4],
@@ -12004,13 +12078,13 @@ class InputValidation {
     render() {
         const { ariaLiveMode, fullWidth, status, message } = this;
         const displayIcon = status !== "" ? icon[status] : "";
-        return (hAsync(Host, { key: '8d9f4b88cdd73d491aa836934b20855ac932c411', class: {
+        return (hAsync(Host, { key: '2ab746f75a46252bc0755dfd28220dbe555b93b3', class: {
                 [`ic-input-validation-${status}`]: status !== "",
                 "ic-input-validation-full-width": !!fullWidth,
-            } }, displayIcon !== "" && (hAsync("span", { key: '7d067283e8646242ac0bcd3dcb35a96f33d814b0', class: {
+            } }, displayIcon !== "" && (hAsync("span", { key: 'fc02067a0c0f1e9672e190f1bd30774cd2cfcfe0', class: {
                 "status-icon": true,
                 [`icon-${status}`]: true,
-            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: 'c34f1a34c9dc0da4bcb68f775611a7dfcfc6f407', variant: "caption", class: "statustext" }, hAsync("span", { key: 'a2e90e21fb834fea1b330c16606043afa1d42d01', "aria-live": ariaLiveMode, id: this.for && getInputValidationTextID$1(this.for) }, message)), hAsync("slot", { key: 'b5562931123e8b745535ae5042d6c7fe8a994717', name: "validation-message-adornment" })));
+            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: 'f8d3c1d9d7f30e232ebbc827033ad318485f7c98', variant: "caption", class: "statustext" }, hAsync("span", { key: '73b35c4a5c4dbe77fe4c71032020a0346e34fcfd', "aria-live": ariaLiveMode, id: this.for && getInputValidationTextID$1(this.for) }, message)), hAsync("slot", { key: '629f37113c9354db274019eadc9ae7140adf921a', name: "validation-message-adornment" })));
     }
     get el() { return getElement(this); }
     static get style() { return IcInputValidationStyle0; }
@@ -12119,7 +12193,7 @@ class Link {
     }
     render() {
         const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
-        return (hAsync(Host, { key: '363a33f7c903d0ab7d4b1e6c29a9ea87075dc01b', class: {
+        return (hAsync(Host, { key: '769bea68e79e8b28fb9c0ea007c24dd11968d332', class: {
                 ["ic-link"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-link-monochrome"]: !!monochrome,
@@ -12150,12 +12224,26 @@ class Link {
     }; }
 }
 
-const icLoadingIndicatorCss = "/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size=\"small\"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size=\"medium\"]){--circular-diameter:5rem}:host([size=\"large\"]){--circular-diameter:7.5rem}:host([size=\"icon\"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{height:100%;display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}";
+const icLoadingIndicatorCss = "/*! 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;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size=\"small\"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size=\"medium\"]){--circular-diameter:5rem}:host([size=\"large\"]){--circular-diameter:7.5rem}:host([size=\"icon\"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}";
 var IcLoadingIndicatorStyle0 = icLoadingIndicatorCss;
 
+const LOADING_INDICATOR_WIDTHS = {
+    large: 120,
+    medium: 80,
+    small: 40,
+    icon: 20,
+};
 class LoadingIndicator {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.labelList = [];
+        this.circularDiameter = 0;
+        this.circularLineWidth = 0;
+        this.circularDimensions = {
+            x: 0,
+            y: 0,
+            r: 0,
+        };
         this.clipInnerElement = false;
         /**
          * The description that will be set as the aria-label of the loading indicator when not using a visible label.
@@ -12187,190 +12275,169 @@ class LoadingIndicator {
          * The size of the loading indicator.
          */
         this.size = "medium";
-        /**
-         * The type of indicator, either linear or circular.
-         */
-        this.type = "circular";
         /**
          * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
         this.theme = "inherit";
-        this.updateCircularProgressMeter = () => {
-            if (!this.indeterminate && this.circularMeter) {
-                this.circularMeter.style.setProperty("--progress-value", String(this.progress));
+        /**
+         * The type of indicator, either linear or circular.
+         */
+        this.type = "circular";
+        this.getLabel = (labelIndex) => new Promise(() => {
+            this.interval = setInterval(() => {
+                if (labelIndex < this.labelList.length - 1) {
+                    labelIndex++;
+                }
+                else {
+                    labelIndex = 0;
+                }
+                this.indicatorLabel = this.labelList[labelIndex];
+            }, this.labelDuration);
+        });
+        this.getLabelVariant = () => {
+            const width = this.type === "circular" ? this.calculateWidth() : 0;
+            if (this.size === "small" || (width && width < 60)) {
+                return "label";
             }
+            else if (this.size === "large" || width >= 120) {
+                return "h2";
+            }
+            return "h4";
         };
-        this.getLabel = (labelIndex, setLabel) => {
-            return new Promise(() => {
-                this.interval = setInterval(() => {
-                    if (labelIndex < this.labelList.length - 1) {
-                        labelIndex++;
-                    }
-                    else {
-                        labelIndex = 0;
-                    }
-                    setLabel(this.labelList[labelIndex]);
-                }, this.labelDuration);
-            });
-        };
-        this.getLabelVariant = () => {
-            var _a;
-            let variant = "h4";
-            const width = (_a = this.outerElement) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-            if (this.size === "small" ||
-                (width && this.type === "circular" && width < 60)) {
-                variant = "label";
-            }
-            else if (this.size === "large" ||
-                (width && this.type === "circular" && width >= 120)) {
-                variant = "h2";
-            }
-            return variant;
-        };
-        // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property
-        this.setCircleLineWidth = () => {
-            const compactStepCircularLineWidth = this.el.classList.contains("compact-step-progress-indicator")
-                ? 40
-                : 0;
-            const toastDismissTimerCircularLineWidth = this.el.classList.contains("toast-dismiss-timer")
-                ? 20
-                : 0;
+        this.calculateWidth = () => {
+            var _a, _b, _c;
+            if ((_a = this.outerElement) === null || _a === void 0 ? void 0 : _a.offsetWidth)
+                return this.outerElement.offsetWidth;
             if (this.outerElement) {
-                const { offsetWidth: width } = this.outerElement;
-                if (width ||
-                    compactStepCircularLineWidth ||
-                    toastDismissTimerCircularLineWidth) {
-                    this.circularLineWidth =
-                        (compactStepCircularLineWidth ||
-                            toastDismissTimerCircularLineWidth ||
-                            width) * 0.1;
-                    this.circularDiameter =
-                        compactStepCircularLineWidth ||
-                            toastDismissTimerCircularLineWidth ||
-                            width;
-                    this.outerElement.style.setProperty("--circular-line-width", `${this.circularLineWidth}px`);
+                const { width } = window.getComputedStyle(this.outerElement);
+                if (width) {
+                    // Regex to check the units of the css string
+                    if (((_b = width.match(/\D+$/)) === null || _b === void 0 ? void 0 : _b[0]) !== "%")
+                        return parseFloat(width);
+                    const parentWidth = (_c = this.outerElement.parentElement) === null || _c === void 0 ? void 0 : _c.offsetWidth;
+                    if (parentWidth)
+                        return parentWidth * (parseFloat(width) / 100);
                 }
             }
+            return LOADING_INDICATOR_WIDTHS[this.size];
         };
         this.setLinearDeterminateWidth = () => {
-            const max = this.max;
-            const min = this.min;
-            if (!this.innerElement)
-                return;
             // Ensure progress cannot be out of bounds
-            if (this.progress) {
-                const progress = Math.min(max, Math.max(min, this.progress));
-                const proportion = (progress - min) / (max - min);
-                this.clipInnerElement = proportion > 0.5;
-                if (this.clipInnerElement) {
-                    this.innerElement.classList.remove("clip");
-                }
-                else {
-                    this.innerElement.classList.add("clip");
-                }
-                this.innerElement.style.setProperty("--linear-width", `${proportion * 100}%`);
+            if (!this.innerElement || !this.progress)
+                return;
+            const progress = Math.min(this.max, Math.max(this.min, this.progress));
+            const proportion = (progress - this.min) / (this.max - this.min);
+            this.clipInnerElement = proportion > 0.5;
+            if (this.clipInnerElement) {
+                this.innerElement.classList.remove("clip");
             }
-        };
-        this.calcOuterClass = () => {
-            let cls = `ic-loading-${this.type}-outer`;
-            cls += this.indeterminate ? " indeterminate" : " determinate";
-            return cls;
+            else {
+                this.innerElement.classList.add("clip");
+            }
+            this.innerElement.style.setProperty("--linear-width", `${proportion * 100}%`);
         };
         this.updateLabel = () => {
-            if (this.label !== undefined) {
-                if (typeof this.label === "string") {
-                    this.indicatorLabel = this.label;
-                }
-                else {
-                    this.labelList = this.label;
-                    const labelIndex = 0;
-                    this.indicatorLabel = this.labelList[labelIndex];
-                    if (this.labelList.length > 1) {
-                        this.getLabel(labelIndex, (label) => {
-                            this.indicatorLabel = label;
-                        });
-                    }
-                }
+            if (!this.label)
+                return;
+            if (typeof this.label === "string") {
+                this.indicatorLabel = this.label;
             }
-        };
-        this.setCircleXY = () => {
-            if (this.circularDiameter > 0) {
-                const r = this.circularDiameter / 2;
-                const x = r;
-                const y = r;
-                const nextRadius = r - this.circularLineWidth / 2;
-                this.setDashSteps(nextRadius);
-                return { x, y, r: nextRadius };
-            }
-            return { x: 0, y: 0, r: 0 };
-        };
-        this.setDashSteps = (radius) => {
-            const dashArray = 2 * Math.PI * radius;
-            if (this.circularMeter) {
-                this.circularMeter.style.setProperty("--stroke-dasharray", `${dashArray}px`);
-                if (!this.indeterminate && this.progress) {
-                    const min = this.min;
-                    const max = this.max;
-                    const progress = Math.min(Math.max(this.progress, min), max);
-                    const proportion = -1 - (progress - min) / (max - min);
-                    this.circularMeter.style.setProperty("--circular-steps-max", String(this.max));
-                    this.circularMeter.style.setProperty("--stroke-dashoffset", `${proportion * dashArray}px`);
+            else {
+                this.labelList = this.label;
+                this.indicatorLabel = this.labelList[0];
+                if (this.labelList.length > 1) {
+                    this.getLabel(0);
                 }
             }
         };
+        this.setCircleDimensions = () => {
+            let dashOffset = undefined;
+            if (this.circularDiameter <= 0)
+                return;
+            const r = this.circularDiameter / 2;
+            const nextRadius = r - this.circularLineWidth / 2;
+            const dashArray = 2 * Math.PI * nextRadius;
+            if (this.progress) {
+                const progress = Math.min(Math.max(this.progress, this.min), this.max);
+                dashOffset = `${(-1 - (progress - this.min) / (this.max - this.min)) * dashArray}px`;
+            }
+            this.circularDimensions = {
+                x: r,
+                y: r,
+                r: nextRadius,
+                dashArray: `${dashArray}px`,
+                dashOffset,
+            };
+        };
     }
     watchPropHandler() {
         this.updateLabel();
     }
+    minMaxChangeHandler() {
+        if (this.type === "circular")
+            this.setCircleDimensions();
+    }
     watchProgressHandler() {
+        if (this.type === "linear") {
+            this.setLinearDeterminateWidth();
+        }
+        else {
+            this.setCircleDimensions();
+        }
+    }
+    setIndicatorDimensions() {
         if (this.type === "circular") {
-            this.updateCircularProgressMeter();
+            // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property
+            const diameter = this.calculateWidth();
+            if (this.outerElement && diameter !== this.circularDiameter) {
+                this.circularLineWidth = diameter * 0.1;
+                this.circularDiameter = diameter;
+                this.outerElement.style.setProperty("--circular-line-width", `${this.circularLineWidth}px`);
+                this.setCircleDimensions();
+            }
+        }
+        else {
+            this.setLinearDeterminateWidth();
         }
     }
     disconnectedCallback() {
         clearInterval(this.interval);
     }
     componentWillLoad() {
-        this.indeterminate = this.progress === undefined;
         this.updateLabel();
         this.el.setAttribute("exportparts", "ic-loading-container");
     }
     componentDidLoad() {
-        var _a;
-        if (this.type === "circular") {
-            this.setCircleLineWidth();
-            this.circularMeter = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".ic-loading-circular-svg circle:nth-child(2)");
-            this.updateCircularProgressMeter();
-        }
-        if (Number(this.progress) >= 0 && this.type === "linear") {
-            this.setLinearDeterminateWidth();
-        }
-    }
-    componentWillUpdate() {
-        this.indeterminate = this.progress === undefined;
-    }
-    componentDidUpdate() {
-        if (Number(this.progress) >= 0 && this.type === "linear") {
-            this.setLinearDeterminateWidth();
-        }
+        this.setIndicatorDimensions();
     }
     render() {
-        const { theme, label, description, size, fullWidth, innerLabel, monochrome, } = this;
-        const { x, y, r } = this.setCircleXY();
-        return (hAsync(Host, { key: '0031fe76c51b9cfcdb3916451bd2b56f6aac8721', class: {
+        const { theme, label, description, size, fullWidth, innerLabel, monochrome, type, progress, min, max, circularDiameter, indicatorLabel, circularDimensions, } = this;
+        const { x, y, r, dashArray, dashOffset } = circularDimensions;
+        return (hAsync(Host, { key: '7f78047511c580f116c21d00e76a19dee3319d60', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
+                "ic-loading-indicator-full-width": fullWidth,
                 "ic-loading-indicator-label": !!label,
-                "ic-loading-indicator-full-width": !!fullWidth,
+                "ic-loading-indicator-monochrome": monochrome,
+            } }, hAsync("div", { key: 'eec896daa35399c26a11873674ba4bc4fd099ddc', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'b3ab1935e9fe5d50cd6513acd7a8eabb31fadf98', ref: (el) => (this.outerElement = el), class: {
+                [`ic-loading-${type}-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: '2f6e1f2e1a88b752cdda2a6b2834441e8546eb9b', ref: (el) => (this.innerElement = el), class: {
+                [`ic-loading-${type}-inner`]: true,
                 "inner-label": !!innerLabel,
-                "ic-loading-indicator-monochrome": !!monochrome,
-            } }, hAsync("div", { key: 'f0d87cb81fe19c7923cab83352692a820f864353', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'eed9c9ec0fa7677a73d97f84f2f0c4254ae895f9', ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: "progressbar", "aria-labelledby": this.label && this.size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": this.progress, "aria-valuemin": this.min, "aria-valuemax": this.max }, hAsync("div", { key: 'e6f08d5b7d7f7d3531f26773d82bdaab8b746de6', ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
-            this.innerLabel !== undefined &&
-            this.size === "small" && (hAsync("ic-typography", { key: 'e5e16b071e7886eeaeddbe5d4ba9982d2dd835ac', variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { key: '242ce0f64c6b81f0495ce74844d42952d60889b1', class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { key: '89efba17cfc44471af357fac9fad70a80ee8f9c2', cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { key: '47a39e6acf845c27e2817d563559fc332c9be3db', cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '383cf6d17daaaaa8275b8b381e6a65334f8b832e', id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", { key: 'b0009c0c194d3ebdf8b8bca21fcee5db1919ac1a' }, this.indicatorLabel))))));
+            } }, innerLabel && size === "small" && (hAsync("ic-typography", { key: 'c0d18d282c7090aa2bf478c3beee03e6c2b2f61d', variant: "subtitle-small", class: "inner-text" }, innerLabel)), type === "circular" && (hAsync("svg", { key: 'a5827dba8cff99684667dfa1147186ad0bd3f7a1', class: "ic-loading-circular-svg", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, hAsync("circle", { key: 'c53d2155e9aea468427178f5a41e0a24b02565fa', cx: x, cy: y, r: r }), hAsync("circle", { key: 'c5b6aea5b936b056a8103c0dacb81822348b20d1', 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: 'e586d3c31d518a77bf93f90504318e3a5baeeb64', id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", { key: 'd1c0b977ef4441ae45f4122a7a0ee03b33b4421b' }, indicatorLabel))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "label": ["watchPropHandler"],
-        "progress": ["watchProgressHandler"]
+        "max": ["minMaxChangeHandler"],
+        "min": ["minMaxChangeHandler"],
+        "progress": ["watchProgressHandler"],
+        "type": ["setIndicatorDimensions"]
     }; }
     static get style() { return IcLoadingIndicatorStyle0; }
     static get cmpMeta() { return {
@@ -12380,18 +12447,18 @@ class LoadingIndicator {
             "description": [1],
             "fullWidth": [516, "full-width"],
             "innerLabel": [2, "inner-label"],
+            "label": [1],
             "labelDuration": [2, "label-duration"],
             "max": [2],
             "min": [2],
             "monochrome": [4],
-            "size": [513],
-            "type": [513],
-            "label": [1],
             "progress": [2],
+            "size": [513],
             "theme": [1],
+            "type": [513],
             "circularDiameter": [32],
             "circularLineWidth": [32],
-            "indeterminate": [32],
+            "circularDimensions": [32],
             "indicatorLabel": [32],
             "clipInnerElement": [32]
         },
@@ -14234,6 +14301,7 @@ class Menu {
         this.initialOptionsListRender = false;
         this.keyboardNav = false;
         this.preventIncorrectTabOrder = false;
+        this.popperProps = {};
         /**
          * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.
          */
@@ -15087,9 +15155,7 @@ class Menu {
      */
     async initPopperJs(anchor) {
         // Placements set to "-start" to accommodate for custom menu width - menu should always be aligned to the left
-        this.popperInstance = createPopper(anchor, this.host, {
-            placement: "bottom-start",
-            modifiers: [
+        this.popperInstance = createPopper(anchor, this.host, Object.assign({ placement: "bottom-start", modifiers: [
                 {
                     name: "offset",
                     options: {
@@ -15103,8 +15169,14 @@ class Menu {
                         rootBoundary: "viewport",
                     },
                 },
-            ],
-        });
+            ] }, this.popperProps));
+    }
+    /**
+     * @internal This method allows props to be added to the PopperJS createPopper instance outside of the menu
+     * @param props object - createPopper props set externally
+     */
+    async setExternalPopperProps(props) {
+        this.popperProps = props;
     }
     focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {
         if (!menuOptions[highlightedOptionIndex])
@@ -15123,7 +15195,7 @@ class Menu {
         const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, } = 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: '2468ababde479fb9a3c03b6148f7115589d4f8e3', class: {
+        return (hAsync(Host, { key: '6c3e0c39d138c8622c3748c16294f0e21e202909', 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) ||
@@ -15132,7 +15204,7 @@ class Menu {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": this.isMultiSelect,
-            } }, options.length !== 0 && (hAsync("ul", { key: '961b191dcffc99d79159937780d31ae783c6a9a0', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open &&
+            } }, options.length !== 0 && (hAsync("ul", { key: '69ea4424544b03896b65f0b30221872e131a04f6', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "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)
@@ -15160,7 +15232,7 @@ class Menu {
             this.isMultiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (hAsync("div", { key: 'f396dbf8842b3f1cdd208f8da5e98ab473266127', class: "option-bar" }, hAsync("ic-typography", { key: 'ebccbbde58196d1c89c698cdc1af37bcc911f5fd' }, hAsync("p", { key: '2a88b61887611ad5ebfae51066e5e1160d6241e9' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'a56ebb07da92424910cf20ce14483ed2ddb2504a', 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: '17553f6e5ecd81b892894244b3a3a143b998c23c', class: "option-bar" }, hAsync("ic-typography", { key: '7f4ce460524beb936e4d4ef2bbbcedd03cacec5c' }, hAsync("p", { key: 'aae0e564a9caf83b09d4ee8daa3d9409b7d69501' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '692b840395eafd8c4c5dd0f21bab2082debb44bf', 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 {
@@ -15195,10 +15267,12 @@ class Menu {
             "optionHighlighted": [32],
             "preventIncorrectTabOrder": [32],
             "menuOptions": [32],
+            "popperProps": [32],
             "handleClickOpen": [64],
             "handleKeyboardOpen": [64],
             "handleSetFirstOption": [64],
-            "initPopperJs": [64]
+            "initPopperJs": [64],
+            "setExternalPopperProps": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -15215,7 +15289,7 @@ class MenuGroup {
     }
     render() {
         const parentMenu = this.el.closest("ic-popover-menu");
-        return (hAsync(Host, { key: '90b5ca0096a1adba293d7e625f9408b3ae2da09e', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(this.label) && (hAsync("ic-typography", { key: '194816a4c0d806e819f34861a802528b549bb537', variant: "subtitle-small" }, this.label)), hAsync("span", { key: 'bd15205a1684a0b3ea65b8a247ca735d769b8027', class: "menu-items-wrapper" }, hAsync("slot", { key: 'b142f3aae263d46e543faf257b1c223554a870a4' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '15740ec34778a2c68e71ad033f7e55861c500665' }))));
+        return (hAsync(Host, { key: 'ec777b0d41cd1bb5d7751e61e702a45341f3080a', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined$1(this.label) && (hAsync("ic-typography", { key: '31d4b7ba6d46a89c8c843654a2ded8ca993b1803', variant: "subtitle-small" }, this.label)), hAsync("span", { key: '3f1472c581431ea8c80dfc79a98b34d6ad2418f2', class: "menu-items-wrapper" }, hAsync("slot", { key: '68c43747e9948fdec7dff7c5e0d2a69d2bc73b62' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: 'b6540d15632b2d798ec6ead8d55fde5bca1e49f6' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcMenuGroupStyle0; }
@@ -15376,7 +15450,6 @@ class NavigationButton {
         registerInstance(this, hostRef);
         this.inheritedAttributes = {};
         this.hostMutationObserver = null;
-        this.initialAppearance = getBrandForegroundAppearance();
         /**
          * The display mode.
          */
@@ -15389,7 +15462,9 @@ class NavigationButton {
          * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
         this.theme = "inherit";
-        // triggered when attributes of host element change
+        /**
+         * Triggered when attributes of host element change
+         */
         this.hostMutationCallback = (mutationList) => {
             mutationList.forEach(({ attributeName }) => {
                 if (attributeName) {
@@ -15405,6 +15480,7 @@ class NavigationButton {
         this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES$2);
     }
     componentDidLoad() {
+        this.updateTheme();
         onComponentRequiredPropUndefined$1([{ prop: this.label, propName: "label" }], "Navigation Button");
         this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
         this.hostMutationObserver.observe(this.el, {
@@ -15412,8 +15488,9 @@ class NavigationButton {
         });
     }
     componentWillRender() {
-        const iconEl = this.el.querySelector(`[slot="icon"]`);
-        iconEl !== null && iconEl.setAttribute("viewBox", "0 0 24 24");
+        var _a;
+        (_a = this.el
+            .querySelector(`[slot="icon"]`)) === null || _a === void 0 ? void 0 : _a.setAttribute("viewBox", "0 0 24 24");
     }
     disconnectedCallback() {
         var _a;
@@ -15425,51 +15502,40 @@ class NavigationButton {
     navBarMenuCloseHandler() {
         this.mode = "navbar";
     }
-    brandChangeHandler(ev) {
-        this.initialAppearance = ev.detail.mode;
+    brandChangeHandler({ detail: { mode } }) {
+        this.updateTheme(mode);
     }
     /**
      * Sets focus on the native `button`.
      */
     async setFocus() {
-        if (this.buttonEl) {
-            this.buttonEl.focus();
-        }
+        var _a;
+        (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    }
+    updateTheme(mode = getBrandForegroundAppearance()) {
+        var _a;
+        if ((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest(IC_BLOCK_COLOR_COMPONENTS$1))
+            return;
+        this.theme =
+            mode === IcBrandForegroundEnum$1.Light
+                ? IcBrandForegroundEnum$1.Dark
+                : IcBrandForegroundEnum$1.Light;
     }
     render() {
-        const { href, target, rel, download, referrerpolicy } = this;
-        let label = "";
-        let className = "";
-        let variant = "icon";
-        let appearance = this.initialAppearance;
-        let size = "large";
-        let fullWidth = false;
-        let disableTooltip = false;
-        if (this.mode === "menu") {
-            label = this.label;
-            variant = "tertiary";
-            appearance = IcBrandForegroundEnum$1.Default;
-            size = "medium";
-            fullWidth = true;
-            className = "popout-menu-button";
-            disableTooltip = true;
-        }
+        const { download, href, inheritedAttributes, label, mode, referrerpolicy, rel, target, theme, } = this;
+        const isMenuMode = mode === "menu";
         const buttonProps = {
-            variant,
-            appearance,
-            size,
-            href,
-            target,
-            rel,
             download,
+            href,
             referrerpolicy,
-            fullWidth,
-            disableTooltip,
+            rel,
+            target,
+            theme,
         };
-        return (hAsync(Host, { key: 'a750cb73987d5c9d0c7bcdb6ece9807bcc688c9f', class: {
-                ["in-side-menu"]: this.mode === "menu",
-                [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("ic-button", Object.assign({ key: 'd55eb3e8c54c6bb76e61044af2a5b1a2dddafbf6', class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getBrandForegroundAppearance() == "light" ? "light" : "dark" }), label, hAsync("slot", { key: '4193d9cd02c05a3b12946233cb86256e2c729abc', slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: 'a53d6158424e97fddc62b25006f6060b2cbee4c5', name: "badge" }))));
+        return (hAsync(Host, { key: '341c602f37816c5bd021d7d2457a60cc48ec0a4d', class: {
+                "in-side-menu": isMenuMode,
+                [`ic-theme-${theme}`]: theme !== "inherit",
+            } }, hAsync("ic-button", Object.assign({ key: '7f122b31c8584bc6ccea93220a60f1a7754f7985', 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" }, buttonProps, inheritedAttributes), isMenuMode ? label : "", hAsync("slot", { key: '68d45cf8961f30491f610d5c009da84350611c1b', slot: "left-icon", name: "icon" }), isSlotUsed$1(this.el, "badge") && hAsync("slot", { key: '43740c1e00ca73197b6d121b6ccf6df550d3b5c7', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -15485,8 +15551,7 @@ class NavigationButton {
             "referrerpolicy": [1],
             "rel": [1],
             "target": [1],
-            "theme": [1],
-            "initialAppearance": [32],
+            "theme": [1025],
             "mode": [32],
             "setFocus": [64]
         },
@@ -15513,7 +15578,6 @@ class NavigationGroup {
         this.mouseGate = false;
         this.deviceSize = DEVICE_SIZES$1.XL;
         this.dropdownOpen = false;
-        this.expanded = true;
         this.focusStyle = getBrandForegroundAppearance();
         this.inTopNavSideMenu = false;
         this.isSideNavExpanded = false;
@@ -15521,6 +15585,10 @@ class NavigationGroup {
          *  If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.
          */
         this.expandable = false;
+        /**
+         * If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.
+         */
+        this.expanded = true;
         /**
          * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component.
          */
@@ -15759,7 +15827,7 @@ class NavigationGroup {
         const isTopNav = this.navigationType === "top";
         const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
         const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
-        return (hAsync(Host, { key: 'ae7929d3d2206250e982dbe9475b4ecb63835369', class: {
+        return (hAsync(Host, { key: '1c16958eaa37fb0d37d04178e7bd2d469af832f6', class: {
                 "in-side-menu": inTopNavSideMenu,
                 "ic-navigation-group-expandable": expandable,
                 "ic-navigation-group-side-nav": isSideNav,
@@ -15767,7 +15835,7 @@ class NavigationGroup {
                 [`ic-theme-${theme}`]: theme !== "inherit",
             }, role: "listitem" }, expandable || isTopNavDesktop ? (hAsync("button", { onMouseEnter: isTopNavDesktop ? this.handleMouseEnter : undefined, onMouseLeave: isTopNav ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), "aria-expanded": `${ariaExpanded}`, "aria-haspopup": `${isTopNavDesktop}` }, this.renderGroupTitleText(), isSideNav && expandable && (hAsync("div", { class: {
                 "chevron-toggle-icon-wrapper": true,
-                "chevron-toggle-icon-closed": expanded,
+                "chevron-toggle-icon-closed": !!expanded,
             }, innerHTML: chevronIcon })))) : ((!isSideNav || isSideNavExpanded) && (hAsync("div", { class: navGroupTitleClassNames }, this.renderGroupTitleText()))), this.renderNavigationItems()));
     }
     static get delegatesFocus() { return true; }
@@ -15778,11 +15846,11 @@ class NavigationGroup {
         "$tagName$": "ic-navigation-group",
         "$members$": {
             "expandable": [4],
+            "expanded": [1028],
             "label": [1],
             "theme": [1],
             "deviceSize": [32],
             "dropdownOpen": [32],
-            "expanded": [32],
             "focusStyle": [32],
             "inTopNavSideMenu": [32],
             "navigationType": [32],
@@ -15796,7 +15864,7 @@ class NavigationGroup {
     }; }
 }
 
-const icNavigationItemCss = "/*! 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;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}";
+const icNavigationItemCss = "/*! 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;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu,.navigation-item-top-nav-child)) ::slotted(a:hover:not(:focus)),:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);outline-offset:calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2))}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}";
 var IcNavigationItemStyle0 = icNavigationItemCss;
 
 /**
@@ -16194,16 +16262,16 @@ class NavigationMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'd37a801a1b4c312fb3d1e301150ce4b731b8e378', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: 'e243034b5ec260c946217f411c4c0c56773a3ff0', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '3958153a358974fa0ba7260f985ca48bbe010a5d', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'ec3a59243f6fe8bc839f09cf6cb23013f1258cc0', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: 'f0fe76cf4eeec54e3382344abec7fe80b6ab5ba5', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '246f1b43500b11e0ec9b133030c79f140b5aacd3', class: {
+        return (hAsync(Host, { key: '238491dcf801f29d30b1da0e65546592557fde24', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: '1f4c1f5653cf725ea520300c56f7769716ed5c2a', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '7b1ff84083af3b3ceb6e309844c99d7e3a0ae350', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: '3fbc25efa5a16c9f091ab455379e2c94ae5f35ca', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '2847e0434b96df094d4d14dc39aaa65d9b504435', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: 'a9543c0611d2c8dd1427500b1cd4cbf2de448b7b', class: {
                 ["menu-close-button-container"]: true,
                 ["nav-group-first"]: this.navGroupFirst,
-            } }, hAsync("ic-button", { key: 'c836f86ad0ca67841cca01b8a6717d78982163ed', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: 'd7524666b3f08ed7ab9ece6b33843fab72e521d7', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'd659007ab35980d78395c7acbc2a34f333108d68', 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: '4067b296fb1eade8a35e62340be0b682faeebf0c', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '6020b1dea12858619b1c4e42a9c28829ce9d926b', class: {
+            } }, hAsync("ic-button", { key: 'c6116c335e9c6c29bde6485421b3d72456e4c485', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { key: 'f224bd0fbc219bb6ae337399e6f08c3187d32fb7', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'a4419dfcec4df358e35bb7c9b623e5a720b89a3e', 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: '29d722a813544e8e82a07e2642a7014b32673dda', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '96ee54e19b08c60e1de050dc06367009bb15484f', class: {
                 ["menu-buttons-container"]: true,
                 ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
-            } }, hAsync("slot", { key: '751e587cc503a8db8a668a8ca2335da12893e459', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'e368dacc5061176d89f726b891cc5cc2f3913b9d', class: {
+            } }, hAsync("slot", { key: '851897a3d08d4a74078379b16fb66f74392380dd', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'faa0f531a4f2232c343b7197a798f7b79bfaaa17', class: {
                 ["menu-status-version-container"]: true,
                 ["status-version-no-buttons"]: !this.hasButtons,
-            } }, this.status !== "" && (hAsync("div", { key: '7745d4b718c9644598220a5625a260995d195ce1', class: "menu-status" }, hAsync("ic-typography", { key: '448b1a0d774fd9ffda795969c2184539e6d13ee3', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '79a7a1467b334acf390661808a7c0eb9bbedcd6e', class: "menu-version" }, hAsync("ic-typography", { key: '87cc4741151c42401646094fb3ae20bc6efbc54d', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
+            } }, this.status !== "" && (hAsync("div", { key: '43000a7655c49bdd7c15beaaef8f371f20c59049', class: "menu-status" }, hAsync("ic-typography", { key: 'f92edc3ead11de1eb052835e0fef11ea26f70e91', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '84b3193b76f979b9dfd967fe549eb996dedf3631', class: "menu-version" }, hAsync("ic-typography", { key: 'f3ea4120a05fc6707ff54ce634aa6798d7dbade3', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcNavigationMenuStyle0; }
@@ -16336,19 +16404,19 @@ class PageHeader {
         const navAriaLabel = `${isSlotUsed$1(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: 'd824bd22834b5c42ab5457e0ad6f09d2cc0d1f6f', class: {
+        return (hAsync(Host, { key: 'f988d0a582d79cad1f4356f95723c8773bf17190', 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: '078f234437a6b6031215abdef6889f0f022445c9', class: {
+            }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: 'e4b8a519550fc032df5155fcff89c73ff81f85ee', class: {
                 ["border-bottom"]: !!border,
                 ["tabs"]: isSlotUsed$1(this.el, "tabs"),
-            }, role: "presentation" }, hAsync("ic-section-container", { key: '28365d7114d33baad19f681213e386b838f4daee', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: '5fd705035a0e0ad4959168808033106328da53cb', class: "breadcrumb-area" }, hAsync("slot", { key: '9b42e05e754c78870462b306b9874bc04533ff3a', name: "breadcrumbs" }))), hAsync("div", { key: 'e908d529ef2434efcc7fb3ad49443f308f019b15', class: "main-content" }, hAsync("div", { key: 'd6822ad86688e22f45d8a87eedf22a1b3c7e9218', class: "title-area" }, hAsync("div", { key: '4682ccbb1b9aa9b10bb884538f83d9f355bc6002', class: "header-content" }, hAsync("slot", { key: 'f578b80bf86ea81c26a44561fbd62501045b5de2', name: "heading" }, hAsync("ic-typography", { key: 'c2149b8207c2d873e93002835bfb4ee099e6cd8d', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '24d19a7676e5c4cf93628d16384a6bbb30ee8ad5' }, heading))), hAsync("slot", { key: 'cd1c120dbd2c417273122ad8336a3d08c381e802', name: "heading-adornment" })), hAsync("div", { key: '23ba15f70724b5d33a10973a95371c71f07dcbaf', class: {
+            }, role: "presentation" }, hAsync("ic-section-container", { key: '88196b15dc099dcd58cb05b85b9a658af8a0870f', aligned: aligned, fullHeight: isSlotUsed$1(this.el, "tabs") }, isSlotUsed$1(this.el, "breadcrumbs") && (hAsync("div", { key: '6766660061af3380f50b0c947b36ce82a71256cd', class: "breadcrumb-area" }, hAsync("slot", { key: '489b45909344aa2cfecf01bcc9ebc3d1b8089c45', name: "breadcrumbs" }))), hAsync("div", { key: '47de9346bf042254a6c085fa94e049ba1eb15264', class: "main-content" }, hAsync("div", { key: 'f90a01c812d8abcc73c92c54e00eb3944b8c433d', class: "title-area" }, hAsync("div", { key: '966f731d25f434ce6f83f79175d0341c22a56687', class: "header-content" }, hAsync("slot", { key: '9025f92b304b3e2c67cb63339bdc33699ddb7fde', name: "heading" }, hAsync("ic-typography", { key: 'fe72a4b26d562fa57bbe52289c1a5a949b89f772', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: 'd86917ae13eb27ba68de7755bfdd727d814770e7' }, heading))), hAsync("slot", { key: '8c9fca603f02ffaf1318ce855b6a17bed99ff6f0', name: "heading-adornment" })), hAsync("div", { key: 'aa5559ddfef89fd22fe0994f620b06c7d317f562', class: {
                 ["subheading-content"]: !!subheading || isSlotUsed$1(this.el, "subheading"),
                 ["small"]: size === "small",
-            } }, hAsync("slot", { key: 'f7d11c2051d787989caf27a43a216b106102be03', name: "subheading" }, hAsync("ic-typography", { key: 'fe349a99d560b3a4cea6b055bb7bda1e0224aeac', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '943b5348b38bd35faae3d9fad3b0127972d585bc', class: "action-area" }, hAsync("slot", { key: '474d1aed9a1c6df3ceb7e6422ff0b58b1faeddda', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: 'd8b844fd28539346ab546a74b83e84b4a8837f47', class: "input-area" }, hAsync("slot", { key: '74a70bf47c9d6e9f2973ac7cd57b5171f1cdb859', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
-            isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: 'a514e3cca152162977d3dccdd0037f57ac073507', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
-            !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '545c22316ae4bd5069fa1922c56dfad651af74ef', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: '4a50c3f0ef99b0ca3839262d2be1d77cbe0b1c3a', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'ff72b71abd6491ac2fe79aa05a4629aa4cd20ada' }, hAsync("ul", { key: '6c1b9eadc2d11a1c7073309987d52b376c149d08', class: "tabs-slot" }, hAsync("slot", { key: '86082f4787bab5cc0eb4fb69eb6db4a46e29a454', name: "tabs" })))))))))));
+            } }, hAsync("slot", { key: '8ca2ec4f5e79385004d82721b32aaa4477e5e383', name: "subheading" }, hAsync("ic-typography", { key: 'e3abaf1b025005164883f6aac049425101703a0a', variant: "body" }, subheading)))), isSlotUsed$1(this.el, "actions") && (hAsync("div", { key: '501f5d87bcc67f92a7fc109e1507ecfc82de113d', class: "action-area" }, hAsync("slot", { key: '59b2c28e72936af87fca0d3b5fc78a9292235278', name: "actions" }))), isSlotUsed$1(this.el, "input") && (hAsync("div", { key: '50a7b161cad03ca332d7ba189bbe3e07845b5b3b', class: "input-area" }, hAsync("slot", { key: 'e3dabe11caf744a6b1293fa45bb668b959c330c5', name: "input" })))), (isSlotUsed$1(this.el, "stepper") ||
+            isSlotUsed$1(this.el, "tabs")) && (hAsync("div", { key: '7399fec29cf8483d3a0150fb66f8b51fd9bcccf9', class: "navigation-area" }, isSlotUsed$1(this.el, "stepper") &&
+            !isSlotUsed$1(this.el, "tabs") && hAsync("slot", { key: '60243b69d094b1842c7ba0841170d263c512b83f', name: "stepper" }), isSlotUsed$1(this.el, "tabs") && (hAsync("nav", { key: 'f7b3cfd55bb421b3f9a988c65d66b3206d2ded1b', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '8344abb3186738bda94429804dcc927b87578c66' }, hAsync("ul", { key: '4c7e5ffe0acf83738cea0b93ef68910cde3a68fb', class: "tabs-slot" }, hAsync("slot", { key: '1634b736035f20da485de5cd90590a2d8e07be3a', name: "tabs" })))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcPageHeaderStyle0; }
@@ -16626,14 +16694,14 @@ class Pagination {
     }
     render() {
         const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
-        return (hAsync(Host, { key: 'def082d6417770159241eaf69660011a9fa56978', class: {
+        return (hAsync(Host, { key: 'f0bb93865da97a2978792da0ecec7398d17fd0cd', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-pagination-monochrome"]: !!monochrome,
-            } }, type === "simple" && (hAsync("nav", { key: '7d2a663d826de4c5916d6ece70222bf28157b57b', class: {
+            } }, type === "simple" && (hAsync("nav", { key: 'd98096aea9467c15560cf5bee82f979a27a6e72b', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '010243beef572daba8a9c1f58978213f02446b2e', 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: '7ab291c9e698dfb1ead08c7a59858a4f3f715488', class: {
+            }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'e578665c5de2260f824cf4ff3c3e29dafabe7037', 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: 'e1172d5a137f47d778f3878155bb747b32303179', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": "Pagination Navigation" }, 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: '2b7be6cd03fb72ccaf3a2bd08fbf5ef5f52e5050', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
+            }, role: "navigation", "aria-label": "Pagination Navigation" }, 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: '2094451eaeb1eb5f6f52f4a93f8b30534bd31162', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17111,7 +17179,7 @@ class PaginationItem {
     }
     render() {
         const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
-        return (hAsync("a", { key: '775649dcb0b2df73e18ddbb563cb088f5e4bf394', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
+        return (hAsync("a", { key: '96dd8b411124b3276fdd7b630d6b1d15528398a0', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
                 ["item-container"]: true,
                 ["ellipsis"]: true,
                 ["disabled"]: !!disabled,
@@ -17421,17 +17489,17 @@ class PopoverMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: '25b16bfd5f6ad9dd7ed1fcfedc773cb3bc1c76d2', class: {
+        return (hAsync(Host, { key: '2cf6304cab334813b297e8bf91d25c57ab6b9b91', class: {
                 ["ic-popover-menu-open"]: !!this.open,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '73acc30bb2ef5c83924e47508ad093dcbbc5adbe', id: this.parentPopover === undefined
+            } }, hAsync("div", { key: 'b7f520998946555e6e5d8ca43d194ec142cf4102', id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,
-            } }, hAsync("span", { key: 'd0392b2ce914c01539f7a66c5aee443de194d434', class: {
+            } }, hAsync("span", { key: '5c43e11463a6fe04356d73c2522eca4c1cb39d68', class: {
                 "opening-from-parent": this.openingFromParent,
                 "opening-from-child": this.openingFromChild,
-            } }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: 'eb92f3ac08c7cb711d31ed8a12fd210aa44f7cc2' }, hAsync("span", { key: 'b0a051fe820b3a933dc09fdd370227a8cb19c2b2', role: "menu" }, hAsync("ic-menu-item", { key: '9f18829d0c1245e3539e4a74d62c37f5a8857203', 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: '5f6918d86d7b179cef7f90c94e72a4055aaffd24', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: 'e8dc4472dff2b10e5f127608a437efd19522ccd3', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '3c3b99b9548a300b37b1ae99a0d40de0eb748086', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'dc87929934a320edf8bb2ae3a6936c26500f4f11', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '6df2182e3b8832790238aded793393ec1f2f34ff' }))))));
+            } }, isPropDefined$1(this.submenuId) && (hAsync("span", { key: '7bb226ae2aa077cff93ea367f136f171020c0718' }, hAsync("span", { key: '0cc54f3ef474f2cbe92c3c04437d83cf35e92de1', role: "menu" }, hAsync("ic-menu-item", { key: 'ae3f4d6162e643ac6245821e392b2b9491215287', 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: 'c3e1211479d31e062b13aba36a025fec0814cfee', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: 'dc399eef7ee50dc37dc57aa1f241292d0827a743', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: 'b1ce83e9b01277953f21fe9c58763915c4a8515a', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: 'fab42dde1d195b5d47dd1c669a7bce81f79f42c6', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'fe4f5006cefd63260217c969c06d214f47e0b9bb' }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -17462,9 +17530,12 @@ class PopoverMenu {
     }; }
 }
 
-const icRadioGroupCss = "/*! 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;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}ic-input-label.disabled{--ic-input-label-text-color:var(\n    --ic-radio-button-input-field-label-disabled\n  );--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle-disabled\n  )}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}ic-input-label ic-typography{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label ic-typography{margin-bottom:calc(var(--ic-space-sm) / 2)}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}";
+const icRadioGroupCss = "/*! 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;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}ic-input-label.disabled{--ic-input-label-text-color:var(\n    --ic-radio-button-input-field-label-disabled\n  );--ic-input-label-helper-text-color:var(\n    --ic-radio-button-input-field-subtitle-disabled\n  )}ic-input-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation{margin-top:calc(var(--ic-space-sm) / 2)}ic-input-label:not(.with-helper) .ic-typography-label,ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}ic-input-label .helpertext{display:block}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}";
 var IcRadioGroupStyle0 = icRadioGroupCss;
 
+/**
+ * @slot helper-text - Content is set as the helper text for the radio group.
+ */
 class RadioGroup {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -17689,16 +17760,16 @@ class RadioGroup {
     }
     render() {
         const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationStatus, validationText, theme, } = this;
-        return (hAsync(Host, { key: '820e82c681a22e98737769e9571cbe75d2223956', onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '04d5db82b3be0bd747a4bbbf540ff38a2344bb18', onKeyDown: handleKeyDown, class: {
                 "ic-radio-group-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'a95fd7bd0138f04cd3cf0b1e75df29183792d8cc', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '484c655cfd75c5994c3c5ee1b1e70aed491ad361', class: {
+            } }, hAsync("div", { key: '7293abe2277d46aa27ffd81ad47982f6f7d63e51', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '90c7d78da23c13d04df52dcdf554af8a15de6e05', class: {
                 [`${validationStatus}`]: true,
                 ["disabled"]: !!disabled,
-            }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: 'eed17f3169436eb1f8b672ecfdd51759443d5f1c', class: {
+            }, label: label, helperText: helperText, required: required, disabled: disabled }, hAsync("slot", { key: 'fe90706c42c1abebb7bbf757808af7219b577aa8', name: "helper-text", slot: "helper-text" }))), hAsync("div", { key: 'd2e61e45ecdcb0c40229f4d25a2c6c0ed1247f11', class: {
                 "radio-buttons-container": true,
                 horizontal: currentOrientation === this.RADIO_HORIZONTAL,
-            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: '878666c0c36d6456ed072ee0eddc6683b98ef4a5' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '79458eb93662029a89c31bb26b5174c2fd70c3af', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
+            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bac88f9fba9a5a242aced76a20f21933f4de6299' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: 'f7a0dc8e5d1ac3d774644910600153aba9caacd5', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17878,15 +17949,15 @@ class RadioOption {
     render() {
         const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
         const id = `ic-radio-option-${isPropDefined$1(label) || value}-${groupLabel}`;
-        return (hAsync(Host, { key: 'e775db934af98431874bc7b25a931de822c1a987', onClick: handleClick, onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '66293449ae3f0f896a661395663aa6c6dba7120b', onClick: handleClick, onKeyDown: handleKeyDown, class: {
                 ["ic-radio-option-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'e80a4acc065eb631c897d3c35b03f1747f272acb', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'b5d2a7fb6447ce7e365f8661e002767a8f909280' }, hAsync("input", { key: 'd352f22e5f86533b4bdfe6e23be01993ef5dc2a9', 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: '1718b2c24e76c82f98093b78bac5917da201af4d', class: "checkmark" })), hAsync("ic-typography", { key: '3938c3a33f1534fa8778abed7e09cbc496af0612', class: "radio-label", variant: "body" }, hAsync("label", { key: '586877cf41eafe536366cdd949d2330aa82aaaed', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '3f7d2a81b51a533843b74b59a730ad3231752638', class: {
+            } }, hAsync("div", { key: 'a2c09f392610f5396c21fb5d5b07844eb8e4db08', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'b51d23e434eb9ab8545047f93b60458dcfaac2b1' }, hAsync("input", { key: '7a53942a42b170e7110b1faa688480fab5080a02', 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: 'a307412594b305b08290b7fa488f8600a0f4b527', class: "checkmark" })), hAsync("ic-typography", { key: 'aab05754fdff4e00b3078593d0dd1e2457dcaded', class: "radio-label", variant: "body" }, hAsync("label", { key: '88947c4ea40c1dea292edc9a5aa649ec19ab29b9', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '06c1920d96ec36c622b258a7d4ff8a02edc0789d', class: {
                 "dynamic-container": true,
                 hidden: additionalFieldDisplay === "dynamic" && !selected,
-            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '430d6b7ec062db38e94360206b1b81ec645d9142', class: "branch-corner" })), hAsync("div", { key: 'd657669620a1a1047f7ce7c524ad74863cdfedb3' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '89583fec44af079b14161ab9f11eb06337890b0a', variant: "caption" }, hAsync("p", { key: 'b1e27f252e6f43faf95b9f5cd8da1bf792310331', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'c5bdfc982b7dbbc1da3dfff5e8d8428df433af50', class: {
+            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '79324c51055d3d6223f79857a72d0eb2b0c22f69', class: "branch-corner" })), hAsync("div", { key: 'df7eb14bf1776611bf956140821b16d025b72bd8' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '0eecaca9a48b8ccef541736e453c58d2f29fd15b', variant: "caption" }, hAsync("p", { key: '45fba47da58602ccc13f1420cba7a7108c9c5615', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: '764e735294d09ea889cc3bc241dee272e7afae31', class: {
                 "additional-field-wrapper": additionalFieldDisplay === "static",
-            } }, hAsync("slot", { key: 'a1ae20ee1eaf80bd159215a46ddc8b6d4fec7653', name: ADDITIONAL_FIELD })))))));
+            } }, hAsync("slot", { key: 'a3e127198c155be9c525e0159506f852f4000b86', name: ADDITIONAL_FIELD })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17931,6 +18002,9 @@ const icSearchBarCss = "/*! normalize.css v8.0.1 | MIT License | github.com/neco
 var IcSearchBarStyle0 = icSearchBarCss;
 
 let inputIds$3 = 0;
+/**
+ * @slot helper-text - Content is set as the helper text for the search bar.
+ */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class SearchBar {
     constructor(hostRef) {
@@ -18044,6 +18118,10 @@ class SearchBar {
          * The placeholder value to display.
          */
         this.placeholder = "Search";
+        /**
+         * If `true` the parent form will not submit when the icSubmitSearch event fires.
+         */
+        this.preventFormSubmitOnSearch = false;
         /**
          * If `true`, the readonly state will be set.
          */
@@ -18306,6 +18384,13 @@ class SearchBar {
             this.hasTimedOut ||
             this.loading;
         this.showMenuWithNoInput = () => this.charactersUntilSuggestion === 0;
+        this.updateSearchButtonType = () => {
+            this.searchButtonType =
+                !!this.el.closest("FORM") &&
+                    !this.preventFormSubmitOnSearch
+                    ? "submit"
+                    : "button";
+        };
     }
     watchCharactersUntilSuggestionHandler() {
         if (this.showMenuWithNoInput()) {
@@ -18324,6 +18409,9 @@ class SearchBar {
             this.triggerLoading();
         }
     }
+    preventFormSubmitOnSearchHandler() {
+        this.updateSearchButtonType();
+    }
     filteredOptionsHandler(newOptions) {
         this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
     }
@@ -18371,6 +18459,7 @@ class SearchBar {
     componentWillLoad() {
         this.setInputValue(this.value);
         removeDisabledFalse$1(this.disabled, this.el);
+        this.updateSearchButtonType();
     }
     componentDidLoad() {
         if (this.focusOnLoad) {
@@ -18432,9 +18521,9 @@ class SearchBar {
         }, 500);
     }
     render() {
-        const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, charactersUntilSuggestion, labelField, valueField, loadingLabel, loadingErrorLabel, searchMode, showClearButton, searchSubmitFocused, clearButtonFocused, } = this;
+        const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, charactersUntilSuggestion, labelField, valueField, loadingLabel, loadingErrorLabel, searchMode, showClearButton, searchSubmitFocused, clearButtonFocused, searchButtonType, } = this;
         const disabledMode = readonly || disabled;
-        const describedBy = getInputDescribedByText$1(inputId, helperText !== "", false).trim();
+        const describedBy = getInputDescribedByText$1(this.el, inputId, helperText !== "", false).trim();
         let describedById = undefined;
         if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
             describedById = `${describedBy} ${inputId}-assistive-hint`;
@@ -18451,39 +18540,39 @@ class SearchBar {
         const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
         const labelValue = getLabelFromValue(value, options, valueField, labelField);
         renderHiddenInput$1(this.el, value, name, disabledMode);
-        return (hAsync(Host, { key: 'bfb362b72aa0441cf00cb042f0dd623b6f41d5d7', class: {
+        return (hAsync(Host, { key: '52cd7f9c675ebb5a73d43d8aba5c564a09975983', 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: '4abc6ab7691d77e1659016957de4a7573c7b0ba8', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '7dfd27f5e3837063f115bac7ea1af05783ad52c2', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), hAsync("ic-input-component-container", { key: 'bb9bd8d704ab9e9924d10b025bbd8b74310762e2', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '29c57007bfc75825bd91cdd4e24f9d9fd44e83d8', 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: '93f1f86abb836848f4a77e8bea800402a7c3d792', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '3408fa52e67fbc9420cb7f763198ea950e356b7e', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly }, hAsync("slot", { key: '24fed7a49fc79140dabb28e1f77c8321bc51729b', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: 'be1083aceb07c1235666cb3f1f9892f8e1b8538d', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '4ea2d718f3b6e4e524f534719630c618bb25a4d4', 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": label, "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: '2d5c5e1bc89f7dba8ef771e018534f7613c19295', 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: '447b4da477637a70ac3f2b9c180df87aebee044b', class: {
                 "clear-button-container": true,
                 "clear-button-visible": !!value && !disabledMode && showClearButton,
-            } }, hAsync("ic-button", { key: '873de229be0ef641b2c94ccd283f5c17965fb5b9', id: "clear-button", class: {
+            } }, hAsync("ic-button", { key: '3a740c60761c034298c1cabf4173a4168a2cbaee', 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: "submit", variant: "icon", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '5f459ff9941a45c937632a1aad6f4e51de1bf56a', class: "divider" })), hAsync("div", { key: '00bca9379e35fc62d6148258fb0d46a1a4f6a5bd', 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", theme: clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '7fec0530f8a21476d808203bc79857a0c44538ab', class: "divider" })), hAsync("div", { key: '376a77d494db324f5e469932009692cab51c58fe', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, hAsync("ic-button", { key: '0733206601764cf6563aebfe739cd8ff10d0e779', id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
+            } }, hAsync("ic-button", { key: 'c94e42dc5907d0e7dc412b8a09792090d4359783', 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: "submit", variant: "icon", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '30177d3af3b241db3e843cb83b5fbf3aab4bc003', 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", theme: searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: 'd59837a4d8626cb434d74920c3d16ebad1aa38e8', class: {
                 "menu-container": true,
                 fullwidth: fullWidth,
-            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '98b2ada7a19760d30ba958c31926ae93cce74988', class: {
+            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: '05921526c6a5d778689ffaaa00567c155e1d24f9', 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 })))), hAsync("div", { key: '68d0f5afc16ce02c5b621b74754be51ffc55f2a6', "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 })))), hAsync("div", { key: 'd7ae3fba62207c2df5ce4b02434e81777666d5c2', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -18492,6 +18581,7 @@ class SearchBar {
         "disabled": ["watchDisabledHandler"],
         "debounce": ["debounceChanged"],
         "loading": ["loadingHandler"],
+        "preventFormSubmitOnSearch": ["preventFormSubmitOnSearchHandler"],
         "filteredOptions": ["filteredOptionsHandler"],
         "options": ["watchOptionsHandler"],
         "value": ["watchValueHandler"]
@@ -18522,6 +18612,7 @@ class SearchBar {
             "loadingLabel": [1, "loading-label"],
             "name": [1],
             "placeholder": [1],
+            "preventFormSubmitOnSearch": [4, "prevent-form-submit-on-search"],
             "readonly": [4],
             "required": [4],
             "searchMode": [1, "search-mode"],
@@ -18538,6 +18629,7 @@ class SearchBar {
             "open": [32],
             "searchSubmitFocused": [32],
             "showClearButton": [32],
+            "searchButtonType": [32],
             "filteredOptions": [32],
             "setFocus": [64]
         },
@@ -18564,12 +18656,12 @@ class SectionContainer {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: '828f3234c880ff0d46adef9554ceb358c472a25c', class: {
+        return (hAsync(Host, { key: '9e23a2afe1ae3c15369906d28f55755f69254f8e', class: {
                 ["aligned-left"]: aligned === "left" || aligned === null,
                 ["aligned-center"]: aligned === "center",
                 ["aligned-full-width"]: aligned === "full-width",
                 ["no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: 'aae75bbdd8d6ae40c36621ad1398ab0185a4325c' })));
+            } }, hAsync("slot", { key: '75e12e8d9f4b61ff68aba436e7206129d143ddba' })));
     }
     static get style() { return IcSectionContainerStyle0; }
     static get cmpMeta() { return {
@@ -18601,6 +18693,7 @@ var IcSelectStyle0 = icSelectCss;
 let inputIds$2 = 0;
 const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
 /**
+ * @slot helper-text - Content is set as the helper text for the select.
  * @slot icon - Content will be placed to the left of the select text input.
  */
 class Select {
@@ -19375,7 +19468,7 @@ class Select {
         // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
         renderHiddenInput$1(this.el, searchable ? hiddenInputValue : currValue, name || inputId, disabled);
         const invalid = `${validationStatus === IcInformationStatus$1.Error}`;
-        const describedBy = getInputDescribedByText$1(inputId, helperText !== "", hasValidationStatus(validationStatus, !!disabled)).trim();
+        const describedBy = getInputDescribedByText$1(this.el, inputId, helperText !== "", hasValidationStatus(validationStatus, !!disabled)).trim();
         const valueLabelString = multiple
             ? this.getMultipleOptionsString(currValue)
             : this.getLabelFromValue(currValue);
@@ -19383,18 +19476,18 @@ class Select {
             (searchable
                 ? !!searchableSelectInputValue
                 : !!currValue && !loading && showClearButton);
-        return (hAsync(Host, { key: 'd128625d13fdd5c5ee1710116f071f42c9f9820f', class: {
+        return (hAsync(Host, { key: '4772c66e1053f7c19cafff3753af54715eab05d9', 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: 'd3d0381138d095fb6c2c673d543b9b61710c064b', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '9cc4c487e780d00eed4bc4e4e3c3cbb66aab2a14', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: 'cc15c6396b6edcd506e2caa93871ec529f6f25a4', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed$1(this.el, "icon") &&
+            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: '8d4a5a0b53f01cc6740b9fc1f5fa0805e45c8169', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: '37e19194734f052932dd6ac7c56994f67802a1bd', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, hAsync("slot", { key: '3b27f513ffc78d514c7695b1e5941041837efd55', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: 'a5bf5d711e23862ec08fb8f8e85ce0beec436ccc', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, isSlotUsed$1(this.el, "icon") &&
             !disabled &&
-            (!readonly || !!value) && (hAsync("span", { key: '21933fa4367b40e02fc41692a35f612f0c6c17d5', slot: "left-icon", class: {
+            (!readonly || !!value) && (hAsync("span", { key: '42fc8c78302cde968d3c96ad72c9aac66652829e', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, hAsync("slot", { key: 'ad5ca4da28e3fb74526668811a042d7efdfad10c', 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: '0cf7160335785716303e4e2e602be1a2d975098e', 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: {
                 "select-input": true,
                 "with-clear-button": !!searchableSelectInputValue,
             }, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: inputId, value: searchableSelectInputValue || undefined, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: form }), isClearable && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": searchableSelectInputValue &&
@@ -19414,13 +19507,13 @@ 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", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '341d478ae904d5bd2a4c6fa54fb29802d2851f3e', 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", theme: clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '3c09e05b72ddab09e9cfe2fb3ba2e403964dcb37', class: {
                 "no-results": loading ||
                     hasTimedOut ||
                     ((_a = noOptions === null || noOptions === void 0 ? void 0 : noOptions[0]) === null || _a === void 0 ? void 0 : _a.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 })), multiple && (hAsync("div", { key: '8fb9874132ab430dc90eba61264424fcf200b944', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '872afd5e8f621258c64756d06061a266a4e09745', class: { "menu-open": open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: inputId })))));
+                : 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 })), multiple && (hAsync("div", { key: '744fd85d0482cc49928b5d167691a58ff87d22ab', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '034f52ca6c0b23f29d784ec342a83e9434a0e352', class: { "menu-open": open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: inputId })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -19606,9 +19699,7 @@ class SideNavigation {
         };
         this.toggleMenuExpanded = (expanded) => {
             var _a, _b, _c, _d;
-            if (this.deviceSize > DEVICE_SIZES$1.S) {
-                this.menuExpanded = expanded;
-            }
+            this.menuExpanded = expanded;
             if (this.menuExpanded) {
                 this.setAndRemoveNoWrapAfterMenuExpanded();
                 (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".app-title-inner-wrapper")) === null || _b === void 0 ? void 0 : _b.classList.add("app-title-show");
@@ -19823,32 +19914,32 @@ class SideNavigation {
         this.resizeObserverCallback = (currSize) => {
             var _a, _b, _c, _d;
             this.deviceSize = currSize;
-            const isSmallAndDisableTopBar = currSize === DEVICE_SIZES$1.S && !this.disableTopBarBehaviour;
+            const isSDeviceEnableTop = currSize === DEVICE_SIZES$1.S && !this.disableTopBarBehaviour;
             if (!this.disableAutoParentStyling) {
                 const topBarHeight = (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".top-bar")) === null || _b === void 0 ? void 0 : _b.scrollHeight;
-                this.setParentPaddingTop(isSmallAndDisableTopBar ? `${topBarHeight}px` : "0");
-                if (isSmallAndDisableTopBar)
+                this.setParentPaddingTop(isSDeviceEnableTop ? `${topBarHeight}px` : "0");
+                if (isSDeviceEnableTop)
                     this.setParentPaddingLeft("0");
-                if (isSmallAndDisableTopBar && this.inline) {
+                if (isSDeviceEnableTop && this.inline) {
                     (_c = this.el.parentElement) === null || _c === void 0 ? void 0 : _c.style.setProperty("height", `calc(100% - ${topBarHeight}px)`);
                 }
-                else if (!isSmallAndDisableTopBar) {
+                else if (!isSDeviceEnableTop) {
                     (_d = this.el.parentElement) === null || _d === void 0 ? void 0 : _d.style.setProperty("height", "100%");
                 }
             }
+            const notSmallDisableTop = currSize > DEVICE_SIZES$1.S || this.disableTopBarBehaviour;
             if (!this.disableAutoParentStyling) {
                 const paddingLeft = `calc(var(--ic-space-xxl) ${this.collapsedIconLabels ? "* 2" : "+ var(--ic-space-xs)"})`;
                 if (currSize > DEVICE_SIZES$1.L) {
                     this.setParentPaddingTop("0");
                     this.setParentPaddingLeft("0");
                 }
-                else if ((currSize > DEVICE_SIZES$1.S || this.disableTopBarBehaviour) &&
+                else if (notSmallDisableTop &&
                     currSize <= DEVICE_SIZES$1.M &&
                     this.static) {
                     this.setParentPaddingLeft(paddingLeft);
                 }
-                else if ((currSize > DEVICE_SIZES$1.S || this.disableTopBarBehaviour) &&
-                    currSize <= DEVICE_SIZES$1.L) {
+                else if (notSmallDisableTop && currSize <= DEVICE_SIZES$1.L) {
                     this.setParentPaddingLeft(this.static && this.menuExpanded
                         ? "calc(var(--ic-space-xl) * 10)"
                         : paddingLeft);
@@ -19937,10 +20028,11 @@ class SideNavigation {
     render() {
         const { appTitle, menuOpen, foregroundColor, menuExpanded, href, status, version, collapsedIconLabels, inline, } = this;
         const isSDevice = !this.disableTopBarBehaviour && this.deviceSize === DEVICE_SIZES$1.S;
+        const isSDeviceDisableTop = this.disableTopBarBehaviour && this.deviceSize === DEVICE_SIZES$1.S;
         const isMdDevice = this.deviceSize === DEVICE_SIZES$1.M;
         const isLgDevice = this.deviceSize >= DEVICE_SIZES$1.L;
         const isAppNameSubtitleVariant = this.deviceSizeAppTitle === DEVICE_SIZES$1.S;
-        const displayExpandBtn = isMdDevice || this.disableTopBarBehaviour || (isLgDevice && !this.static);
+        const displayExpandBtn = isMdDevice || isSDeviceDisableTop || (isLgDevice && !this.static);
         const topBarProps = {
             isSDevice,
             foregroundColor,
@@ -19949,7 +20041,7 @@ class SideNavigation {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (hAsync(Host, { key: '15fb26b6255c8577321c0d8f6229657e708743a2', class: {
+        return (hAsync(Host, { key: '3c2b5578401f4cb5aec4443e08d0dd201e3b68a5', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -19958,12 +20050,12 @@ class SideNavigation {
                 [`ic-side-navigation-${IcBrandForegroundEnum$1.Dark}`]: foregroundColor === IcBrandForegroundEnum$1.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
                 ["ic-side-navigation-inline"]: !!inline,
-            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '7a61b9842b0178f2d278bba872b46f5e85f91ec6', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '17b4c931a5819104bc5d8895554e907775d17ede', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: '02740005b1dbab60c1184d7c87365207fd23cfa4', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '5ab66ae81e990a476ea430149c45812d61054a25', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '4a0ce9df794e6a40d59b2445aaec4abc906b8534', class: "navigation-list" }, hAsync("slot", { key: 'a03aedf0f85e25ed693cfa07058e756f2e0e0445', name: "primary-navigation" }))))), hAsync("div", { key: 'bcf6f0da6c0f02bc284a786e5c667f9845bdbf8f', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'e23e83b3b8ab5745d3336b9046d73b2093b3ce2b', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '015266a0a9c86247a1304a261a8854f6f09c2cc9', class: "side-navigation-inner" }, isSlotUsed$1(this.el, "primary-navigation") && (hAsync("nav", { key: 'dd6adfcf6555b8733c3a54e986c376a8173b67f4', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '2496078c272bd4a2330a71a92fe5b6814d57f057', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '9357b0f4413ffb8a27454e76f4ef8f31a0268edd', class: "navigation-list" }, hAsync("slot", { key: 'f16b2e21c42f8bb71090bdf2616821a7f3971bb6', name: "primary-navigation" }))))), hAsync("div", { key: '526a5d6b53d96281d1f94ccba74fff0656bae624', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: 'dbef49a24d8e8d3001eea8d1c131a5a478a87c3d', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: 'abab1109b3363bcc159364a392ab10930db86dbc', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: 'b71571a5bad511452533ae01a6f875ad1ca70fa8', class: "navigation-list" }, hAsync("slot", { key: 'f889cc63a76aec21ab1897a426133907a2521153', name: "secondary-navigation" })))), hAsync("div", { key: '002dcfe1e4673ab9068ae841bdfb0ee95c2634db', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: 'bd87f4a2f9ddf55ed77b289eb82f3c0ceeed1ce7' }), displayExpandBtn && (hAsync("button", { key: '754ecc50a0ea7972e4f042e5316577b2e3e6b6f3', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '3c3060f672f549a905ff9ad13ea4ff1fdc23c97c', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '23cb48b7bf508a9d36b9185b9cb9af1576dfa048', class: {
+            } }, isSlotUsed$1(this.el, "secondary-navigation") && (hAsync("nav", { key: 'b4ca53bf595e01cca2fa4f6be6c206df17ca9dea', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '3297c45f0206ad300b91bc72fd3f73833344e0a6', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '9e26f92a7d9b7a336c030d5d9341e72e8d0c8869', class: "navigation-list" }, hAsync("slot", { key: '7542d4061e0b546499e5b5323c39957c1607435a', name: "secondary-navigation" })))), hAsync("div", { key: '3b7e932d373b189762584a180a13bc06ec702d77', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: 'fa143397381376b142bef4fc6318ad98f329a358' }), displayExpandBtn && (hAsync("button", { key: '1d92181c969e5fd7c960ff2b28dbc9588b0339cc', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: 'f82c9aec7d5b2175bcf0a71edef6e7dbd4d2914e', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '33caeb2d9c8234d9b526fb9eea4a4a4ff829238d', class: {
                 ["app-status"]: true,
-            } }, hAsync("ic-typography", { key: '1128037e6b0438c727adac68a4ec50f8f3101ca9', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: 'cc474438e8b625059dce3bf469010842ae2742ab', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, hAsync("ic-typography", { key: '565ad1362e02ba1c86a179310f8fa9681402c9f2', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: '98c9e55f050ae87c60506b72726d843e3e67eb8e', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20027,11 +20119,11 @@ class Skeleton {
                 width: el.style.width || (variant === "circle" ? "25px" : "260px"),
             }
             : undefined;
-        return (hAsync(Host, { key: 'd72d614e65bb23092c7cef2e2847fed1d4b7f09c', class: {
+        return (hAsync(Host, { key: '5818b75264565b11565affe9e6edbd0ebc850b5a', class: {
                 skeleton: true,
                 "ic-skeleton-circle": variant === "circle",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '53da4b02d7b0cca946041fe40cfed8f3609c7e55' })));
+            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'dac00f75ef41cba4df058a87ac54a7346e93f747' })));
     }
     get el() { return getElement(this); }
     static get style() { return IcSkeletonStyle0; }
@@ -20088,9 +20180,9 @@ class SkipLink {
     }
     render() {
         const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
-        return (hAsync(Host, { key: 'f5206da7f5818fffa8b702cdd373237a7df1352d', class: {
+        return (hAsync(Host, { key: '48ebe55664670d4b67c3063a4d0d309b7a7b001a', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-link", { key: 'de29231082b19690757513b8df4a0724bb43d0eb', class: {
+            } }, hAsync("ic-link", { key: 'effeead1403ff76b176d5bb7b3863c53e3677dd9', class: {
                 "display-top": !inline,
                 "full-width": !!fullWidth,
                 "show-background": !transparentBackground,
@@ -20155,12 +20247,12 @@ class StatusTag {
     }
     render() {
         const { label, status, variant, size, announced, theme, uppercase } = this;
-        return (hAsync(Host, { key: '49111e8b5eb75c70840fd09ea4a8a1dd3a7ba5f9', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: 'b0968e1e0b6a020d13b7156557ffd865c1032d65', class: {
+        return (hAsync(Host, { key: '1364b3edcf4a5ebe148cfb8aa777bda105a3282f', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '96a6e601c3aeef8600835dc1e114c7be5a240164', class: {
                 ["tag"]: true,
                 [`${variant}-${status}`]: true,
                 ["outlined"]: variant === "outlined",
                 [`${size}`]: true,
-            } }, hAsync("ic-typography", { key: '4c03e5a6c47f6c027f8150700d027dab67ca356c', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '861310210d2644c28dcd81fe59e846a14865b106' }, label)))));
+            } }, hAsync("ic-typography", { key: 'dd831bf604192af5ee4b29676be2eda2d5d12e24', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: 'd7c07a02acbb5db23516389b41a752c75f6c3da6' }, label)))));
     }
     static get style() { return IcStatusTagStyle0; }
     static get cmpMeta() { return {
@@ -20244,29 +20336,29 @@ class Step {
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
         if (this.type === "completed" || this.compactStepStyling === "completed") {
-            statusIcon = (hAsync("span", { key: '4a9203e6aa1fd036fb787b0157742238663bcbd5', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
+            statusIcon = (hAsync("span", { key: 'da8e370996e92dde0f17f6460ecb0c11d8def086', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
         }
         else if (this.type === "disabled" ||
             this.compactStepStyling === "disabled") {
-            statusIcon = (hAsync("span", { key: '3e6f50e3f85e96b40066233cf8f579eeb2915a4a', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+            statusIcon = (hAsync("span", { key: '581de517797d73b13bab42503a084a579c540d5f', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (hAsync("div", { key: 'e0176afedd5e4d78e9cf0cf3b9127fb350d37230', class: {
+        const compactStep = (hAsync("div", { key: '2b0b01b29c81bd1ae351b56f04c18f7eab1ca4f1', class: {
                 ["step"]: true,
                 ["current"]: !!this.current,
                 [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
                 ["disabled"]: this.type === "disabled" || this.compactStepStyling === "disabled",
-            } }, hAsync("ic-loading-indicator", { key: '35b1cdf3892123ba853ca17b1442f40a4b769674', class: {
+            } }, hAsync("ic-loading-indicator", { key: '4f2234e8dc571338c71f63263d2cd45460920717', class: {
                 "compact-step-progress-indicator": true,
                 "not-required": this.type === "disabled" ||
                     this.compactStepStyling === "disabled",
-            }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: '6280811d6995b9a06c2a758a2e27a8b4c50f6a3c', class: "heading-area" }, hAsync("ic-typography", { key: '44382dd1f5a00d397f857341d4c85c35fe3986b0', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: '80897d2a2b10a74e4effe62b37e1f991041d98d0', class: "info-line" }, hAsync("ic-typography", { key: 'a8fb18daae6c067825f7251a02dc0a43c4d8be00', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: '7fec868e706c5ae8500e5f62bd40e06f207f27bc', class: "visually-hidden" }, " steps")), (this.subheading ||
+            }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: 'bb3834decc5d6e971b8da1b225987f41d7542b67', class: "heading-area" }, hAsync("ic-typography", { key: 'c9ac23c26ecb3a002f065583c36b105dd7a80d35', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: '72a46d0b49c4b09db01fd6a7a4000efb4d4f6da9', class: "info-line" }, hAsync("ic-typography", { key: '0a8f7b16a04431260d1650474ea86faa0248af2d', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: '497ad4a0febb2b9f5380a0bb28f0effc6368cf1d', class: "visually-hidden" }, " steps")), (this.subheading ||
             this.type === "completed" ||
             this.type === "disabled" ||
             (this.variant === "compact" &&
                 !!this.compactStepStyling &&
                 this.compactStepStyling !== "active") ||
-            !!this.status) && (hAsync("div", { key: '2686329ae67e2d4e5ff70269c53111e51e40e22d', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: '9d084452fe5fc69f3fb75d23e52cafaab618cc76', variant: "caption" }, this.subheading !== null && isPropDefined$1(this.subheading)
+            !!this.status) && (hAsync("div", { key: 'ee5da9d5d75229d3bffbc761dfc4c779b22b063d', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: 'b249e660a2eff61dc1d537ab14e2bf027c2ffab2', variant: "caption" }, this.subheading !== null && isPropDefined$1(this.subheading)
             ? this.subheading
             : this.type === "disabled" ||
                 (this.variant === "compact" &&
@@ -20279,26 +20371,26 @@ class Step {
         // ICON FOR DEFAULT STEP
         let icon;
         if (this.type !== "completed") {
-            icon = (hAsync("ic-typography", { key: '40a724fa1fd9fb124824b86c77f0e8e579e10ddf', variant: "subtitle-small" }, hAsync("span", { key: '80d7cee87c798fd31ef259c60cdc0207d1149569', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+            icon = (hAsync("ic-typography", { key: '8d6b60fe3b7cb9426536ac8afaeb798de0291b1c', variant: "subtitle-small" }, hAsync("span", { key: '464e32e9503075944e90e9e42c72ef3955c948d0', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (hAsync("div", { key: 'af64e8626ca32695d539a300549709505f5e0074', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: 'ae8e6c0527c288eb8cba12ee407ba95b30518ef3', class: "check-icon", innerHTML: checkIcon })));
+            icon = (hAsync("div", { key: '620c7f67632c073a4e339427bedc5ffed0a4a320', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '1396290202c009168bf4b7983a2af4f5d8fdeb64', class: "check-icon", innerHTML: checkIcon })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = this.type === "current" && (hAsync("div", { key: '36d5a9fa668901e1e975222a8b675330af53761d', class: "step-connect-inner" }));
-        const finalStep = !this.lastStep && (hAsync("div", { key: '5326ee2373d2580f2ba5d41547a50b0c59ad31e6', class: {
+        const partialBar = this.type === "current" && (hAsync("div", { key: '7d27dc6a29aca34dcb14c0624c66309614c5378a', class: "step-connect-inner" }));
+        const finalStep = !this.lastStep && (hAsync("div", { key: '70aeb7052405a7977a12562c329f227c71e35a8b', 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: 'de6aef5add716f0ab39f01025252963f93ff87db', class: {
+        const defaultStep = (hAsync("div", { key: '130b7d2d16c416a5e699a20564b475fe0620af18', class: {
                 ["step"]: true,
                 [`${this.type}`]: true,
-            } }, hAsync("div", { key: '1c4948393db6d357dddd34ede57e4f85525904e1', class: "step-top" }, hAsync("div", { key: '9a5fbf343c17dbf1426a8d81f7b35964f2ebe384', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: 'e9f4545dd4490ad1a7c1cc786c2339c9b097ba2b', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: 'e26a94db6d7e199eced26ec78b8997641652d77a', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: 'a30708b8b2c1a7fc37d90b69426f88e794a4e9fb', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined$1(this.subheading)
+            } }, hAsync("div", { key: '6b71087d2f67a0858fdd819424fed8d36084d98e', class: "step-top" }, hAsync("div", { key: 'a9d0fc4317db6cc4b60c8429909fe30dbae3001e', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: '13c274e45d81977b4ceeaf98a4e092a2d90fec97', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: '1c4307d5780fff0c7200631e7b729024e3ca8315', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: '4e6b789f77f40ed85e486bb8bf25b2209e042a91', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined$1(this.subheading)
             ? this.subheading
             : stepStatus))))));
-        return (hAsync(Host, { key: 'b7faa59fe0e1e1315ff7753bcba19a24bc671368', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
+        return (hAsync(Host, { key: 'aaeb6b423f4a746831b15ec90ae450a4a4c3fc9e', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.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-${this.variant}`]: true,
@@ -20579,11 +20671,11 @@ class Stepper {
         checkResizeObserver$1(this.runResizeObserver);
     }
     render() {
-        return (hAsync(Host, { key: 'c14ab03785dce7e9468fae22cc65ae18be102ae9', class: {
+        return (hAsync(Host, { key: '82128e652194f8c19692211d4170bab0651112c6', 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: 'f1ca972d94d0ba753baffc6af457b5458117e810', class: "step-item-list" }, hAsync("slot", { key: 'f2db26bd574543d137e5eb55e70bfa9201d50cae' }))));
+            } }, hAsync("ul", { key: '887be84fa976e8aae0bc1fd659781f4650543725', class: "step-item-list" }, hAsync("slot", { key: '09dfecb16ef10d0920e0b781befed025e16af13c' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -20615,11 +20707,12 @@ class Stepper {
     }; }
 }
 
-const icSwitchCss = "/*! 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;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text)}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}.ic-switch-label-small{margin-bottom:0.625rem}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-toggle::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n    var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small{gap:var(--ic-space-xxxs)}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted(*){margin-left:var(--ic-space-sm)}::slotted(svg){fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}";
+const icSwitchCss = "/*! 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;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text)}input{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ic-switch-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}.ic-switch-label{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}.ic-switch-label-small{margin-bottom:0.625rem}.ic-switch-toggle{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}.ic-switch-line-break{flex:1 0 100%}.ic-switch-toggle::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-switch-unchecked);transition:var(--ic-transition-duration-slow)}.ic-switch-icon{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}.ic-switch-icon-circle,.ic-switch-icon-line{stroke-width:1}.ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off)}.ic-switch-icon-line{stroke:var(--ic-switch-indicator-on)}@media (prefers-reduced-motion: reduce){.ic-switch-toggle::before{transition-duration:0ms}}.ic-switch-input:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg);border:none}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-switch-checked)}.ic-switch-input:not([disabled])+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-hover)}.ic-switch-input:not([disabled])+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-unchecked-bg-pressed)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:hover::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-hover)}.ic-switch-input:not([disabled]):checked+.ic-switch-toggle:active::before{box-shadow:0 0 0 0.75rem var(--ic-switch-checked-bg-pressed)}.ic-switch-input:focus:not([disabled])+.ic-switch-toggle,.ic-switch-input:focus-visible:not([disabled])+.ic-switch-toggle{box-shadow:var(--ic-border-focus)}.ic-switch-disabled{cursor:default}.ic-switch-disabled .ic-switch-icon-circle{stroke:var(--ic-switch-indicator-off-disabled)}.ic-switch-disabled .ic-switch-icon-line{stroke:var(--ic-switch-indicator-on-disabled)}.ic-switch-input:disabled+.ic-switch-toggle{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-disabled)}.ic-switch-input:disabled+.ic-switch-toggle::before{background-color:var(--ic-switch-unchecked-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle{background-color:var(--ic-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n    var(--ic-switch-checked-outline-disabled)}.ic-switch-input:disabled:checked+.ic-switch-toggle::before{background-color:var(--ic-switch-checked)}.ic-switch-small{gap:var(--ic-space-xxxs)}.ic-switch-small .ic-switch-toggle{width:var(--ic-space-xxl);height:var(--ic-space-lg)}.ic-switch-small .ic-switch-toggle::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}.ic-switch-small .ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(var(--ic-space-lg), -50%)}::slotted([slot=\"right-adornment\"]){margin-left:var(--ic-space-sm);fill:var(--ic-switch-icon)}@media (forced-colors: active){.ic-switch-toggle::before,.ic-switch-input:checked+.ic-switch-toggle{border:var(--ic-border-hc)}.ic-switch-input:focus+.ic-switch-toggle{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}.ic-switch-input:checked+.ic-switch-toggle::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}.ic-switch-input:disabled+.ic-switch-toggle,.ic-switch-input:disabled:checked+.ic-switch-toggle,.ic-switch-input:disabled+.ic-switch-toggle::before{border-color:GrayText}.ic-switch-disabled .ic-switch-icon-circle,.ic-switch-disabled .ic-switch-icon-line{stroke:GrayText}}";
 var IcSwitchStyle0 = icSwitchCss;
 
 let inputIds$1 = 0;
 /**
+ * @slot helper-text - Content is set as the helper text for the switch.
  * @slot right-adornment - Content is placed to the right of switch.
  */
 class Switch {
@@ -20712,16 +20805,16 @@ class Switch {
         const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
         const isSmall = size === "small";
         renderHiddenInput$1(this.el, checkedState ? value : "", name, disabled);
-        return (hAsync(Host, { key: '66d9e066d1e0f20f7fa59fa0ca51c1769562a80e', class: {
+        return (hAsync(Host, { key: '41b8e3edfe4befcf823ba88af9b476301be738c0', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("label", { key: '4bb0893e84a0c5f5f60ae02a00f1939987d5feb6', class: {
+            } }, hAsync("label", { key: 'b7be9f77c5ff10bd8f4ebcc76588d5b84567f37c', class: {
                 "ic-switch-container": true,
                 "ic-switch-disabled": !!disabled,
                 "ic-switch-small": isSmall,
-            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '30301d042cec22cb7075eaf3bb424253b6ca1a36', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
+            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '799058374e555336d45376ddd645afeee32bafcb', for: inputId, label: label, helperText: helperText, readonly: false, disabled: disabled, class: {
                 "ic-switch-label": true,
                 "ic-switch-label-small": isSmall,
-            } })), !hideLabel && hAsync("span", { key: '6427efd9a6a645dd73783cc6e0356c437856c1bb', class: "ic-switch-line-break" }), hAsync("input", { key: 'dace8d204c141350a2e5cf9ab6ea47337b98731c', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(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: 'a443193b38189567ecb9740b47c60c6d9e09fdbc', class: "ic-switch-toggle" }, hAsync("svg", { key: 'b8b91083bb4afa7dc2d63c858e44594cebc5ee89', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: 'af086eb2f9f000b7c881620d19f879956b82a3e8', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '788815cfaf4aae19e33b5adb03a8452365d8c700', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: 'f214643ebf7dfdd76f719e82f2241dc779bf5911', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'a88bdfafceb94160a60e4396c34d1a80ca21a58e', name: "right-adornment" }))));
+            } }, hAsync("slot", { key: '509cfc15006377cd5cbb7ead4d33d29069e1ae25', name: "helper-text", slot: "helper-text" }))), !hideLabel && hAsync("span", { key: '01ab8db129ac0a1cb0d1eb36c220211102c77696', class: "ic-switch-line-break" }), hAsync("input", { key: '71c1a210fb9323c0d0bf1139f4bbd68e529b1c1f', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText$1(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: '835ba78c97c3af1916e4214e781ecd3e4f465828', class: "ic-switch-toggle" }, hAsync("svg", { key: '8bb00a2e5f95ebe996e73be959467df033c44881', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: 'a3d47d6105d552f920ef6143e385515da508500f', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '2d7a5654aebbb042123a706edb2dec1c605d5f9d', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '6c0645133ac7a2fa747ce1cd81df0d2b528e19a5', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'f7ac187630acff4dabd2c264a6ebdbc717c21221', name: "right-adornment" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -21099,7 +21192,7 @@ class TabContext {
         }
     }
     render() {
-        return hAsync("slot", { key: '308c198fe6530957868154b0e7edb1a977629bca' });
+        return hAsync("slot", { key: 'b2129a3c599ca4b97df30f14833761780c2c0940' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21145,11 +21238,11 @@ class TabGroup {
     }
     render() {
         const { inline, theme, label, monochrome } = this;
-        return (hAsync(Host, { key: '843cb9e2c3bf88635d7721ce01d0fbcac8c0f774', role: "tablist", "aria-label": label, class: {
+        return (hAsync(Host, { key: '5e2ac19760c3c6f6a5fa4e24e4b65d06bf958734', 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: '3e65658082dfa15c4249b942a4231402b9b20856', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '579c86d070a566e752c102195b8d13de7bdd0ac9', class: "tabs-container" }, hAsync("slot", { key: 'c5d14fa4615b470d8aa01b567667768427f20e50' })))));
+            } }, hAsync("ic-horizontal-scroll", { key: 'c1af66d6ccce50093586a87024d2fc2064204e65', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '5d74a60b33b216eea766a5d15e9d130cda924d2b', class: "tabs-container" }, hAsync("slot", { key: '7d95c9b98a270810c391abc779ca0bda5c7fa24f' })))));
     }
     static get delegatesFocus() { return true; }
     static get style() { return IcTabGroupStyle0; }
@@ -21192,10 +21285,10 @@ class TabPanel {
     }
     render() {
         const { active, theme } = this;
-        return (hAsync(Host, { key: 'b5bfad1dbd94c81d889c5cb1e5dabadece967655', class: {
+        return (hAsync(Host, { key: '866d13ac3e2c93c8ea20e83d8513a74664aabfcb', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: 'a1032b06a9103331d74a35a9c4bd1a47a63d3335' }, hAsync("slot", { key: '5c8c7c9bbbc6573e9e3a05224cb50ef36740c81c' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: 'a44da18c8534659c240dcb84ba9941b61574f546' }, hAsync("slot", { key: '91a267e9b16c4ebdadb1b5facb9f7f50f3944f8e' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcTabPanelStyle0; }
@@ -21222,6 +21315,7 @@ var IcTextFieldStyle0 = icTextFieldCss;
 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 icon - Content will be placed to the left of the text input.
  */
 class TextField {
@@ -21578,21 +21672,21 @@ class TextField {
         const charsRemaining = maxNumChars - numChars;
         const remainingCharCountDescId = maxCharacters > 0 ? `${inputId}-remaining-char-count-desc` : "";
         const remainingCharCountDesc = `${charsRemaining} character${charsRemaining === 1 ? "" : "s"} remaining.`;
-        const describedBy = `${hiddenCharCountDescId} ${numChars > 0 ? remainingCharCountDescId : ""} ${getInputDescribedByText$1(inputId, helperText !== "", showStatusText)}`.trim();
+        const describedBy = `${hiddenCharCountDescId} ${numChars > 0 ? remainingCharCountDescId : ""} ${getInputDescribedByText$1(this.el, inputId, helperText !== "", showStatusText)}`.trim();
         const disabledText = disabledMode && !readonly;
         const showLeftIcon = !!this.el.querySelector(`[slot="icon"]`) && !disabledText;
         const invalid = `${currentStatus === IcInformationStatus$1.Error}`;
         hiddenInput
             ? renderHiddenInput$1(this.el, value, name, disabledMode)
             : removeHiddenInput(this.el);
-        return (hAsync(Host, { key: 'fe960598716052334b20c15f7e4b05477025783b', class: {
+        return (hAsync(Host, { key: '353a70181ab18c4f636b34e2177bb9d088567885', class: {
                 "ic-text-field-full-width": fullWidth,
                 "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-input-container", { key: '1a4e6b2cd9ef8646ed34575b77ce53d82a1dbb1b', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '1b56501853e8a8062a4b02fb85be73c69d4b5b1e', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: '7e104a64fc5ab3a173b814d38287fd843cfb8eb4', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'd3e31bb36c451e33d99b93eb069b6cad1e074de3', class: {
+            } }, hAsync("ic-input-container", { key: '96d0ef6132ed2a26ee535cfc5055ddc6287446f6', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: 'dfcb7859651f74678636e4cda1ba0706b2e3b1fb', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, hAsync("slot", { key: 'd9ee297f2de674a969486a3d00eef54526eace50', name: "helper-text", slot: "helper-text" }))), hAsync("ic-input-component-container", { key: '0a178235ced26ef73fd907d41424a8b4942659dc', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'c5206e3d1af81d4bf9bf0afcc9277899ca2287be', class: {
                 readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, hAsync("slot", { key: '6b91c9ac3cf054c3e30208712e3404c03c1e7d45', 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: 'f3945929b482d9a0a954dc1afa658fc0c45d90c8', 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,
@@ -21600,19 +21694,19 @@ 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, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '9b9a1124d52713bf7addfdaa9ad2c8f13538e988', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: '3b84112cf83d64ae25bec34bd981a2d53d4cb00c', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: 'f4b614d2451d5c264455536c365ce01510549df3', name: "menu" }), (!isEmptyString$1(validationStatus) ||
+            }, 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, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), isSlotUsed$1(el, "clear-button") && (hAsync("slot", { key: '6397d66b59b148884cb2fd7f8913063ca24f0de1', name: "clear-button" })), isSlotUsed$1(el, "search-submit-button") && (hAsync("slot", { key: 'c5e7f94345cebe1dc99ba475aa5bde1b45dda0e0', name: "search-submit-button" }))), isSlotUsed$1(el, "menu") && hAsync("slot", { key: '1c7fe7d7654373753295a44a3e126ce2409099cc', name: "menu" }), (!isEmptyString$1(validationStatus) ||
             !isEmptyString$1(validationText) ||
             maxNumChars > 0 ||
             maxValueExceeded ||
             maxCharactersWarning ||
             minCharactersUnattained ||
             minValueUnattained) &&
-            !validationInlineInternal && (hAsync("ic-input-validation", { key: 'a3320c6413c9688905aa7195c07aedaeb5b07aac', status: this.hasStatus(currentStatus) === false ||
+            !validationInlineInternal && (hAsync("ic-input-validation", { key: '2ba3ff987910423696b822529b36e59f04b36025', status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === IcInformationStatus$1.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '50e3a895feaf7026e41698279e344ec987be3569', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '6918f82e8bc0ab17941bdafa24249f7ac0fbc191', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '59b2ea3ee4a854eff96af2faacb407f926c1b393', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '977bfee3b55bad4412d6943dfc8e75bd0f4ddb41', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: '727328e80137330465fcbdc45711f168b5d9d54f', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '01e443574b72a18ebd0b0646b0c2c30b59cc5726', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '90d4e1d9325a34444c38a9c75eaaa5e256c23cae', variant: "caption", class: "char-count-text" }, hAsync("span", { key: '901a7db053e3fa59e6db506a53be92ddbf54be5d', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: '83b08ec8e8ba8286cc8024b647552c5b3e0d09e5', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), hAsync("span", { key: '28e0fc0de7a73057a7b00bd7e40e71c7611a980c', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21750,7 +21844,7 @@ class Theme {
     }
     render() {
         const { themeClass } = this;
-        return (hAsync(Host, { key: 'e353f7e1a95badecf478559b39cb0ecc20bd4c75', class: themeClass }, hAsync("slot", { key: '727a7e7a3240118efbc8b00dea9ff51f80a94878' })));
+        return (hAsync(Host, { key: 'b49257f527c4a26eca25d04500d822785cba320b', class: themeClass }, hAsync("slot", { key: '09782aca70372e6897e9032b66a166335778a6fe' })));
     }
     static get watchers() { return {
         "brandColor": ["watchBrandColorPropHandler"],
@@ -21975,13 +22069,13 @@ class Toast {
     }
     render() {
         const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
-        return (hAsync(Host, { key: '07c2077a8b872900f4adc9943829b3fdc58d0910', class: { ["ic-toast-hidden"]: !visible }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: 'd58b7d50131a67dadcaf03c85d1724bd57a522e3', class: "container" }, variant && visible && (hAsync("div", { key: '15c75b6bdc7a3d3fb0c31a3e9cdfd05d5f47d969', class: "toast-icon-container" }, hAsync("div", { key: 'e850996cd9d5f6d9a921dd56878bbec7d6d7c417', class: {
+        return (hAsync(Host, { key: '77ff93e63eaa0ac86b8afc447c5f2190131dd758', class: { ["ic-toast-hidden"]: !visible }, tabindex: "0", onFocus: this.onFocus, onBlur: this.onBlur, role: isManual ? "dialog" : "alert", "aria-live": isManual ? null : "polite" }, hAsync("div", { key: '0fcc1bf6aaf4c42a8ba4828c82777f75426b63bd', class: "container" }, variant && visible && (hAsync("div", { key: '87093bc655aa884d3e815f49a7ed5675e7e26b60', class: "toast-icon-container" }, hAsync("div", { key: 'b169b9bad445f582c0d0019cb646f0648ea589a1', 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: '3ba943e248e9492209bd89144c2baebc82a2c1f9', class: {
+            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: '22a0c86247222789d4590a8c2698120c74fe3c59', class: {
                 ["toast-content"]: true,
                 ["no-icon"]: variant === "neutral" && !isSlotUsed$1(this.el, "neutral-icon"),
-            } }, hAsync("div", { key: 'e66852571c15ca60983bae3ee886fcf08b762276', class: "toast-text" }, hAsync("ic-typography", { key: '3ca4cdb553d651db0642a2ed788789cf843bcb68', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'a5044b7a0916d2a1fb0f79bd747ffaf7b54b64f2', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '48e15b146bfbb18208f70998cf6df1c8c5758deb' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '010fac8238b54e19783d164bb5fac2a4ead5cb54', class: "toast-action-container" }, hAsync("slot", { key: '770796e85017801b9f48b1762392bac5c4ee11e5', 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", "aria-label": dismissButtonAriaLabel })))));
+            } }, hAsync("div", { key: 'fba229f896689a7309d2e6e1d566e3e7dbd32932', class: "toast-text" }, hAsync("ic-typography", { key: 'd672976872f8789ed4a51c4af23e64a48ba19bc8', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'f51c64d977c09cc5e6502b780dc70de84ebaa035', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: 'f827dbff18b4b0cfd713747f09d62e0040f8f1a3' }, message)))), isSlotUsed$1(this.el, "action") && (hAsync("div", { key: '3f5cee133b54735d6d7466ceb37389d27b61c7a0', class: "toast-action-container" }, hAsync("slot", { key: 'b7882de8b13f069887ebd612ab6e260b063c65d1', 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", "aria-label": dismissButtonAriaLabel })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22053,7 +22147,7 @@ class ToastRegion {
         }
     }
     render() {
-        return hAsync("slot", { key: '3ff4dd455989c1922414e4d4ed83d9b5472736bf' });
+        return hAsync("slot", { key: '9a80027a3b497771ca83af4172fdccc2bfcc10f0' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22205,7 +22299,7 @@ class ToggleButton {
     render() {
         const { accessibleLabel, checked, disabled, fullWidth, iconPlacement, monochrome, label, loading, size, theme, tooltipPlacement, variant, } = this;
         const iconVariant = variant === "icon";
-        return (hAsync(Host, { key: 'e34299dc13ff4f36657b4fea7c88d5d478fa85c1', class: {
+        return (hAsync(Host, { key: '64acdb10437030311b26805c7a5b4fb4e53a7641', class: {
                 "ic-toggle-button-checked": checked,
                 "ic-toggle-button-disabled": disabled,
                 "ic-toggle-button-icon": iconVariant,
@@ -22214,7 +22308,7 @@ class ToggleButton {
                 "ic-toggle-button-full-width": fullWidth,
                 [`ic-toggle-button-${size}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '9f6f52717db592139175316c88a781eaa98adb65', "aria-pressed": `${checked}`, variant: iconVariant ? "icon" : "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: 'c180d619e44820ba7a0f597070f0cea2d26a4830' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: 'b2a2545a6b0ed44a7911da313306ed6de84c7862', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: 'c7de6d7eb51d0f444ede14995f708ffcd42174a1', name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '7ec9db00accaa2e67f4797534f4ad2b304da6397', "aria-pressed": `${checked}`, variant: iconVariant ? "icon" : "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: 'e84bac663f0dababe84c49180fbeabaaff23c24d' }), isSlotUsed$1(this.el, "icon") && (hAsync("slot", { key: 'ee8b32317edb8d9f0dfcbdb0daa106a53bcf26d4', name: "icon", slot: `${iconPlacement}-icon` })), isSlotUsed$1(this.el, "badge") && (hAsync("slot", { key: 'baa79552fb587d8f1167874dc55f47bbf9cf711b', name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -22465,13 +22559,13 @@ class ToggleButtonGroup {
     }
     render() {
         const { accessibleLabel, disabled, fullWidth, loading, monochrome, theme } = this;
-        return (hAsync(Host, { key: '91a65da59d67e885a34b5d8c9390f6f419342125', role: "group", "aria-label": accessibleLabel, tabindex: 0, class: {
+        return (hAsync(Host, { key: 'c82ba602f319c2074da44667618cc5d7b7c3499b', role: "group", "aria-label": accessibleLabel, tabindex: 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-theme-${theme}`]: theme !== "inherit",
-            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'bbf0f773b7978915b5421b1962a3391323ee1d3a' })));
+            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: '98defd37fd3f5c87d4d0aceefd1b5ac0c5ad6123' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22792,7 +22886,7 @@ class Tooltip {
     }; }
 }
 
-const icTopNavigationCss = "/*! 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;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);--navigation-link-colour:var(--ic-top-navigation-text)}:host(.dark){color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-icon-and-label:var(--ic-color-text-primary-light);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--ic-top-navigation-title-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-dark-bg-pressed);--navigation-link-colour:var(--ic-color-text-primary-light)}:host(.dark) ::slotted(ic-navigation-button){--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}::slotted(ic-navigation-button){--ic-button-icon-monochrome:white}:host .top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-border-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name=\"app-icon\"]::slotted(*){fill:var(--ic-top-navigation-logo);width:2em;height:2em}slot[name=\"toggle-icon\"] svg{fill:var(--ic-top-navigation-icon)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.menu-button-container .navigation-landmark-button-text:dir(rtl){right:-9999px}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name=\"app-icon\"]::slotted(*){width:1.5em;height:1.5em}slot[name=\"toggle-icon\"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-border-hc)}.app-status,.app-version{border:var(--ic-border-hc)}slot[name=\"app-icon\"]::slotted(*){fill:currentcolor}slot[name=\"toggle-icon\"] svg{fill:currentcolor}}";
+const icTopNavigationCss = "/*! 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;color:var(--ic-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);--navigation-link-colour:var(--ic-top-navigation-text)}:host(.dark){color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-icon-and-label:var(--ic-color-text-primary-light);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--ic-top-navigation-title-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-title-pressed:var(--ic-action-dark-bg-pressed);--navigation-link-colour:var(--ic-color-text-primary-light)}:host(.dark) ::slotted(ic-navigation-button){--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}::slotted(ic-navigation-button){--ic-button-icon-monochrome:white}:host .top-navigation{background-color:var(--ic-top-navigation-background);height:-moz-max-content;height:max-content}:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form){width:100%}:host .title-link{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}:host .title-link,:host .title-link:visited,:host .title-link:active,:host .title-link ::slotted(a),:host .title-link:visited ::slotted(a),:host .title-link:active ::slotted(a){color:var(--ic-top-navigation-icon-and-label);text-decoration:none;outline:none}:host .title-link:hover:not(:focus){background-color:var(--ic-top-navigation-title-hover)}:host .title-link:active:not(:focus){background-color:var(--ic-top-navigation-title-pressed)}:host .title-link:hover{border-radius:var(--ic-border-radius)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}:host .title-link ic-typography{font-weight:600}:host .nav-panel-container{border-top:var(--ic-space-1px) solid var(--ic-top-navigation-keyline);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}:host(.dark) .nav-panel-container{border-top:var(--ic-border-keyline-darken)}.top-panel-container{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}.navigation-tabs{margin-top:calc(-1 * var(--ic-space-1px))}.app-details-container{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}.app-icon-container{display:flex;padding-right:var(--ic-space-xs)}.icon-buttons-container{display:flex;margin-left:var(--ic-space-md)}.icon-buttons-container ::slotted(nav){display:flex}.title-wrap{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}:host .app-status{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}:host .app-version{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}slot[name=\"app-icon\"]::slotted(*){fill:var(--ic-top-navigation-logo);width:2em;height:2em;cursor:pointer}slot[name=\"toggle-icon\"] svg{fill:var(--ic-top-navigation-icon)}.search-menu-container{justify-content:right;display:flex;align-items:center}.menu-button-container{margin-left:var(--ic-space-md)}.menu-button-container .navigation-landmark-button-text{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.menu-button-container .navigation-landmark-button-text:dir(rtl){right:-9999px}.search-actions-container{display:flex}.menu-buttons-slot{display:flex;flex-direction:column}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}.navigation-item-list{display:flex;list-style:none;height:2.75rem}.navigation-item-list::-webkit-scrollbar{display:none}:host ic-section-container{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){.app-details-container{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){:host .nav-panel-container{padding:0 var(--ic-space-md)}}:host(.mobile-mode) .app-status,:host(.mobile-mode) .app-version{display:none}:host(.mobile-mode) .title-link{margin-right:var(--ic-space-xs)}:host(.mobile-mode) .search-menu-container{max-width:10rem}:host(.mobile-mode) .search-bar-container{display:flex;justify-content:center;align-items:center;border-top:var(--ic-border-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){:host .title-link{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}.top-panel-container{min-height:2.5rem}.search-bar-container{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}.menu-button-container{margin-left:var(--ic-space-sm)}slot[name=\"app-icon\"]::slotted(*){width:1.5em;height:1.5em}slot[name=\"toggle-icon\"] svg{width:1.5em;height:1.5em}}@media (forced-colors: active){:host .top-navigation{border-bottom:var(--ic-border-hc)}.app-status,.app-version{border:var(--ic-border-hc)}slot[name=\"app-icon\"]::slotted(*){fill:currentcolor}slot[name=\"toggle-icon\"] svg{fill:currentcolor}}";
 var IcTopNavigationStyle0 = icTopNavigationCss;
 
 /**
@@ -22811,6 +22905,7 @@ class TopNavigation {
         this.icNavigationMenuOpened = createEvent(this, "icNavigationMenuOpened", 7);
         this.icTopNavResized = createEvent(this, "icTopNavResized", 7);
         this.hasAppIcon = false;
+        this.hasAppTitleSlot = false;
         this.hasIconButtons = false;
         this.hasNavigation = false;
         this.hasSearchSlotContent = false;
@@ -22859,9 +22954,15 @@ class TopNavigation {
         this.version = "";
         this.checkSlots = () => {
             this.hasAppIcon = isSlotUsed$1(this.el, "app-icon");
+            this.hasAppTitleSlot = isSlotUsed$1(this.el, "app-title");
             this.hasNavigation = isSlotUsed$1(this.el, "navigation");
             this.hasIconButtons = isSlotUsed$1(this.el, "buttons");
             this.hasSearchSlotContent = isSlotUsed$1(this.el, "search");
+            if (this.hasAppIcon) {
+                const slottedAppIcon = this.el.querySelector('[slot="app-icon"]');
+                if (slottedAppIcon && slottedAppIcon.tagName === "A")
+                    slottedAppIcon.tabIndex = -1;
+            }
         };
         this.initialiseSearchBar = () => {
             if (!this.hasSearchSlotContent)
@@ -22954,7 +23055,7 @@ class TopNavigation {
     }
     componentDidLoad() {
         checkResizeObserver$1(this.runResizeObserver);
-        if (!isSlotUsed$1(this.el, "app-title")) {
+        if (!this.hasAppTitleSlot) {
             onComponentRequiredPropUndefined$1([{ prop: this.appTitle, propName: "app-title" }], "Top Navigation");
         }
     }
@@ -22982,7 +23083,7 @@ class TopNavigation {
         this.foregroundColor = detail.mode;
     }
     render() {
-        const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;
+        const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasAppTitleSlot, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;
         const hasStatus = status !== "";
         const hasVersion = version !== "";
         const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;
@@ -22998,21 +23099,20 @@ class TopNavigation {
         const mobileSearchButtonTitle = `${mobileSearchBarVisible ? "Hide" : "Show"} search`;
         const menuSize = isSmallDeviceSize ? "small" : "medium";
         const shortAppTitleSlot = isSlotUsed$1(el, "short-app-title");
-        const hasAppTitleSlot = isSlotUsed$1(el, "app-title");
         const Component = hasAppTitleSlot ? "div" : "a";
         const attrs = Component == "a" && {
             href: href,
         };
-        return (hAsync(Host, { key: '109a8d5b8745b485182a193c3f4929a7b01db39a', class: {
+        return (hAsync(Host, { key: '04ae428a97e2c58967096b74d112eaff245f8dff', class: {
                 "fullwidth-searchbar": hasFullWidthSearchBar,
                 "mobile-mode": overMobileBreakpoint,
                 [IcBrandForegroundEnum$1.Dark]: foregroundColor === IcBrandForegroundEnum$1.Dark,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '4ed96db767e6c034003f84053651fe68396799c7', class: "top-navigation" }, hAsync("ic-section-container", { key: '44ac38abd7935fe8feed493a1f1550fccc3c5535', aligned: contentAligned, "full-height": true }, hAsync("header", { key: 'b5468dc9e39a3f45e857464179d3bb9f6ea15707', role: "banner" }, hAsync("div", { key: '856acd47849f1621f800385e630cd9d045535ef0', class: "top-panel-container" }, hAsync("div", { key: '0ac5b5c3313230a12f75b99531b6db5280f54729', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: 'c27a485d2d304ea74edd37e30dfc013c7f42d1f6', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '18e1af273850b3174fdc3c2ac3b7cd1e51d27dc8', class: "app-icon-container" }, hAsync("slot", { key: '98ff1d08d3cd6a0332c42f8c08d2e04897da1014', name: "app-icon" }))), isSmallDeviceSize &&
+            } }, hAsync("div", { key: '567b43f0ff4239ec947520f1b3cfdca5f248a273', class: "top-navigation" }, hAsync("ic-section-container", { key: 'de93c750d52edcafbf52b45f35adeb6547a68b7b', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '70f3227f015418d9fa82e64786a0b6c9543b3bee', role: "banner" }, hAsync("div", { key: 'cd42a8c33f9baef9566f2fea19d3e9462f4e067a', class: "top-panel-container" }, hAsync("div", { key: '192dbc95a46ffb8d06a7f55258e791a149003bd4', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: '434d3d4de2d251752145200352425032692fc1cd', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '6f3d2089eb16b717946baa082706beb46f04657d', class: "app-icon-container" }, hAsync("slot", { key: '0daa4b46d9e2d72aa1c68e62279e5a3389ec3ab2', name: "app-icon" }))), isSmallDeviceSize &&
             (!isEmptyString$1(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: '6cb297d4f6942bb1a277c8ce7476e861d97c8443', class: "app-status" }, hAsync("ic-typography", { key: 'df12aa96dbce804e3bf0241f68a93b2027667f65', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '6312913ba6a1da16d992e225b1c2c81a9ef08e86', class: "app-version" }, hAsync("ic-typography", { key: 'e1885cd980327cac6254860daeb80e3bf3b71b71', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '227e6a17a7f8f353aac7c7fc684adef110387e12', class: "search-menu-container" }, hAsync("div", { key: 'c61983790f01a2f4cccde572ccae52d598f2ef8f', 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: '151189b97bf2f3d25a492b94d18abbcdf75fecfe', class: "search-bar-container" }, hAsync("slot", { key: 'e2cce191292a452cd262225cc37a7740a3062e27', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '276e4e02593c11acf3b9d6d3e9fa180d1a931638', class: "navigation-tabs" }, hAsync("span", { key: '36300650d07526bc75fb99461c8749a12d08bfe1', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '0f8c7ac61bb6bf1007f29a79759faaa4700b1d90', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '35f848caea4ea1dd4acf40fb745c8c21e3527a1c', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: 'e3258950c9a102ab131421f43c6c255a25a92b86', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '47b7b95636042b538630b97a124420a1fc27c948', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '3882936269a606b370eb187404194be1add62dd5', 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: '83a440ebcedf586a87690b57ea9ecfce1495ceb7', class: "app-status" }, hAsync("ic-typography", { key: '0889ee69e31b3665821b286915a43e253fd66c1a', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '542d3f22383d5bac8eda47fcd47ef694f054929b', class: "app-version" }, hAsync("ic-typography", { key: '0ed2b7209b4f03da9d462ac1406d3530696b702c', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: 'dbc3439b52e9d9257fc1c98ad50e25e92140ceca', class: "search-menu-container" }, hAsync("div", { key: '3f5b5d05659459daab6d0bcbd69dd0ac70eae0f8', 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: 'b3f55a4e18ef3c55503b56447d5fbeb19e569a4f', class: "search-bar-container" }, hAsync("slot", { key: '99ebca2aa04bf76d949384c517dc2012312dbd92', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '6113dfcd92cf06c1f9a533ec6c2f0af3d26abca7', class: "navigation-tabs" }, hAsync("span", { key: 'fa638d34955dccbdb7a8f149e0a8e083e3df0f72', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: 'fc6e24c76b720a463e81dbbe00c91a065bb260ea', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'da133fd91d91ff172067fc9aad86651a4c3a2f95', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: 'f48330caa3937f35f2f65a3fbad830bda2b5c342', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '74eb909d405109d5387f42e00a633e8ed09ff6f6', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: 'c77d988d1af3ac37eebb5d598b5f649f1d47c899', version: version, status: status, class: {
                 inline,
-            } }, hasIconButtons && (hAsync("div", { key: '0de3827a70e0d7b3148148b89a36a98693883770', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: 'a4a175ccfa0aa523fda4ce61d389175c40f75be0', name: "buttons" }))), hAsync("ul", { key: 'c601f64f4e48c2cb197793d440fdac7d2dc08261', slot: "navigation" }, hAsync("slot", { key: 'af85842692b892b7614fafff255c2c107a5bfdc9', name: "navigation" }))))));
+            } }, hasIconButtons && (hAsync("div", { key: '77d9283a5fdffa724e13f667e9d09ae72f72329e', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '020b485ca53e55926b072738ab7dcb465f1efce5', name: "buttons" }))), hAsync("ul", { key: '16101ca81c95d2de0d55c7a051ccffd5a987f5f8', slot: "navigation" }, hAsync("slot", { key: '02bde8c67591e4c2c15d005252f1f7ae87cff61a', name: "navigation" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -23051,7 +23151,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
     <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
 </svg>`;
 
-const icTreeItemCss = ":host{display:block;border:none;position:relative}:host .tree-item-content{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}::slotted([slot=\"router-item\"]){display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:0 var(--ic-space-xs) !important}:host(.ic-tree-item-truncate) .tree-item-content,:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}::slotted([slot=\"router-item\"].ic-tree-item-single){padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}:host .tree-item-content:focus,::slotted([slot=\"router-item\"]:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}:host(.ic-tree-item-focus-inset) .tree-item-content:focus,:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.ic-tree-item-focus-inset) .tree-item-content,:host(.ic-tree-item-focus-inset) ::slotted([slot=\"router-item\"]){padding:0 var(--ic-space-sm)}:host .tree-item-content:hover,::slotted([slot=\"router-item\"]:hover){background-color:var(--ic-tree-view-hover) !important;cursor:pointer}:host .tree-item-content:active,::slotted([slot=\"router-item\"]:active){background-color:var(--ic-tree-view-pressed) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]){background-color:var(--ic-tree-view-selected) !important}:host(.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"]){min-height:var(--ic-space-xl)}:host(.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"]){min-height:var(--ic-space-xxl)}:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-small) ::slotted([slot=\"router-item\"]){height:var(--ic-space-xl)}:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-large) ::slotted([slot=\"router-item\"]){height:var(--ic-space-xxl)}:host(.ic-tree-item-disabled){pointer-events:none}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]){color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}:host .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs)}:host(.ic-tree-item-disabled) .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow-disabled)}:host(.ic-tree-item-small) .arrow-dropdown{margin-right:var(--ic-space-xxs)}:host .tree-item-expanded{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}:host .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-small) .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}.icon-container{min-width:var(--ic-space-lg);width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-item-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}::slotted([slot=\"icon\"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot=\"icon\"]){fill:currentcolor}:host .tree-item-content:hover,::slotted([slot=\"router-item\"]:hover),:host .tree-item-content:active,::slotted([slot=\"router-item\"]:active),:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]){background-color:none !important}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]){color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}:host .tree-item-content:focus,::slotted([slot=\"router-item\"]:focus){border:var(--ic-border-hc) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]){color:Highlight !important;--ic-typography-color:Highlight !important}}";
+const icTreeItemCss = ":host{display:block;border:none;position:relative}:host .tree-item-content{display:flex;align-items:center;min-height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-xs);text-decoration:none;color:var(--ic-tree-view-text);--ic-typography-color:var(--ic-tree-view-text)}::slotted([slot=\"router-item\"]){display:flex;align-items:center;min-height:var(--ic-space-xl);text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-tree-view-text);padding:var(--ic-space-xxs) var(--ic-space-xs) !important}:host(.ic-tree-item-truncate) .tree-item-content,:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}::slotted([slot=\"router-item\"].ic-tree-item-single){padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}:host .tree-item-content:focus,::slotted([slot=\"router-item\"]:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);transition:var(--ic-transition-duration-fast);outline:none}:host .tree-item-content:hover,::slotted([slot=\"router-item\"]:hover){background-color:var(--ic-tree-view-hover) !important;cursor:pointer}:host .tree-item-content:active,::slotted([slot=\"router-item\"]:active){background-color:var(--ic-tree-view-pressed) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]){background-color:var(--ic-tree-view-selected) !important}:host(.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"]){min-height:var(--ic-space-lg)}:host(.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"]){min-height:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-small) ::slotted([slot=\"router-item\"]){height:var(--ic-space-lg)}:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-large) ::slotted([slot=\"router-item\"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-disabled){pointer-events:none}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]){color:var(--ic-tree-view-text-disabled) !important;--ic-typography-color:var(--ic-tree-view-text-disabled) !important;fill:var(--ic-tree-view-icon-disabled);pointer-events:none}:host .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow);margin-right:var(--ic-space-xs);margin-bottom:calc(var(--ic-space-xxs) * -1)}:host(.ic-tree-item-disabled) .arrow-dropdown{color:var(--ic-tree-view-dropdown-arrow-disabled)}:host(.ic-tree-item-small) .arrow-dropdown{margin-right:var(--ic-space-xxs)}:host .tree-item-expanded{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs));margin-bottom:0}:host .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-small) .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}.icon-container{min-width:var(--ic-space-lg);width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-item-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}::slotted([slot=\"icon\"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot=\"icon\"]){fill:currentcolor}:host .tree-item-content:hover,::slotted([slot=\"router-item\"]:hover),:host .tree-item-content:active,::slotted([slot=\"router-item\"]:active),:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]){background-color:none !important}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]){color:GrayText !important;--ic-typography-color:GrayText !important;fill:GrayText !important}:host .tree-item-content:focus,::slotted([slot=\"router-item\"]:focus){border:var(--ic-border-hc) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]){color:Highlight !important;--ic-typography-color:Highlight !important}}";
 var IcTreeItemStyle0 = icTreeItemCss;
 
 let treeItemIds = 0;
@@ -23065,7 +23165,6 @@ class TreeItem {
         registerInstance(this, hostRef);
         this.icTreeItemSelected = createEvent(this, "icTreeItemSelected", 7);
         this.icTreeItemExpanded = createEvent(this, "icTreeItemExpanded", 7);
-        this.treeItemId = `ic-tree-item-${treeItemIds++}`;
         this.treeItemTag = "IC-TREE-ITEM";
         this.hostMutationObserver = null;
         this.TOOLTIP = "ic-tooltip";
@@ -23079,10 +23178,6 @@ class TreeItem {
          * If `true`, the tree item appears in the expanded state.
          */
         this.expanded = false;
-        /**
-         * @internal If `true`, the tree item will have an inset focus border.
-         */
-        this.focusInset = false;
         /**
          * @internal Determines if the parent tree item has been expanded.
          */
@@ -23168,27 +23263,30 @@ class TreeItem {
             }
             const tooltipAlreadyExists = !!(typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP));
             const treeContent = ((_b = treeItem.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(this.TREE_ITEM_CONTENT_CLASS_SELECTOR)) || slottedContent;
-            if (contentHeight &&
-                (treeContent === null || treeContent === void 0 ? void 0 : treeContent.clientHeight) &&
-                contentHeight > treeContent.clientHeight &&
-                !tooltipAlreadyExists &&
-                typographyEl) {
-                const tooltipEl = document.createElement("ic-tooltip");
-                tooltipEl.setAttribute("target", this.el.id);
-                tooltipEl.setAttribute("label", typographyEl.textContent);
-                tooltipEl.setAttribute("placement", "right");
-                if (treeContent === slottedContent) {
-                    treeContent.addEventListener("focus", () => this.handleDisplayTooltip(true));
-                    treeContent.addEventListener("blur", () => this.handleDisplayTooltip(false));
-                    tooltipEl.setAttribute("style", "overflow:hidden;");
-                    typographyEl.setAttribute("style", "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;");
-                }
-                else {
-                    tooltipEl.classList.add("ic-tooltip-overflow");
-                    typographyEl.classList.add("ic-text-overflow");
+            if (treeContent) {
+                const computedHeight = parseFloat(getComputedStyle(treeContent).height);
+                if (contentHeight &&
+                    computedHeight &&
+                    contentHeight > computedHeight &&
+                    !tooltipAlreadyExists &&
+                    typographyEl) {
+                    const tooltipEl = document.createElement("ic-tooltip");
+                    tooltipEl.setAttribute("target", this.el.id);
+                    tooltipEl.setAttribute("label", typographyEl.textContent);
+                    tooltipEl.setAttribute("placement", "right");
+                    if (treeContent === slottedContent) {
+                        treeContent.addEventListener("focus", () => this.handleDisplayTooltip(true));
+                        treeContent.addEventListener("blur", () => this.handleDisplayTooltip(false));
+                        tooltipEl.setAttribute("style", "overflow:hidden;");
+                        typographyEl.setAttribute("style", "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;");
+                    }
+                    else {
+                        tooltipEl.classList.add("ic-tooltip-overflow");
+                        typographyEl.classList.add("ic-text-overflow");
+                    }
+                    treeContent.appendChild(tooltipEl);
+                    tooltipEl.appendChild(typographyEl);
                 }
-                treeContent.appendChild(tooltipEl);
-                tooltipEl.appendChild(typographyEl);
             }
         };
         this.removeTreeItemTruncation = (treeItem) => {
@@ -23216,7 +23314,7 @@ class TreeItem {
         removeDisabledFalse(this.disabled, this.el);
     }
     watchExpandedHandler() {
-        this.icTreeItemExpanded.emit({ isExpanded: this.expanded });
+        this.icTreeItemExpanded.emit({ isExpanded: this.expanded, id: this.el.id });
     }
     watchSelectedHandler() {
         if (this.selected) {
@@ -23326,7 +23424,8 @@ class TreeItem {
         return !!this.routerSlot;
     }
     render() {
-        const { disabled, label, selected, size, expanded, focusInset, theme } = this;
+        var _a;
+        const { disabled, label, selected, size, expanded, theme } = this;
         const Component = this.href && !this.disabled ? "a" : "div";
         const attrs = Component == "a" && {
             href: this.href,
@@ -23335,19 +23434,18 @@ class TreeItem {
             rel: this.rel,
             target: this.target,
         };
-        return (hAsync(Host, { key: '1421c6963e01047532edb262823d1a43cdb51609', class: {
+        return (hAsync(Host, { key: '14eade7c0b23b1c2c2918dda4f011953d6463ec6', class: {
                 "ic-tree-item-disabled": disabled,
                 "ic-tree-item-selected": !disabled && selected,
                 [`ic-tree-item-${size}`]: size !== "medium",
-                "ic-tree-item-focus-inset": focusInset,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tree-item-truncate": !!this.truncateTreeItem,
-            }, id: this.treeItemId }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(Component, Object.assign({ class: {
+            }, id: (_a = this.treeItemId) !== null && _a !== void 0 ? _a : `ic-tree-item-${treeItemIds++}` }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(Component, Object.assign({ class: {
                 "tree-item-content": true,
             }, tabIndex: disabled ? -1 : 0, onClick: this.handleTreeItemClicked, ref: (el) => (this.treeItemElement = el), "aria-disabled": disabled ? "true" : "false", "aria-live": "polite" }, attrs, { onFocus: () => this.handleDisplayTooltip(true), onBlur: () => this.handleDisplayTooltip(false) }), this.isParent && (hAsync("span", { class: {
                 ["arrow-dropdown"]: true,
                 ["tree-item-expanded"]: expanded,
-            }, "aria-hidden": "true", innerHTML: arrowDropdown })), isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { class: "tree-item-label" }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label))), expanded && (hAsync("div", { key: '4090790d0b574a472c05c29198856a989342e078', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: 'ca48ba749e07761278710f0808c252929ce31497' })))));
+            }, "aria-hidden": "true", innerHTML: arrowDropdown })), isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { class: "tree-item-label" }, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label))), expanded && (hAsync("div", { key: '0a7704d93ccba8640265eacd9c81971d3717a233', "aria-hidden": `${!expanded}` }, hAsync("slot", { key: '27eb9361c885e589eac4a3bd6cfd303efb60e1fb' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -23362,7 +23460,6 @@ class TreeItem {
         "$members$": {
             "disabled": [4],
             "expanded": [1028],
-            "focusInset": [4, "focus-inset"],
             "hasParentExpanded": [1028, "has-parent-expanded"],
             "href": [1],
             "hreflang": [1],
@@ -23374,6 +23471,7 @@ class TreeItem {
             "selected": [1028],
             "size": [1],
             "target": [1],
+            "treeItemId": [1, "tree-item-id"],
             "theme": [1],
             "truncateTreeItem": [4, "truncate-tree-item"],
             "childTreeItems": [32],
@@ -23418,10 +23516,6 @@ class TreeView {
         this.previousTruncateHeading = false;
         this.previousTruncateTreeItems = false;
         this.smallDevice = false;
-        /**
-         * If `true`, tree items will have inset focus.
-         */
-        this.focusInset = false;
         /**
          * The heading of the tree view.
          */
@@ -23594,11 +23688,6 @@ class TreeView {
             this.truncateTreeItems = this.previousTruncateTreeItems;
         }
     }
-    watchFocusInsetHandler() {
-        this.treeItems.forEach((treeItem) => {
-            treeItem.focusInset = this.focusInset;
-        });
-    }
     watchSizeHandler() {
         this.treeItems.forEach((treeItem) => {
             treeItem.size = this.size;
@@ -23635,7 +23724,6 @@ class TreeView {
         this.previousTruncateTreeItems = this.truncateTreeItems;
         checkResizeObserver(this.runResizeObserver);
         this.watchSizeHandler();
-        this.watchFocusInsetHandler();
         this.watchThemeHandler();
         this.treeItems.forEach((treeItem) => {
             if (treeItem.truncateTreeItem === undefined) {
@@ -23706,19 +23794,18 @@ class TreeView {
     }
     render() {
         const { heading, isLoaded, size, theme, truncateHeading } = this;
-        return (hAsync(Host, { key: '17ba06f3d714a710177930a67fa6084342c6aa57', "context-id": this.treeViewId, class: {
+        return (hAsync(Host, { key: '10d73dbe1cf5483e085e42098719cf24546964a7', "context-id": this.treeViewId, class: {
                 [`ic-tree-view-${size}`]: size !== "medium",
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tree-view-truncate": truncateHeading,
-            }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: '5b1ad546e9a884773007b76f35d81b4aed3b48e2', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'b37491b7353518a15d7f1036e1e24866f7fdcd40', class: "icon-container" }, hAsync("slot", { key: 'f0e81d675c7c050de277e70ca612708d6db9a022', name: "icon" }))), hAsync("ic-typography", { key: '72b54d70ef8ea1d056e8803c79e9f9f4f55d4ef1', variant: "subtitle-large", class: {
+            }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (hAsync("div", { key: '037b388be0d0346b060f5f277e20a6c389f5b618', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '5d388bd69d7ced75435399e66a3cd28e6b4d7c8e', class: "icon-container" }, hAsync("slot", { key: '6baa9d4d0ea215d64e5978d4bb3ad1ea96d0b23b', name: "icon" }))), hAsync("ic-typography", { key: '8ed1a2b54949c4333c9647e3eb28cf58d968af61', variant: "subtitle-large", class: {
                 "tree-view-header": true,
                 "with-padding": this.truncateHeading && !isLoaded,
-            } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: 'd5cc5929561cc4d781bb02b16f9a2973aa048df3' })));
+            } }, isSlotUsed(this.el, "heading") ? (hAsync("slot", { name: "heading" })) : (heading)))), hAsync("slot", { key: 'fa3be8905fce45ae60e2b6634487b9cee208913d' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "smallDevice": ["watchSmallDeviceHandler"],
-        "focusInset": ["watchFocusInsetHandler"],
         "size": ["watchSizeHandler"],
         "theme": ["watchThemeHandler"],
         "treeItemData": ["watchTreeItemOptionsHandler"],
@@ -23729,7 +23816,6 @@ class TreeView {
         "$flags$": 9,
         "$tagName$": "ic-tree-view",
         "$members$": {
-            "focusInset": [4, "focus-inset"],
             "heading": [1],
             "size": [1],
             "theme": [1],
@@ -23913,7 +23999,7 @@ class Typography {
     render() {
         var _a, _b;
         const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
-        return (hAsync(Host, { key: '5cc23b5c8822124b4963df5c55094a3408cbb813', class: {
+        return (hAsync(Host, { key: 'f3ae0024474b949d4cd79a2d626524a08f0a83f9', class: {
                 [`ic-typography-${variant}`]: true,
                 [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
                 ["ic-typography-bold"]: !!bold,
@@ -23926,7 +24012,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: '93e4f11420b64377f5fa5639bd8d7963c6191942', 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: 'ab55fb9e3b5d0ed50a99d8f194fe0e9436de1613', 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 {