@ukic/web-components 3.2.0 → 3.3.0

package/hydrate/index.js

@@ -3269,7 +3269,6 @@ const IGNORED_KEYBOARD_CHARACTERS = [
 const DARK_MODE_THRESHOLD = 133.3505;
 const ANYWHERE_SEARCH_POSITION = "anywhere";
 const icInput = "ic-input";
-const linkIcInput = "input.ic-input";
 /**
  * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned
  * to a variable that is later used in the render function.
@@ -3280,11 +3279,9 @@ const linkIcInput = "input.ic-input";
 const inheritAttributes = (element, attributes = []) => {
     const attributeObject = {};
     attributes.forEach((attr) => {
-        if (element.hasAttribute(attr)) {
-            const value = element.getAttribute(attr);
-            if (value !== null) {
-                attributeObject[attr] = value;
-            }
+        const value = element.getAttribute(attr);
+        if (value !== null) {
+            attributeObject[attr] = value;
             element.removeAttribute(attr);
         }
     });
@@ -3311,34 +3308,27 @@ const debounce$1 = (func, wait = 0) => {
  * allows it to be picked up inside of forms. It should contain the same
  * values as the host element.
  *
- * @param always Add a hidden input even if the container does not use Shadow
  * @param container The element where the input will be added
- * @param name The name of the input
  * @param value The value of the input
+ * @param name The name of the input
  * @param disabled If true, the input is disabled
+ * @param always Add a hidden input even if the container does not use Shadow
  */
-const renderHiddenInput = (always, container, name, value, disabled) => {
-    if (name !== undefined && (always || hasShadowDom(container))) {
-        const inputs = container.querySelectorAll(linkIcInput);
-        const inputEls = Array.from(inputs);
-        const filtered = inputEls.filter((el) => container === el.parentElement);
-        let input = filtered[0];
-        if (input === null || input === undefined) {
+const renderHiddenInput = (container, value, name, disabled = false, always = true) => {
+    if (name && (always || hasShadowDom(container))) {
+        let input = getHiddenInputElement(container);
+        if (!input) {
             input = container.ownerDocument.createElement("input");
             input.type = "hidden";
             input.classList.add(icInput);
             container.appendChild(input);
         }
-        input.disabled = !!disabled;
+        input.disabled = disabled;
         input.name = name;
-        if (value instanceof Date) {
-            input.value = value ? value.toISOString() : "";
-        }
-        else {
-            input.value = value || "";
-        }
+        input.value = value instanceof Date ? value.toISOString() : value || "";
     }
 };
+const getHiddenInputElement = (container) => Array.from(container.querySelectorAll(`input.${icInput}`)).filter((el) => container === el.parentElement)[0];
 /**
  * This method is used to add a hidden file input to a host element that contains
  * a Shadow DOM. It does not add the input inside of the Shadow root which
@@ -3348,17 +3338,14 @@ const renderHiddenInput = (always, container, name, value, disabled) => {
  * @param event: The event that is emitted once a file is selected.
  * @param container The element where the input will be added
  * @param multiple If true, multiple files can be selected
- * @param name The name of the input
- * @param value The value of the input
  * @param disabled If true, the input is disabled
  * @param accept A string of the accepted files
+ * @param name The name of the input
+ * @param value The value of the input
  */
-const renderFileHiddenInput = (event, container, multiple, name, value, disabled, accept) => {
+const renderFileHiddenInput = (event, container, multiple, disabled, accept, name, value) => {
     if (name !== undefined && hasShadowDom(container)) {
-        const inputs = container.querySelectorAll(linkIcInput);
-        const inputEls = Array.from(inputs);
-        const filtered = inputEls.filter((el) => container === el.parentElement);
-        let input = filtered[0];
+        let input = getHiddenInputElement(container);
         if (input === null || input === undefined) {
             input = container.ownerDocument.createElement("input");
             input.classList.add(icInput);
@@ -3380,13 +3367,10 @@ const renderFileHiddenInput = (event, container, multiple, name, value, disabled
     }
 };
 const removeHiddenInput = (container) => {
-    const inputs = container.querySelectorAll("input.ic-input");
-    const inputEls = Array.from(inputs);
-    const filtered = inputEls.filter((el) => container === el.parentElement);
-    const input = filtered[0];
-    input === null || input === void 0 ? void 0 : input.remove();
+    var _a;
+    (_a = getHiddenInputElement(container)) === null || _a === void 0 ? void 0 : _a.remove();
 };
-const hasShadowDom = (el) => el ? !!el.shadowRoot && !!el.attachShadow : false;
+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();
@@ -3448,7 +3432,7 @@ const handleHiddenFormButtonClick = (form, button) => {
     hiddenFormButton.click();
     hiddenFormButton.remove();
 };
-const isEmptyString = (value) => value ? value.trim().length === 0 : true;
+const isEmptyString = (value) => !value || value.trim().length === 0;
 // A helper function that checks if a prop has been defined
 const isPropDefined = (prop) => prop !== undefined ? prop : undefined;
 /**
@@ -4341,7 +4325,7 @@ class BackToTop {
     }; }
 }
 
-const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-primary-text-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
+const icBadgeCss = "@media (prefers-reduced-motion: no-preference){:host(.ic-badge-show){animation:expand var(--ic-transition-duration-slow)}:host(.ic-badge-hide){animation:shrink var(--ic-transition-duration-slow)}}:host{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}:host ic-typography{--ic-typography-color:var(--ic-badge-text)}:host(.ic-badge-neutral){background-color:var(--ic-badge-dark) !important}:host(.ic-badge-light) ic-typography{--ic-typography-color:var(--ic-badge-text-monochrome)}:host(.ic-badge-light) ::slotted(*){fill:var(--ic-badge-icon-monochrome)}:host(.ic-badge-info){background-color:var(--ic-badge-info) !important}:host(.ic-badge-light){background-color:var(--ic-badge-light) !important}:host(.ic-badge-warning){background-color:var(--ic-badge-warning) !important}:host(.ic-badge-warning) ic-typography{--ic-typography-color:var(--ic-badge-warning-text)}:host(.ic-badge-warning) ::slotted(*){fill:var(--ic-badge-warning-icon)}:host(.ic-badge-error){background-color:var(--ic-badge-error) !important}:host(.ic-badge-success){background-color:var(--ic-badge-success) !important}:host(.ic-badge-small){height:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host(.ic-badge-large){height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-medium){height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}:host(.ic-badge-dot.ic-badge-small){height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-badge-dot.ic-badge-large){height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}:host ::slotted(*){fill:var(--ic-badge-icon)}:host(.ic-badge-foreground-dark) ::slotted(*){fill:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ::slotted(*){fill:white}:host(.ic-badge-foreground-dark) ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}:host(.ic-badge-foreground-light) ic-typography{--ic-typography-color:var(--ic-color-text-primary-dark)}:host(.ic-badge-text) ic-typography{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-text.ic-badge-small) ic-typography{padding:0 0.2132rem}:host(.ic-badge-text.ic-badge-large) ic-typography{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n    var(--ic-space-1px)}:host(.ic-badge-icon) ::slotted(svg){width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}:host(.ic-badge-icon.ic-badge-small) ::slotted(svg){width:var(--ic-space-xs);height:var(--ic-space-xs)}:host(.ic-badge-icon.ic-badge-large) ::slotted(svg){width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}:host(.ic-badge-far){top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}:host(.ic-badge-far.ic-badge-small),:host(.ic-badge-dot.ic-badge-far.ic-badge-large){top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}:host(.ic-badge-dot.ic-badge-far),:host(.ic-badge-dot.ic-badge-far.ic-badge-small){top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}:host(.ic-badge-near){top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}:host(.ic-badge-dot.ic-badge-near){top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}:host(.ic-badge-inline){position:static}:host(.ic-badge-hide){visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
 var IcBadgeStyle0 = icBadgeCss;
 
 const TOP_NAVIGATION = "IC-TOP-NAVIGATION";
@@ -4490,7 +4474,7 @@ class Badge {
     }
     render() {
         const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
-        return (hAsync(Host, { key: 'c55c73aa83e0b1612a0545696091955c110f28b3', class: {
+        return (hAsync(Host, { key: '720f5c35c4d16cc484ea53a0f277befdbb087883', class: {
                 [`ic-badge-${position}`]: true,
                 [`ic-badge-${size}`]: true,
                 [`ic-badge-${variant}`]: true,
@@ -4498,7 +4482,7 @@ class Badge {
                 [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
                 [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '69638833e6ac739848e645fa22f2732326fe24fe', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: '841ec60f30d95c32c30e29c533157fdf199bdb2d', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '9d1198260090039de3093bf0fa191ff09cfd0408', class: "sr-only" }, "badge")));
+            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { key: '611a931cbdbfd72a7031adaec19d9cd5f83b097a', name: "badge-icon" }), type === "text" && label && (hAsync("ic-typography", { key: '57620b02829df5547546474ad337f3cc23bb19c4', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && hAsync("span", { key: '6f583cc04572a1818afc11e43cb5b41f95afe630', class: "sr-only" }, "badge")));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4545,6 +4529,9 @@ class Breadcrumb {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.HREF_ATTR = "href";
+        this.linkSlotContent = null;
+        this.slottedLinkEl = null;
+        this.slottedLinkHref = null;
         /**
          * If `true`, aria-current will be set on the breadcrumb.
          */
@@ -4563,54 +4550,27 @@ class Breadcrumb {
         this.theme = "inherit";
         // Prevent focus on breadcrumb if current page and contains slotted link
         this.updatedSlottedLinkFocus = () => {
+            var _a, _b;
             // Sets tabindex on wrong element in unit test snapshots
             // - related to known Jest issue: https://github.com/ionic-team/stencil/issues/2830
             if (this.linkSlotContent) {
                 this.linkSlotContent.tabIndex = this.current ? -1 : 0; // Prevent focus
             }
-            if (this.slottedLinkEl) {
-                if (this.current) {
-                    this.slottedLinkEl.removeAttribute(this.HREF_ATTR); // Prevent screen reader announcing breadcrumb as a link
-                }
-                else {
-                    this.slottedLinkHref &&
-                        this.slottedLinkEl.setAttribute(this.HREF_ATTR, this.slottedLinkHref);
-                }
+            if (this.current) {
+                (_a = this.slottedLinkEl) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.HREF_ATTR); // Prevent screen reader announcing breadcrumb as a link
+            }
+            else if (this.slottedLinkHref) {
+                (_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.setAttribute(this.HREF_ATTR, this.slottedLinkHref);
             }
         };
         this.getSlottedLinkEl = () => {
-            const link = this.linkSlotContent;
-            if (link) {
-                const elWithHref = link.hasAttribute(this.HREF_ATTR)
-                    ? link
-                    : link.querySelector("[href]");
-                return elWithHref;
-            }
-            return null;
+            if (!this.linkSlotContent)
+                return null;
+            return this.linkSlotContent.hasAttribute(this.HREF_ATTR)
+                ? this.linkSlotContent
+                : this.linkSlotContent.querySelector("[href]");
         };
         this.renderBackIcon = () => (hAsync("div", { class: "back-icon", innerHTML: backIcon }));
-        this.renderDefaultBreadcrumb = (current, pageTitle, describedById, href) => {
-            const hasPageTitle = pageTitle !== null && isPropDefined(pageTitle) && pageTitle !== "";
-            if (current && hasPageTitle) {
-                return (hAsync("span", { class: {
-                        "current-page-container": current,
-                    } }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle));
-            }
-            return (hAsync("ic-link", { theme: this.theme, monochrome: this.monochrome, href: href, class: "breadcrumb-link", "aria-describedby": this.showBackIcon && describedById && describedById }, this.showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle));
-        };
-        this.setSlottedCurrentPageClass = () => {
-            const icLink = this.el.querySelector("ic-link");
-            const currentPage = "current-page";
-            if (icLink) {
-                icLink.classList.remove(currentPage);
-                if (this.current) {
-                    const hasCurrentPageClass = icLink.classList.contains(currentPage);
-                    if (!hasCurrentPageClass) {
-                        icLink.classList.add("breadcrumb-link", currentPage);
-                    }
-                }
-            }
-        };
     }
     watchCurrentHandler() {
         this.updatedSlottedLinkFocus();
@@ -4623,14 +4583,21 @@ class Breadcrumb {
             const slotEls = getSlotElements(slottedLinkWrapper);
             if (slotEls) {
                 this.linkSlotContent = slotEls[0];
+                this.slottedLinkEl = this.getSlottedLinkEl();
+                this.slottedLinkHref = ((_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.getAttribute("href")) || null;
             }
-            this.slottedLinkEl = this.getSlottedLinkEl();
-            this.slottedLinkHref = (_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.getAttribute("href");
             this.updatedSlottedLinkFocus();
         }
     }
     componentWillRender() {
-        this.setSlottedCurrentPageClass();
+        const icLink = this.el.querySelector("ic-link");
+        if (icLink) {
+            const CURRENT_PAGE = "current-page";
+            icLink.classList.remove(CURRENT_PAGE);
+            if (this.current && !icLink.classList.contains(CURRENT_PAGE)) {
+                icLink.classList.add("breadcrumb-link", CURRENT_PAGE);
+            }
+        }
     }
     /**
      * Sets focus on the breadcrumb.
@@ -4640,15 +4607,13 @@ class Breadcrumb {
         (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-link")) === null || _b === void 0 ? void 0 : _b.focus();
     }
     render() {
-        const { current, href, pageTitle } = this;
-        const describedById = `${pageTitle && pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
-        const hasPageTitle = pageTitle !== null && isPropDefined(pageTitle) && pageTitle !== "";
-        const hasHref = href !== null && isPropDefined(href) && href !== "";
-        return (hAsync(Host, { key: '29422d3d1b30d190d6233a644ad70df833478edd', class: {
-                "ic-breadcrumb-back": !!this.showBackIcon,
-                [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-                "ic-breadcrumb-monochrome": !!this.monochrome,
-            }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: '1f8c4f0fca86a3d08df82674e33cabe7419f7616', class: "breadcrumb" }, hAsync("span", { key: '9761c21d30b9e55e8cf5d3517ada73fa4d73710b', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), this.showBackIcon && describedById && (hAsync("span", { key: 'ad6be34d684a28dd063895c73f35ed65a3741dc9', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), hasPageTitle && hasHref ? (this.renderDefaultBreadcrumb(!!current, pageTitle, describedById, href)) : (hAsync("div", { class: "slotted-link-container" }, this.showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))))));
+        const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;
+        const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(" ", "-")}-describedby`;
+        return (hAsync(Host, { key: '0a6d1443010427dbc75347c9c69b7c40680be25f', class: {
+                "ic-breadcrumb-back": showBackIcon,
+                "ic-breadcrumb-monochrome": monochrome,
+                [`ic-theme-${theme}`]: theme !== "inherit",
+            }, "aria-current": current && "page", role: "listitem" }, hAsync("div", { key: 'bd351348bd835963705c29c5aa4e857c3752d645', class: "breadcrumb" }, hAsync("span", { key: '9a4e28f31aa1c8cf2e111a0ce64902abba338461', innerHTML: chevronIcon, class: "chevron", "aria-hidden": "true" }), showBackIcon && (hAsync("span", { key: '289414d58963cea6e68b782ba36df782690db04a', id: describedById, class: "hide" }, `Back to ${pageTitle}`)), !href ? (hAsync("div", { class: "slotted-link-container" }, showBackIcon && this.renderBackIcon(), hAsync("span", { class: "link-wrapper" }, hAsync("slot", null)))) : current ? (hAsync("span", { class: "current-page-container" }, isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)) : (hAsync("ic-link", { theme: theme, monochrome: monochrome, href: href, class: "breadcrumb-link", "aria-describedby": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, "icon") && hAsync("slot", { name: "icon" }), pageTitle)))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -4683,10 +4648,11 @@ class BreadcrumbGroup {
         registerInstance(this, hostRef);
         this.ADD_CLASS_DELAY = 50;
         this.IC_BREADCRUMB = "ic-breadcrumb";
-        this.resizeObserver = null;
         this.SHOW_BACK_ICON = "show-back-icon";
+        this.collapsedBreadcrumbs = [];
+        this.resizeObserver = null;
+        this.lastParentBreadcrumb = null;
         this.deviceSize = DEVICE_SIZES.XL;
-        this.expandedBreadcrumbs = false;
         /**
          * If `true`, display only a single breadcrumb for the parent page with a back icon.
          */
@@ -4704,14 +4670,12 @@ class BreadcrumbGroup {
          */
         this.theme = "inherit";
         this.setBreadcrumbTheme = () => {
-            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-            allBreadcrumbs.forEach((breadcrumb) => {
+            Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {
                 breadcrumb.theme = this.theme;
             });
         };
         this.setBreadcrumbMonochrome = () => {
-            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-            allBreadcrumbs.forEach((breadcrumb) => {
+            Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((breadcrumb) => {
                 breadcrumb.monochrome = this.monochrome;
             });
         };
@@ -4730,48 +4694,48 @@ class BreadcrumbGroup {
             }
         };
         this.getLastParentBreadcrumb = () => {
-            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-            if (allBreadcrumbs.length === 1) {
-                return null;
-            }
-            this.breadcrumbs = allBreadcrumbs;
-            this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];
-            return this.breadcrumb;
-        };
-        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
-        this.setDefaultBreadcrumbs = () => {
-            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-            allBreadcrumbs.forEach((breadcrumb) => {
-                breadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
-            });
+            const allBreadcrumbs = this.el.querySelectorAll(this.IC_BREADCRUMB);
+            return allBreadcrumbs.length > 1
+                ? allBreadcrumbs[allBreadcrumbs.length - 2]
+                : null;
         };
         this.setCollapsed = () => {
-            const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
-            const firstBreadcrumb = allBreadcrumbs[0];
-            if (this.collapsedBreadcrumbs) {
-                this.collapsedBreadcrumbs.forEach((breadcrumb) => {
-                    breadcrumb.classList.remove("visuallyhidden");
-                    breadcrumb.classList.remove("fade");
-                });
-            }
+            var _a, _b;
+            this.collapsedBreadcrumbs.forEach((breadcrumb) => {
+                breadcrumb.classList.remove("visuallyhidden");
+                breadcrumb.classList.remove("fade");
+            });
             if (this.collapsed) {
                 this.renderCollapsedBreadcrumb();
+                const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
                 this.collapsedBreadcrumbs = allBreadcrumbs
                     .splice(1, allBreadcrumbs.length - 2)
                     .filter((breadcrumb) => !breadcrumb.classList.contains("collapsed-breadcrumb-wrapper"));
                 if (!this.backBreadcrumbOnly) {
                     this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
                 }
-                if (firstBreadcrumb) {
-                    firstBreadcrumb.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
+                if (this.collapsedBreadcrumbWrapper) {
+                    (_a = allBreadcrumbs[0]) === null || _a === void 0 ? void 0 : _a.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
                 }
             }
             else {
-                this.collapsedBreadcrumbWrapper.remove();
+                (_b = this.collapsedBreadcrumbWrapper) === null || _b === void 0 ? void 0 : _b.remove();
             }
         };
         this.clickHandler = () => {
-            this.handleHiddenCollapsedBreadcrumbs();
+            var _a;
+            (_a = this.collapsedBreadcrumbWrapper) === null || _a === void 0 ? void 0 : _a.remove();
+            this.collapsedBreadcrumbs.forEach((breadcrumb) => {
+                breadcrumb.classList.add("visuallyhidden");
+                breadcrumb.classList.remove("hide");
+                setTimeout(() => {
+                    breadcrumb.classList.add("fade");
+                }, this.ADD_CLASS_DELAY);
+                breadcrumb.addEventListener("transitionend", this.transitionendHandler);
+            });
+            this.collapsed = false;
+            // Set focus to first unhidden breadcrumb
+            this.collapsedBreadcrumbs[0].setFocus();
         };
         this.renderCollapsedBreadcrumb = () => {
             if (this.collapsedBreadcrumbEl === undefined) {
@@ -4782,12 +4746,12 @@ class BreadcrumbGroup {
                 ariaLabel.id = "collapsed-button-label";
                 ariaLabel.innerText = "Collapsed breadcrumbs";
                 ariaLabel.className = "hide";
-                this.collapsedBreadcrumbEl.setAttribute("aria-labelledby", "collapsed-button-label");
+                this.collapsedBreadcrumbEl.setAttribute("aria-labelledby", ariaLabel.id);
                 const ariaDescribed = document.createElement("span");
                 ariaDescribed.id = "collapsed-button-described";
                 ariaDescribed.innerText = "Select to view collapsed breadcrumbs";
                 ariaDescribed.className = "hide";
-                this.collapsedBreadcrumbEl.setAttribute("aria-describedby", "collapsed-button-described");
+                this.collapsedBreadcrumbEl.setAttribute("aria-describedby", ariaDescribed.id);
                 this.collapsedBreadcrumbEl.id = "collapsed-ellipsis";
                 this.collapsedBreadcrumbEl.innerText = "...";
                 this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");
@@ -4797,28 +4761,11 @@ class BreadcrumbGroup {
                 this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);
             }
         };
-        this.handleHiddenCollapsedBreadcrumbs = () => {
-            this.collapsedBreadcrumbWrapper.remove();
-            this.collapsedBreadcrumbs.forEach((breadcrumb) => {
-                breadcrumb.classList.add("visuallyhidden");
-                breadcrumb.classList.remove("hide");
-                setTimeout(() => {
-                    breadcrumb.classList.add("fade");
-                }, this.ADD_CLASS_DELAY);
-                this.removeVisuallyHiddenClass(breadcrumb);
-            });
-            this.expandedBreadcrumbs = true;
-            // Set focus to first unhidden breadcrumb
-            this.collapsedBreadcrumbs[0].setFocus();
-        };
         this.transitionendHandler = (event) => {
             if (event.propertyName === "opacity") {
                 event.target.classList.remove("visuallyhidden");
             }
         };
-        this.removeVisuallyHiddenClass = (breadcrumb) => {
-            breadcrumb.addEventListener("transitionend", this.transitionendHandler);
-        };
         this.setLastParentCollapsedBackBreadcrumb = () => {
             this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
             this.setBackBreadcrumbAttr();
@@ -4838,8 +4785,9 @@ class BreadcrumbGroup {
         this.resizeObserverCallback = (currSize) => {
             if (currSize !== this.deviceSize) {
                 this.deviceSize = currSize;
-                if (this.deviceSize <= DEVICE_SIZES.S) {
-                    this.el.setAttribute("back-breadcrumb-only", "true");
+                const isSmallDevice = this.deviceSize <= DEVICE_SIZES.S;
+                this.el.setAttribute("back-breadcrumb-only", `${isSmallDevice}`);
+                if (isSmallDevice) {
                     if (this.collapsed) {
                         this.setLastParentCollapsedBackBreadcrumb();
                     }
@@ -4848,26 +4796,22 @@ class BreadcrumbGroup {
                     }
                 }
                 else {
-                    this.el.setAttribute("back-breadcrumb-only", "false");
-                    if (this.collapsed && this.breadcrumbs && this.breadcrumbs.length > 2) {
+                    const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
+                    if (this.collapsed && allBreadcrumbs.length > 2) {
                         this.revertLastParentCollapsedBreadcrumb();
-                        if (this.expandedBreadcrumbs) {
-                            this.setDefaultBreadcrumbs();
-                        }
-                        else {
-                            this.setCollapsed();
-                        }
+                        this.setCollapsed();
                     }
                     else {
-                        this.setDefaultBreadcrumbs();
+                        allBreadcrumbs.forEach((breadcrumb) => {
+                            breadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
+                        });
                     }
                 }
             }
         };
         this.runResizeObserver = () => {
             this.resizeObserver = new ResizeObserver(() => {
-                const currSize = getCurrentDeviceSize();
-                this.resizeObserverCallback(currSize);
+                this.resizeObserverCallback(getCurrentDeviceSize());
             });
             this.resizeObserver.observe(this.el);
         };
@@ -4885,7 +4829,6 @@ class BreadcrumbGroup {
         this.setBreadcrumbTheme();
     }
     componentWillLoad() {
-        const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
         this.setBreadcrumbTheme();
         this.setBreadcrumbMonochrome();
         if (this.backBreadcrumbOnly) {
@@ -4894,7 +4837,8 @@ class BreadcrumbGroup {
         else {
             checkResizeObserver(this.runResizeObserver);
         }
-        if (this.collapsed && allBreadcrumbs.length > 2) {
+        if (this.collapsed &&
+            this.el.querySelectorAll(this.IC_BREADCRUMB).length > 2) {
             if (getCurrentDeviceSize() === DEVICE_SIZES.S) {
                 this.setLastParentCollapsedBackBreadcrumb();
             }
@@ -4902,19 +4846,20 @@ class BreadcrumbGroup {
                 this.setCollapsed();
             }
         }
+        this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
     }
     disconnectedCallback() {
-        this.breadcrumb &&
-            this.breadcrumb.removeEventListener("transitionend", this.transitionendHandler);
-        this.collapsedBreadcrumbEl &&
-            this.collapsedBreadcrumbEl.removeEventListener("click", this.clickHandler);
+        var _a, _b;
+        (_a = this.lastParentBreadcrumb) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionendHandler);
+        (_b = this.collapsedBreadcrumbEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("click", this.clickHandler);
     }
     render() {
-        return (hAsync(Host, { key: 'b505c4bef9ebc23c7f77b21f77f9db5975d0eea1', class: {
-                "ic-breadcrumb-group-back": !!this.backBreadcrumbOnly,
-                "ic-breadcrumb-group-collapsed": !!this.collapsed,
-                [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("nav", { key: 'ec1db09900bbff5be1e7f2e83518834a0eb0ff22', "aria-label": "breadcrumbs" }, hAsync("ol", { key: 'b13e6daeefb0e4d1785221249f4d38bf3f207922' }, hAsync("slot", { key: 'b33ff6c552a6f7251afeb6a804b4761e0febe198' })))));
+        const { backBreadcrumbOnly, collapsed, theme } = this;
+        return (hAsync(Host, { key: '6007593369d986d18d2c4cad15227da06bdf83b3', class: {
+                "ic-breadcrumb-group-back": backBreadcrumbOnly,
+                "ic-breadcrumb-group-collapsed": collapsed,
+                [`ic-theme-${theme}`]: theme !== "inherit",
+            } }, hAsync("nav", { key: 'd20e99632bc38dec96220f3d352782a92370f18c', "aria-label": "breadcrumbs" }, hAsync("ol", { key: '780819660c759cf6b3e468fd50fbc02a723ee94b' }, hAsync("slot", { key: '9ab668b5b936d967dfa6fca4d72be882456b8b4e' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -4929,11 +4874,10 @@ class BreadcrumbGroup {
         "$tagName$": "ic-breadcrumb-group",
         "$members$": {
             "backBreadcrumbOnly": [4, "back-breadcrumb-only"],
-            "collapsed": [4],
+            "collapsed": [1028],
             "monochrome": [4],
             "theme": [1],
-            "deviceSize": [32],
-            "expandedBreadcrumbs": [32]
+            "deviceSize": [32]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -4945,7 +4889,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 icButtonCss = "/*! 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;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent\n  ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
+const icButtonCss = "/*! 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;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(--ic-button-secondary-background) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-image:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(--ic-button-secondary-background-monochrome)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(--ic-button-secondary-background-monochrome) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background) .button,:host(.ic-button-variant-icon-tertiary.background) .button{background-color:var(--ic-button-tertiary-background)}:host(.ic-button-variant-tertiary.background) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a){background-color:var(--ic-button-tertiary-background) !important}:host(.ic-button-variant-tertiary.background) .button:hover,:host(.ic-button-variant-icon-tertiary.background) .button:hover{background-image:var(--ic-button-tertiary-background-non-transparent-hover)}:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-tertiary.background) .button:active,:host(.ic-button-variant-icon-tertiary.background) .button:active{background-image:var(--ic-button-tertiary-background-non-transparent-active)}:host(.ic-button-variant-tertiary.background) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background.monochrome) .button,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button{background-color:var(--ic-button-tertiary-background-monochrome)}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a){background-color:var(--ic-button-tertiary-background-monochrome) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:hover){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active{background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:active){background-image:var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);color:var(--ic-button-primary-icon)}:host(.ic-button-variant-icon-primary.monochrome) .button,:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon-monochrome)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name=\"router-item\"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:currentcolor !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
 var IcButtonStyle0 = icButtonCss;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -4978,7 +4922,6 @@ class Button {
         this.hasTooltip = false;
         this.inheritedAttributes = {};
         this.describedbyEl = null;
-        this.describedById = null;
         this.mutationObserver = null;
         this.hostMutationObserver = null;
         this.ariaLabel = "";
@@ -5045,7 +4988,7 @@ class Button {
          */
         this.tooltipPlacement = "bottom";
         /**
-         * If `true`, the secondary variant of button will have a transparent background rather than white.
+         * If `true`, the secondary & tertiary variants of button will have a transparent background when not hovered, pressed or loading.
          */
         this.transparentBackground = true;
         /**
@@ -5056,6 +4999,7 @@ class Button {
          * The variant of the button to be displayed.
          */
         this.variant = "primary";
+        this.getSlottedIcon = (position) => this.el.querySelector(`[slot="${position}-icon"]`);
         this.handleClick = () => {
             var _a;
             if ((this.el.type === "submit" || this.el.type === "reset") &&
@@ -5080,12 +5024,17 @@ class Button {
         this.onBlur = () => {
             this.icBlur.emit();
         };
-        // triggered when text content of sibling element in light DOM changes
+        /**
+         * Triggered when text content of sibling element in light DOM changes
+         */
         this.mutationCallback = () => {
             var _a;
             this.describedByContent = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.innerText;
         };
-        // triggered when attributes of host element change
+        /**
+         * Triggered when attributes of host element change
+         * @param mutationList the list of changes made to the host element
+         */
         this.hostMutationCallback = (mutationList) => {
             mutationList.forEach(({ attributeName }) => {
                 if (attributeName) {
@@ -5106,58 +5055,54 @@ class Button {
             this.hasTooltip =
                 !this.disableTooltip && (!!this.title || !!this.isIconVariant());
         };
-        this.isIconVariant = () => {
-            var _a;
-            return (_a = this.variant) === null || _a === void 0 ? void 0 : _a.startsWith("icon");
-        };
+        this.isIconVariant = () => this.variant.startsWith("icon");
         this.arrangeRouterItem = () => {
-            var _a, _b, _c, _d;
+            var _a;
             const setStyles = (element, styles) => {
                 Object.entries(styles).forEach(([key, value]) => {
                     element.style.setProperty(key, value);
                 });
             };
-            const iconWrapper = document.createElement("div");
-            const icon = (_a = this.routerSlot) === null || _a === void 0 ? void 0 : _a.querySelector("svg");
-            const badge = (_b = this.routerSlot) === null || _b === void 0 ? void 0 : _b.querySelector("ic-badge");
-            const label = (_d = (_c = this.routerSlot) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();
-            const icTypography = document.createElement("ic-typography");
-            setStyles(icTypography, {
-                "font-family": "var(--ic-font-body-family)",
-                "font-size": "0.875rem",
-                "font-weight": "600",
-            });
-            setStyles(this.routerSlot, {
-                gap: "0",
-            });
-            if (icon) {
-                setStyles(icon, {
-                    fill: "currentcolor",
+            if (this.routerSlot) {
+                const icTypography = document.createElement("ic-typography");
+                setStyles(icTypography, {
+                    "font-family": "var(--ic-font-body-family)",
+                    "font-size": "0.875rem",
+                    "font-weight": "600",
                 });
-                icon.getAttribute("slot") === "left-icon" &&
-                    setStyles(iconWrapper, {
-                        "margin-right": "var(--ic-space-xs)",
-                    });
-                icon.getAttribute("slot") === "right-icon" &&
-                    setStyles(iconWrapper, {
-                        "margin-left": "var(--ic-space-xs)",
-                    });
-                if (icon.getAttribute("slot") === "top-icon") {
-                    setStyles(this.routerSlot, {
-                        display: "flex",
-                        "flex-direction": "column",
-                        "--height": "fit-content",
+                setStyles(this.routerSlot, {
+                    gap: "0",
+                });
+                const icon = this.routerSlot.querySelector("svg");
+                const iconSlot = icon === null || icon === void 0 ? void 0 : icon.getAttribute("slot");
+                const iconWrapper = document.createElement("div");
+                if (icon) {
+                    setStyles(icon, {
+                        fill: "currentcolor",
                     });
+                    if (iconSlot === "top-icon") {
+                        setStyles(this.routerSlot, {
+                            display: "flex",
+                            "flex-direction": "column",
+                            "--height": "fit-content",
+                        });
+                    }
+                    else if (iconSlot) {
+                        const marginPlacement = iconSlot === "left-icon" ? "right" : "left";
+                        setStyles(iconWrapper, {
+                            [`margin-${marginPlacement}`]: "var(--ic-space-xs)",
+                        });
+                    }
+                    iconWrapper.append(icon);
                 }
-                iconWrapper.append(icon);
-            }
-            badge && iconWrapper.append(badge);
-            if (label) {
-                icTypography.textContent = label;
-            }
-            if (this.routerSlot) {
+                const badge = this.routerSlot.querySelector("ic-badge");
+                const label = (_a = this.routerSlot.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+                if (badge)
+                    iconWrapper.append(badge);
+                if (label)
+                    icTypography.textContent = label;
                 this.routerSlot.textContent = "";
-                if (icon && icon.getAttribute("slot") === "right-icon") {
+                if (iconSlot === "right-icon") {
                     this.routerSlot.append(icTypography);
                     this.routerSlot.append(iconWrapper);
                 }
@@ -5172,13 +5117,9 @@ class Button {
         removeDisabledFalse(this.disabled, this.el);
     }
     disconnectedCallback() {
-        if (this.mutationObserver !== null && this.mutationObserver !== undefined) {
-            this.mutationObserver.disconnect();
-        }
-        if (this.hostMutationObserver !== null &&
-            this.hostMutationObserver !== undefined) {
-            this.hostMutationObserver.disconnect();
-        }
+        var _a, _b;
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = this.hostMutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     }
     componentWillUpdate() {
         if (this.loading) {
@@ -5198,7 +5139,7 @@ class Button {
         this.setHasTooltip();
         if (!this.hasTooltip) {
             const describedById = this.inheritedAttributes["aria-describedby"];
-            if (describedById !== undefined) {
+            if (describedById) {
                 this.describedById = describedById;
                 const el = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector(`#${describedById}`);
                 if (el) {
@@ -5223,21 +5164,18 @@ class Button {
             this.hostMutationObserver.observe(this.el, {
                 attributes: true,
             });
-            this.hasRouterSlot() && this.arrangeRouterItem();
+            if (this.hasRouterSlot())
+                this.arrangeRouterItem();
         }
     }
     componentWillRender() {
-        const iconEl = this.hasIconSlot("left")
-            ? this.el.querySelector(`[slot="left-icon"]`)
-            : this.hasIconSlot("right")
-                ? this.el.querySelector(`[slot="right-icon"]`)
-                : null;
+        const iconEl = this.getSlottedIcon("left") || this.getSlottedIcon("right");
         iconEl === null || iconEl === void 0 ? void 0 : iconEl.setAttribute("viewBox", "0 0 24 24");
     }
     handleHostClick(event) {
         if (!this.hasRouterSlot()) {
             if (this.fileUpload) {
-                renderFileHiddenInput(this.icFileSelection, this.el, !!this.multiple, this.fileInputName, this.selectedFiles, !!this.disabled, this.accept);
+                renderFileHiddenInput(this.icFileSelection, this.el, !!this.multiple, !!this.disabled, this.accept, this.fileInputName, this.selectedFiles);
             }
             if (this.disabled || this.loading) {
                 event.stopImmediatePropagation();
@@ -5266,10 +5204,6 @@ class Button {
             ev.stopImmediatePropagation();
         }
     }
-    hasIconSlot(position) {
-        const selectorPrefix = position ? `${position}-` : "";
-        return this.el.querySelector(`[slot="${selectorPrefix}icon"]`) !== null;
-    }
     hasRouterSlot() {
         this.routerSlot = this.el.querySelector('[slot="router-item"]');
         if (this.routerSlot) {
@@ -5288,72 +5222,61 @@ class Button {
         }
     }
     render() {
-        const TagType = (this.href && "a") || "button";
-        const { title, ariaLabel, inheritedAttributes } = this;
+        const { ariaControlsId, ariaLabel, ariaOwnsId, buttonIdNum, describedByContent, describedById, disabled, download, dropdown, dropdownExpanded, form, formaction, formenctype, formmethod, formnovalidate, formtarget, fullWidth, handleClick, handleKeyDown, hasTooltip, href, hreflang, id, inheritedAttributes, isIconVariant, loading, monochrome, onBlur, onFocus, referrerpolicy, rel, size, target, theme, title, tooltipPlacement, transparentBackground, type, variant, } = this;
+        const TagType = href ? "a" : "button";
         const buttonAttrs = TagType === "button"
             ? {
-                type: this.type,
-                disabled: this.disabled,
-                form: this.form,
-                formaction: this.formaction,
-                formenctype: this.formenctype,
-                formmethod: this.formmethod,
-                formnovalidate: this.formnovalidate,
-                formtarget: this.formtarget,
+                type,
+                disabled,
+                form,
+                formaction,
+                formenctype,
+                formmethod,
+                formnovalidate,
+                formtarget,
             }
             : {
-                download: this.download !== false ? this.download : null,
-                href: this.href,
-                rel: this.rel,
-                target: this.target,
-                referrerpolicy: this.referrerpolicy,
-                hreflang: this.hreflang,
+                download: download !== false ? download : null,
+                href,
+                rel,
+                target,
+                referrerpolicy,
+                hreflang,
             };
-        let describedby = null;
-        let buttonId = null;
-        if (this.hasTooltip) {
-            buttonId =
-                this.id !== null
-                    ? `ic-button-with-tooltip-${this.id}`
-                    : `ic-button-with-tooltip-${this.buttonIdNum}`;
-            describedby =
-                this.variant === "icon" && !!ariaLabel
-                    ? null
-                    : `ic-tooltip-${buttonId}`;
-        }
-        else {
-            describedby = this.describedById;
-        }
-        const ButtonContent = () => {
-            return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby": describedby, part: "button" }), this.hasIconSlot("left") && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), this.hasIconSlot("top") &&
-                !this.hasIconSlot("left") &&
-                !this.hasIconSlot("right") &&
-                !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "top-icon" }))), this.loading ? (hAsync("div", { class: "loading-container" }, hAsync("ic-loading-indicator", { type: "linear", monochrome: this.monochrome, theme: this.theme }))) : (hAsync("slot", null)), this.hasIconSlot("right") && !this.loading && !this.dropdown && (hAsync("div", { class: { "icon-container": true, "right-icon": true } }, hAsync("slot", { name: "right-icon" }))), this.dropdown &&
-                !this.loading &&
-                this.variant !== "icon" &&
-                this.variant !== "destructive" && (hAsync("span", { class: {
-                    ["arrow-dropdown"]: !this.dropdownExpanded,
-                    ["dropdown-expanded"]: !!this.dropdownExpanded,
-                }, innerHTML: arrowDropdown }))));
-        };
-        return (hAsync(Host, { class: {
-                [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-                [`monochrome`]: !!this.monochrome,
-                ["ic-button-disabled"]: !!this.disabled && !this.loading,
-                [`ic-button-variant-${this.variant}`]: true,
-                [`ic-button-size-${this.size}`]: true,
-                ["ic-button-loading"]: !!this.loading,
-                ["ic-button-full-width"]: !!this.fullWidth,
-                ["with-badge"]: isSlotUsed(this.el, "badge"),
-                ["dropdown-no-icon"]: !!this.dropdown &&
+        const buttonId = hasTooltip
+            ? `ic-button-with-tooltip-${id || buttonIdNum}`
+            : undefined;
+        const describedby = !hasTooltip
+            ? describedById
+            : variant !== "icon" || !ariaLabel
+                ? `ic-tooltip-${buttonId}`
+                : 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 ||
+            (!!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 }))))));
+        return (hAsync(Host, { key: 'ad9ac0c76988c09eb82376bec11b59a01921e191', class: {
+                "ic-button-disabled": disabled && !loading,
+                "ic-button-full-width": fullWidth,
+                "ic-button-loading": loading,
+                [`ic-button-size-${size}`]: true,
+                [`ic-button-variant-${variant}`]: true,
+                [`ic-theme-${theme}`]: theme !== "inherit",
+                background: (variant === "secondary" || variant === "tertiary") &&
+                    !transparentBackground &&
+                    !disabled,
+                "dropdown-no-icon": dropdown &&
                     !isSlotUsed(this.el, "icon") &&
                     !isSlotUsed(this.el, "left-icon"),
-                ["top-icon"]: isSlotUsed(this.el, "top-icon"),
-                ["background"]: this.variant === "secondary" &&
-                    !this.transparentBackground &&
-                    this.theme === "light",
-            }, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (hAsync("ic-tooltip", { id: describedby || undefined, label: title || ariaLabel, target: buttonId || undefined, placement: this.tooltipPlacement, silent: this.isIconVariant() && !!ariaLabel }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null)))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }), !this.hasTooltip &&
-            (this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null))), this.describedByContent && (hAsync("span", { id: describedby || undefined, class: "ic-button-describedby" }, this.describedByContent))));
+                monochrome,
+                "top-icon": isSlotUsed(this.el, "top-icon"),
+                "with-badge": isSlotUsed(this.el, "badge"),
+            }, onClick: handleClick, onKeyDown: handleKeyDown, "aria-owns": ariaOwnsId, "aria-controls": ariaControlsId, "aria-expanded": dropdown && `${dropdownExpanded}` }, hasTooltip && (hAsync("ic-tooltip", { key: '6ea260823e7bf9640a83606682243f300a3841db', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, silent: isIconVariant() && !!ariaLabel }, hAsync(ButtonContent, { key: '4fb9a4f68cd2973fc0cd4bf8710dc284332655e8' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '598752e05b5b7c8af271b6b86752e531ca49839f', name: "badge" }), !hasTooltip && hAsync(ButtonContent, { key: '0931fa5a19abb382782b95c86273b92c6888563b' }), describedByContent && (hAsync("span", { key: 'b90c65b1b89f09467a38f47c104d207327686abb', id: describedby, class: "ic-button-describedby" }, describedByContent))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5560,19 +5483,19 @@ class CardVertical {
             rel: rel,
             target: target,
         };
-        return (hAsync(Host, { key: '77eb6d8d39531f4eb5436fd03c38b1d4a8e4e14e', class: {
+        return (hAsync(Host, { key: 'd62f341e096d81fa917e578aa55c99d6d828c9e3', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync(Component, Object.assign({ key: 'f602be4f06734c5fdca62b0f738b02f81988a823', class: {
+            } }, hAsync(Component, Object.assign({ key: '742b03d9281d850a9052638038980b45ca567c17', class: {
                 card: true,
                 clickable: !!clickable && !disabled,
                 disabled: !!disabled,
                 fullwidth: !!fullWidth,
                 focussed: isFocussed,
                 monochrome: monochrome,
-            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: 'e317b5bb6cac2055d7a3d0e1954e7ac77d162525', class: "image-top" }, hAsync("slot", { key: 'e26132f7a4c806f24dce618be1a9b442b6b5caba', name: "image-top" }))), hAsync("div", { key: '6a0efc36b72278004600f4340569c6f8dc8d11ca', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '837470df831d655b61bc10f5b83efd02d548a017', class: "icon" }, hAsync("slot", { key: '57a32c1e3fc6ad4739c187ebe9c8ff587c9d59f6', name: "icon" }))), hAsync("div", { key: '06a198599be0ce2c5bda505b73fedc2d6d27f8e6', class: "card-title" }, hAsync("slot", { key: '8e62184408b3887c340e0adb9f26b3b0a76cd287', name: "heading" }, hAsync("ic-typography", { key: '440fe573c8ef9b176e449a10c802c1648d818337', variant: "h4" }, hAsync("p", { key: '82ea89e26ecc579d6cdc4a153fbb25025906c018' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: '6196db67571d24d6a2e45834e00fc44745613a10', class: "interaction-button" }, hAsync("slot", { key: 'b8a64955d174b510f59c6425fd40c10c042a8d26', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: '55de98b4c457eb503ee3b6a45eaccff3dc5d9d0c', class: "subheading" }, hAsync("slot", { key: '4560efc9da8eef089edd648f38668bb21c6ca4b6', name: "subheading" }, hAsync("ic-typography", { key: 'b24a33d8d94f2c910a64d866f4da1664f6ff10a3', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: '6766128835ebd7944b228ef4a70b47af7aa46658', class: "adornment" }, hAsync("slot", { key: '9aa586884ad3a69c936a9ff7c831f13afb63696e', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: 'e0b686295c0b455b1a33bb9dba1d16d973101b6c', class: "image-mid" }, hAsync("slot", { key: '581dada577f03ff0c5c17d9e55d69124b71fbe96', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '26616626b87d6c5a36705aba4de57b8ec9b68c88', class: "card-message" }, message && (hAsync("ic-typography", { key: 'bc14188c6005720fe4412ba375b7044f851bbcb3', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '6d5a43f06888b83703c33b41555676ccad3a8aaa', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: '7896f819a4caf027eb0e883875b4a4a1ee4174da', class: "interaction-area" }, hAsync("div", { key: '4109dcf04ac202f9e8ba1568c96e1acd7c7675fb', class: "interaction-controls" }, hAsync("slot", { key: '42f5ba00458637177e62621852ecad1e974dd209', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: 'd4049e70edb1f6618d2f394e4f5c4f78a38b2cef', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: 'eb6363669ab6002ffe50fb8ea81fca63790781fb', class: {
+            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : null, disabled: disabled }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { key: 'd5f584871df498cf11acb97ff3694115d4819a73', class: "image-top" }, hAsync("slot", { key: '88fa5d9566421a5ca724622bb11b0ad593babecb', name: "image-top" }))), hAsync("div", { key: '3211c93ebca0fcddad4ac7ce75999ab8d7939442', class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'c80cf3c24f0cbdf7cac901ee8c945c4d1432fe9f', class: "icon" }, hAsync("slot", { key: '7e087604510f545b891f104f972ee50ac686b9be', name: "icon" }))), hAsync("div", { key: '02bc7be8d85faee7b497c2b2608d80f70b79ec86', class: "card-title" }, hAsync("slot", { key: 'e5285ad53121d899dd27966860b664fe1ecc388f', name: "heading" }, hAsync("ic-typography", { key: '00573eddbbdd537b86a1331bd2b2db4a443a13c0', variant: "h4" }, hAsync("p", { key: 'bccc52bc8feadd3abe0cd8092819258dc2e155c8' }, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { key: 'f9f2baeee122976ab5ffa8e3dff9027bb78db6b4', class: "interaction-button" }, hAsync("slot", { key: '01b087c7b7ff9fa54dfb1171c5a4899cf090b45c', name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { key: '81f19c8c0d726ebbb35f71375a35fac342e4e7cd', class: "subheading" }, hAsync("slot", { key: '17c871d9694857824afb3c9f7593c8498873d810', name: "subheading" }, hAsync("ic-typography", { key: '9ca1068e95a3c69def8ec0bf82135dd36ed57fbc', variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { key: 'e43dadfb629c3a5dd28a6b1c46555dfade8d498f', class: "adornment" }, hAsync("slot", { key: 'b8f63d79ffaff166020d643497ad8b92f4580a0e', name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { key: '1077bd869310c629a1b154e031dbed14559798b7', class: "image-mid" }, hAsync("slot", { key: 'f598c5ddfb5a591f3988c49b3f7be1e84fb87552', name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { key: '08d46a26aac3972495cc7724ff8fbd55cc90a31c', class: "card-message" }, message && (hAsync("ic-typography", { key: '50c632b1ac9fed137e668ceec4f1fe35f9a2cf99', variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { key: '2b971484237d985d4318993477d39b5f6d1e8f0d', name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { key: '3e7f6bc8df858349187486fb9e9ebec56d42d0a5', class: "interaction-area" }, hAsync("div", { key: '4fd96e05aa6daef84d93d8f1da4dd80b2d349623', class: "interaction-controls" }, hAsync("slot", { key: '2f690307f464bb1f710344723b2f76078334ea30', name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { key: '9880fae8f9a52bdfe1820df5cbfc92af33080e2a', id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { key: '0d1656a001fa061ebae17757a560ba11dae90339', class: {
                 "toggle-button": true,
                 [`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
-            }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: '54cf44b01090436c67a2dfa3b1265e924a3142b8', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '5cc85bf2a225f6a6f1d7436f9086a5d43bf43ddf', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '20734165707440fc4ed806a179c0b7c249cd1dcf', name: "badge" }))));
+            }, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { key: 'dc55cb4419b35c1f5f6b771cf5dc62c1d77626a7', class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { key: '3b0d0c87d0467ffde6e62ed49b9116280a6c7108', name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'f51d29f2b88429b0e0024c6f9ba34abaf4e1a6d1', name: "badge" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5637,6 +5560,10 @@ class Checkbox {
          * The text to be displayed when dynamic.
          */
         this.dynamicText = "This selection requires additional answers";
+        /**
+         * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
+         */
+        this.hideLabel = false;
         /**
          * If `true`, the indeterminate state will be displayed when checked.
          */
@@ -5651,14 +5578,13 @@ class Checkbox {
          */
         this.theme = "inherit";
         /**
-         * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
+         * The value for the checkbox.
          */
-        this.hideLabel = false;
+        this.value = "";
         this.handleClick = () => {
             this.checked = !this.checked;
-            this.displayIndeterminate = this.nativeIndeterminateBehaviour
-                ? false
-                : this.indeterminate && this.checked;
+            this.displayIndeterminate =
+                !this.nativeIndeterminateBehaviour && this.indeterminate && this.checked;
             this.icCheck.emit();
         };
         this.handleFormReset = () => {
@@ -5669,25 +5595,24 @@ class Checkbox {
         removeDisabledFalse(this.disabled, this.el);
     }
     watchIndeterminateHandler() {
-        this.displayIndeterminate = this.nativeIndeterminateBehaviour
-            ? this.indeterminate
-            : this.indeterminate && !!this.checked;
+        this.displayIndeterminate =
+            this.indeterminate && (this.nativeIndeterminateBehaviour || this.checked);
     }
     componentWillLoad() {
         removeDisabledFalse(this.disabled, this.el);
         addFormResetListener(this.el, this.handleFormReset);
-        const checkboxGroup = this.el.parentElement;
-        if (checkboxGroup) {
+        const { parentElement } = this.el;
+        if ((parentElement === null || parentElement === void 0 ? void 0 : parentElement.tagName) === "IC-CHECKBOX-GROUP") {
+            const { name, label, size } = parentElement;
             if (!this.name)
-                this.name = checkboxGroup.name;
-            this.groupLabel = checkboxGroup.label;
+                this.name = name;
+            if (!this.size)
+                this.size = size;
+            this.groupLabel = label;
         }
     }
     componentDidLoad() {
-        onComponentRequiredPropUndefined([
-            { prop: this.label, propName: "label" },
-            { prop: this.value, propName: "value" },
-        ], "Checkbox");
+        onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Checkbox");
     }
     componentDidRender() {
         if (this.additionalFieldDisplay === "static") {
@@ -5712,28 +5637,27 @@ class Checkbox {
      * Sets focus on the checkbox.
      */
     async setFocus() {
-        var _a, _b;
-        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".checkbox")) === null || _b === void 0 ? void 0 : _b.focus();
+        var _a;
+        (_a = this.checkboxEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, displayIndeterminate, groupLabel, label, name, size, value, theme, } = this;
-        const id = `ic-checkbox-${isPropDefined(label) || value}-${groupLabel}`.replace(/ /g, "-");
-        const parentElementSize = el.parentElement
-            .size;
+        const { additionalFieldDisplay, checked, disabled, displayIndeterminate, dynamicText, el, form, groupLabel, handleClick, hideLabel, label, name, size, theme, value, } = this;
+        const id = `ic-checkbox-${label}-${groupLabel}`.replace(/ /g, "-");
+        const isDynamicAdditionalField = additionalFieldDisplay === "dynamic";
         checked
-            ? renderHiddenInput(true, el, name, checked && value, disabled)
+            ? renderHiddenInput(el, value, name, disabled)
             : removeHiddenInput(el);
-        return (hAsync(Host, { key: '1b4f1fd6e5e8848ef63134541cbc314fe5976b2b', class: {
-                "ic-checkbox-disabled": !!disabled,
-                [`ic-checkbox-${size || parentElementSize}`]: true,
+        return (hAsync(Host, { key: '0d58d68ec535b1c9e0157aff61052cefa02a21c8', class: {
+                "ic-checkbox-disabled": disabled,
+                [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '3ec8b6cc45dcf275c6340c2d7321e335c9383ac5', class: "container" }, displayIndeterminate && hAsync("div", { key: 'd38202c75ef2f3a90a8b57efcb4030fc222e1038', class: "indeterminate-symbol" }), !displayIndeterminate && checked && (hAsync("svg", { key: '134ea738eb2858a4a27ed8792edb7668790d59a7', class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", { key: 'e8113684e52bb9e6b66200886a8aef0e4eeeaf28' }, "checkmark icon"), hAsync("path", { key: '342f98d89977388cfabb77fdf08cb4ecb7d7cc14', d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), hAsync("input", { key: '1b0ad31864fc8d7b7d40bc50e975162cf387ae01', role: "checkbox", class: {
+            } }, hAsync("div", { key: 'b86da60abffa74001b84db5159ff8b0e2afd4aaa', class: "container" }, displayIndeterminate ? (hAsync("div", { class: "indeterminate-symbol" })) : (checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), hAsync("input", { key: '6d3e3805f3e9dcee22fab04e8a8bace142de8df8', role: "checkbox", class: {
                 checkbox: true,
-                checked: !!checked,
-                indeterminate: !!displayIndeterminate,
-            }, type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: this.handleClick, form: form, "aria-label": this.hideLabel ? this.label : undefined }), !this.hideLabel && (hAsync("ic-typography", { key: '4e0aacf944928ed74162bb779ea2aa7f69cfd88d', class: "checkbox-label", variant: "body" }, hAsync("label", { key: 'cd6a349ecf42e327806161ff4eb38680a4b9d91b', htmlFor: id }, label)))), isSlotUsed(el, "additional-field") && (hAsync("div", { key: 'd658a44ea59a92e254ec4d5e097b43205c81d06a', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'ed31c233420f6f8c88951e7d208c7bcc418d382a', class: "branch-corner" })), hAsync("div", { key: '9cffdb6170b03336348940da135cb8c686235610' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'c6b1518d6f7641afaba0befc8de0a8ccb23cc7e9', variant: "caption" }, hAsync("p", { key: '931a9b34320375e0ff79014aa9ae4e9100a3c860', class: "dynamic-text", "aria-live": "polite" }, dynamicText))), hAsync("div", { key: '1d1034308c125fd0ec86a5bcfe91103742141b8c', class: {
-                "additional-field-wrapper": additionalFieldDisplay === "static",
-            } }, hAsync("slot", { key: '6b3c352f0fb38399cfdea480687fc69d39358e7a', name: "additional-field" })))))));
+                checked,
+                indeterminate: displayIndeterminate,
+            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (hAsync("ic-typography", { key: '5f6303736627c301bcc855dc5376c26f7edfa1af', class: "checkbox-label", variant: "body" }, hAsync("label", { key: 'aaad8092830165c169d26461d523d61fea02c859', htmlFor: id }, label)))), isSlotUsed(el, "additional-field") && (hAsync("div", { key: '64a75739762fb8bb082983408eb97fae99ec616a', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && hAsync("div", { key: 'ec3d2e0518c07747e33ac3ede567f3246e07852f', class: "branch-corner" }), hAsync("div", { key: '348ef60f64d5ae8cbe208910c30a3c45e9b115d7' }, isDynamicAdditionalField && (hAsync("ic-typography", { key: 'e4942c3cdb030693a90da2b8f38da3fe6f7b5fe4', variant: "caption" }, hAsync("p", { key: '925c10247c2b2532755c1306f69ec5c4cf7537bd', class: "dynamic-text", "aria-live": "polite" }, dynamicText))), hAsync("div", { key: '0cf7e06e8e06aa2830c1040069f00e2dca6844f2', class: {
+                "additional-field-wrapper": !isDynamicAdditionalField,
+            } }, hAsync("slot", { key: 'f7b465d8706b73a608e1df76f0119f0ea3d08343', name: "additional-field" })))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -5752,14 +5676,14 @@ class Checkbox {
             "dynamicText": [1, "dynamic-text"],
             "form": [1],
             "groupLabel": [1025, "group-label"],
+            "hideLabel": [4, "hide-label"],
             "indeterminate": [4],
             "label": [1],
             "name": [1025],
             "nativeIndeterminateBehaviour": [4, "native-indeterminate-behaviour"],
-            "size": [1],
+            "size": [1025],
             "theme": [1],
             "value": [1],
-            "hideLabel": [4, "hide-label"],
             "initiallyChecked": [32],
             "displayIndeterminate": [32],
             "setFocus": [64]
@@ -5773,12 +5697,12 @@ 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}";
 var IcCheckboxGroupStyle0 = icCheckboxGroupCss;
 
+const CHECKBOX_SELECTOR = "ic-checkbox";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class CheckboxGroup {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.icChange = createEvent(this, "icChange", 7);
-        this.checkboxSelector = "ic-checkbox";
         /**
          * If `true`, the checkbox group will be set to the disabled state.
          */
@@ -5816,7 +5740,7 @@ class CheckboxGroup {
         removeDisabledFalse(this.disabled, this.el);
     }
     labelNameHandler(newValue, oldValue, propName) {
-        Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
+        Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR)).forEach((checkbox) => {
             if (propName === "label")
                 checkbox.groupLabel = newValue;
             else if (checkbox.name === oldValue) {
@@ -5826,7 +5750,7 @@ class CheckboxGroup {
         });
     }
     watchThemeHandler(newValue) {
-        Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
+        Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR)).forEach((checkbox) => {
             checkbox.theme = newValue;
         });
     }
@@ -5848,7 +5772,7 @@ class CheckboxGroup {
         ], "Checkbox Group");
     }
     selectHandler({ target }) {
-        const checkedOptions = Array.from(this.el.querySelectorAll("ic-checkbox")).filter(({ checked, disabled }) => checked && !disabled);
+        const checkedOptions = Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR)).filter(({ checked, disabled }) => checked && !disabled);
         this.icChange.emit({
             value: checkedOptions.map(({ value }) => value),
             checkedOptions: checkedOptions.map((opt) => {
@@ -5864,13 +5788,12 @@ class CheckboxGroup {
     render() {
         const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;
         const describedBy = getInputDescribedByText(name, helperText !== "", validationStatus !== "");
-        return (hAsync(Host, { key: '9b8f671f38c8f92faee8e11760f8a0cd134b1073', class: {
+        const renderSRText = validationStatus === "error" || required || hideLabel;
+        return (hAsync(Host, { key: '14f796e660bc12e04a7deebc288de1987112a5f9', class: {
+                "ic-checkbox-group-disabled": !!disabled,
                 [`ic-checkbox-group-${size}`]: true,
-                [`ic-checkbox-group-disabled`]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { key: '2946ec438a1086a641cd0116468cfa5d765388ac', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '9a55837be6b839d11d555a5434f1ce1bc20fb2c9', id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
-                ? "screenReaderOnlyText"
-                : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: '4fb8b826e1bcd293c7952ecce033758f0cd16cc3' }, hAsync("ic-input-label", { key: 'c2e149bd304c9722fa874d489f0ed5141ce216fc', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: 'af7929cc1b1aa0cb68a4c154c2847d0eb1486726', class: "checkboxes-container" }, hAsync("slot", { key: 'da09cbc97224437899f4fd0ed9c9b79149b76963' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '2187e8455d81cfda15f962182f12c17180bba4c8', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
+            } }, renderSRText && (hAsync("span", { key: 'ffe548e83ebbdb80220e20c469fb2c81f9dea8f3', id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { key: '3b6d7864c62969a582875afce0ba9baac6d17a85', id: name, "aria-labelledby": `${renderSRText ? "screenReaderOnlyText" : ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", { key: 'f7dd53b9c3a5bda90854e9033c90f9a65732498e' }, hAsync("ic-input-label", { key: '3781f0c225a7ac7a2c905d3d58130f7a53b10357', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { key: '48064a6c2137e78656c3187765d75123f0fd9ab5', class: "checkboxes-container" }, hAsync("slot", { key: '3322f03cf4dfb88b764da8d37555e89790bfa43c' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '18f9971669d4068210360d4cb49233d8fbb9c70c', for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -5906,7 +5829,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
 </svg>
 `;
 
-const icChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
+const icChipCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;max-width:100%;vertical-align:middle}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}";
 var IcChipStyle0 = icChipCss;
 
 /**
@@ -5917,8 +5840,7 @@ class Chip {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.icDismiss = createEvent(this, "icDismiss", 7);
-        this.inAGGrid = false;
-        this.customColorClass = "";
+        this.foregroundColor = null;
         this.hovered = false;
         this.visible = true;
         /**
@@ -5929,6 +5851,10 @@ class Chip {
          * If `true`, the chip will have a close button at the end to dismiss it.
          */
         this.dismissible = false;
+        /**
+         * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.
+         */
+        this.dismissLabel = "Dismiss";
         /**
          * The size of the chip.
          */
@@ -5946,10 +5872,6 @@ class Chip {
          * The emphasis of the chip.
          */
         this.variant = "filled";
-        /**
-         * The text in the dismiss button tooltip and aria label.
-         */
-        this.dismissLabel = "Dismiss";
         this.dismissAction = () => {
             this.icDismiss.emit();
         };
@@ -5959,23 +5881,16 @@ class Chip {
         this.mouseLeaveHandler = () => {
             this.hovered = false;
         };
-        this.setChipColour = () => {
-            const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;
-            if (colorRGBA) {
-                const { r, g, b, a } = colorRGBA;
-                this.customColorClass =
-                    (r * 299 + g * 587 + b * 114) / 1000 > 133.3505
-                        ? "ic-chip-dark-text"
-                        : "ic-chip-light-text";
-                this.el.setAttribute("style", `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a});`);
-            }
-            else {
-                this.customColorClass = "";
-            }
-        };
     }
     customColorHandler() {
-        this.setChipColour();
+        const colorRGBA = this.customColor && convertToRGBA(this.customColor);
+        if (!colorRGBA) {
+            this.foregroundColor = null;
+            return;
+        }
+        const { r, g, b, a } = colorRGBA;
+        this.foregroundColor = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);
+        this.el.setAttribute("style", `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a});`);
     }
     watchDisabledHandler() {
         removeDisabledFalse(this.disabled, this.el);
@@ -5984,11 +5899,6 @@ class Chip {
         removeDisabledFalse(this.disabled, this.el);
         this.customColorHandler();
     }
-    componentWillRender() {
-        if (isElInAGGrid(this.el)) {
-            this.inAGGrid = true;
-        }
-    }
     componentDidLoad() {
         onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Chip");
     }
@@ -5999,23 +5909,24 @@ class Chip {
      * Sets focus on the chip.
      */
     async setFocus() {
-        var _a, _b;
-        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
+        var _a;
+        (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, dismissLabel, } = this;
-        return (hAsync(Host, { key: '1b4360dcf0ba51576a0ee9d58d65913df020f369', class: {
+        const { label, variant, size, dismissible, visible, disabled, hovered, theme, foregroundColor, dismissLabel, transparentBackground, } = this;
+        const ariaLabel = `${label} chip`;
+        return (hAsync(Host, { key: '9a61d8ecacb78fcdf17dbbaf32e1cf79de705d78', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-                [`${customColorClass}`]: variant === "filled" && customColorClass !== "",
-            } }, visible && (hAsync("div", { key: '8c1f8604092bf2f2339c30b3dfb4a1ea7c39dbeb', class: {
+                [`ic-chip-${foregroundColor}-text`]: variant === "filled" && !!foregroundColor,
+            } }, visible && (hAsync("div", { key: '5cfa78f3d8647cf3f6a98649bfe583af89f3458f', class: {
                 chip: true,
                 [`${variant}`]: true,
                 [`${size}`]: true,
-                disabled: !!disabled,
-                dismissible: !!dismissible,
+                disabled,
+                dismissible,
                 hovered,
-                "non-transparent": this.variant === "outlined" && !this.transparentBackground,
-            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: '52ac64960f90b3b68208ec75e69e208be58f3eb4', class: "icon" }, hAsync("slot", { key: '142815de4c40164de8ec4a851be5d686a927b4be', name: "icon" }))), hAsync("ic-typography", { key: '1e1e9db4c315555021f139dad5569555ec9c3aee', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", { key: '62498dfec69836cb26e3ae48d309f3b83e28c480' }, label)), dismissible && (hAsync("ic-tooltip", { key: '188618ceeae1160eaba1a4b54c82e8855b1c52e4', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": !!disabled } }, hAsync("button", { key: '851b349f8928a4f09e0d78a743ef781209d6b0d8', id: "dismiss-icon", class: "dismiss-icon", "aria-label": `${dismissLabel} ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'b43d3e23d56d14044056537d89732d4d07eb2b30', name: "badge" })))));
+                "non-transparent": variant === "outlined" && !transparentBackground,
+            } }, isSlotUsed(this.el, "icon") && (hAsync("div", { key: 'd7f72306a186b66c4a215a3928655989870e34b3', class: "icon" }, hAsync("slot", { key: '71b8d9a59d43e0580e7f56c1977f2992ee582d95', name: "icon" }))), hAsync("ic-typography", { key: '46ba6cddc7c12f2c246cc2d23e6d403517ad54b3', variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": isElInAGGrid(this.el) } }, hAsync("span", { key: '7e62d43da1b1d21a3b660839154aaaaedf96f935' }, label)), dismissible && (hAsync("ic-tooltip", { key: 'c82c6387a16c2cf5006710b1623a332a1f5f3122', label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { key: '0411f0e6d7ce468a6f7a489e652240724dee0213', id: "dismiss-icon", class: "dismiss-icon", ref: (el) => (this.buttonEl = el), "aria-label": `${dismissLabel} ${ariaLabel}`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '31e71e22e0d9b8755a8bc483934aabcc4ccb9033', name: "badge" }))), dismissible && (hAsync("div", { key: 'c899f3ba330e9231e461b7869363ce85ff005b31', class: "sr-only", "aria-live": "polite" }, !visible ? `Dismissed ${ariaLabel}` : ""))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -6031,13 +5942,13 @@ class Chip {
             "customColor": [1, "custom-color"],
             "disabled": [4],
             "dismissible": [4],
+            "dismissLabel": [1, "dismiss-label"],
             "label": [1],
             "size": [1],
             "theme": [1],
             "transparentBackground": [4, "transparent-background"],
             "variant": [1],
-            "dismissLabel": [1, "dismiss-label"],
-            "customColorClass": [32],
+            "foregroundColor": [32],
             "hovered": [32],
             "visible": [32],
             "setFocus": [64]
@@ -6143,10 +6054,10 @@ class DataList {
         if (size === "small") {
             Array.from(el.children).forEach((child) => child.setAttribute("size", "small"));
         }
-        return (hAsync(Host, { key: 'c66609f65612dca067e70b5762d7eeb797dd2121', class: {
+        return (hAsync(Host, { key: '6f83752c95bc937a1fcc825cfaefa57f3103b71d', class: {
                 "ic-data-list-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '685663251c565cb665c03e9bd39e1d5b2f7ef73b', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: 'e81970054a2053f05f6c0ef378e2509bb602da65', name: "heading" }, hAsync("ic-typography", { key: '860b07bd25a11f7f6a938aab5cbae0c5802bea3e', variant: "h3" }, heading))), hAsync("div", { key: 'c004429938c7c71ac70ee106486f75193cffc2ca', class: "divider" }), hAsync("ul", { key: 'b9e010a5703ecaf75ce3b1cf396901b26618a34a', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '684b99425193c3a5e306b67e235b7d85e1802fce' }))));
+            } }, hAsync("div", { key: '1d2299d6bf8a13cba28b18d33ec8e1387c624cc5', class: "heading", id: "data-list-heading" }, hAsync("slot", { key: '2f8b5c7bbb30d4c11bc08947737c7c9d7f0e91ed', name: "heading" }, hAsync("ic-typography", { key: '7665e122d1da3e292abf459f0456e64c966eb65d', variant: "h3" }, heading))), hAsync("div", { key: '44be7746fb08b772fc9bb38cd673811026fe4092', class: "divider" }), hAsync("ul", { key: '8aa11aeada0518d6d9db18f3c962863e1414b02b', "aria-labelledby": "data-list-heading", class: "rows" }, hAsync("slot", { key: '18635edff92562810f11056cb750615884e28efe' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataListStyle0; }
@@ -6236,12 +6147,12 @@ class DataRow {
     }
     render() {
         const { el, listSize, hasEndComponent, label, renderCellContent, size, theme, value, } = this;
-        return (hAsync(Host, { key: '3cfe27bfa3e8e0a563450e3842c31e50a78fcb28', class: {
+        return (hAsync(Host, { key: '572e916da4b05c25ef2d30d186e80b08f3dfb5b5', 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: '348b7ebe1cec0baab24213e9cc468a7e2274ae31', class: "data" }, hAsync("div", { key: 'a2d9d409a312f20b259a40a85ce37b8928e8da06', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: 'c7f9583403acf4041eebe4b26ff417b453fe07db', class: "end-component" }, hAsync("slot", { key: '837641d249f27635ece7e1eb6505d3e4dbf5492b', name: "end-component" })))), hAsync("div", { key: '9f39724a36e05428a979a589bbed4a09fa2043e0', class: "divider" })));
+            }, role: "listitem" }, hAsync("div", { key: '3fd5751be8c21404dfbe1c37d121103d7bc32ec5', class: "data" }, hAsync("div", { key: '9dfd49f76340e059ad39cda8f7a28d7d51edeb5a', class: "text-cells" }, (isSlotUsed(el, "label") || label) && renderCellContent("label"), (isSlotUsed(el, "value") || value) && renderCellContent("value")), hasEndComponent && (hAsync("div", { key: '0b64f2937db81ddb2aa12ea4a3d6a19ba69c925b', class: "end-component" }, hAsync("slot", { key: 'fe70b486ca8ccc5f409fe805a772bd0110752a75', name: "end-component" })))), hAsync("div", { key: '286f657395d2d77dd8d2783a395d02f897fd361b', class: "divider" })));
     }
     get el() { return getElement(this); }
     static get style() { return IcDataRowStyle0; }
@@ -6603,7 +6514,7 @@ class Dialog {
     }
     render() {
         const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
-        return (hAsync(Host, { key: '4bdf6778197f347e18d1c6d238db6e654672ea71', class: {
+        return (hAsync(Host, { key: '11ce388b78e337682fcd54494a076789d488b86b', class: {
                 "ic-dialog-hidden": !dialogRendered,
                 "ic-dialog-fade-in": fadeIn,
                 "disable-height-constraint": !!disableHeightConstraint,
@@ -6803,11 +6714,11 @@ class EmptyState {
     }
     render() {
         const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;
-        return (hAsync(Host, { key: '4bb35d1c3476b88cc58e952b1b8785e4425d5339', class: {
+        return (hAsync(Host, { key: '16659f35d2b14d9a5e32fe6c61619fbafdf58f53', class: {
                 [`ic-empty-state-${aligned}`]: true,
                 [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: '9e87ed9f746d37f57505a75c62b10279b31ef54e', name: "image" }), hAsync("div", { key: '4f94dc11d843660d3fecd976fa71f9c57644c89b' }, hAsync("slot", { key: 'be23c55a8dc832904fbae342890d2a3d2d74ae85', name: "heading" }, hAsync("ic-typography", { key: '52bf3dca695fecff3e5d650bd81db23d09665258', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: '7ed10d78475ac8b9c3f5a084a1294ad1be180f15', name: "subheading" }, hAsync("ic-typography", { key: '5772d056578a64a951178c3c3026b36d4b316496', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: '14a8815b51a06521642921f09fa8346483522e84', name: "body" }, hAsync("ic-typography", { key: 'bca780cc2275e81d4e25bae45f5065f6fab3bcd5', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: 'd6c0f61a358c1d0c86c4da922ed0504ffdc8228f', class: "action-area" }, hAsync("slot", { key: 'ac150a34e883376bfee43a6edbeb8992c3bc3f96', name: "actions" })))));
+            } }, isSlotUsed(this.el, "image") && hAsync("slot", { key: 'ccc8a2daf0041d9dd5e611d3b60c96820271745b', name: "image" }), hAsync("div", { key: 'ab68dff198b63394d890399ec53b9befbb70f222' }, hAsync("slot", { key: 'fe99ebbfe6b9c899d4b1fb5737df268e0bc38bb4', name: "heading" }, hAsync("ic-typography", { key: 'eea6eb657e09159b27935e16864961b95387a3d6', variant: "h4", class: "empty-state-heading" }, heading)), hAsync("slot", { key: 'ca04ac75d72fc5864ed7821bf9d16c8999eac3aa', name: "subheading" }, hAsync("ic-typography", { key: '257a4f73c4fb3577e4c1653607a492b4f4d18470', variant: "subtitle-small", class: "empty-state-subheading" }, subheading)), hAsync("slot", { key: 'f0efda6128d1b5a5f2b280faf23940b0832e3121', name: "body" }, hAsync("ic-typography", { key: '128849e7a458b1ff7b51079eeb9f6967df88cef1', maxLines: maxLines, class: "empty-state-body" }, body))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '22cf30fd1f3636fb3344689c4435b59d4148bb5f', class: "action-area" }, hAsync("slot", { key: 'c4e187603beb9b2291c9e038202ff651d4decfff', name: "actions" })))));
     }
     get el() { return getElement(this); }
     static get style() { return IcEmptyStateStyle0; }
@@ -7000,12 +6911,12 @@ class FooterLink {
         const { footerConfig, href, hreflang, referrerpolicy, rel, target, download, } = this;
         const { small, grouped } = footerConfig;
         const isLogoLink = !!this.el.closest("div[slot='logo']");
-        return (hAsync(Host, { key: 'b8797484e397b1a952f2df6f644c985deec5be65', class: {
+        return (hAsync(Host, { key: 'b093247260ef7378ef3aa666029e463641eb20c0', class: {
                 "footer-link": true,
                 [`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
                 [`footer-link-${this.foregroundColor}`]: true,
                 "footer-logo-link": isLogoLink,
-            }, role: "listitem" }, hAsync("ic-link", { key: '1cd559f7c768a70d2bc0c92845ad6ae6761b584a', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: 'f2104f33d9651f96414a4963b30ea2e6c2414b18' }))));
+            }, role: "listitem" }, hAsync("ic-link", { key: '79ac221357a96ca920f68609bb390a30f53be256', class: "footer-link", href: href, hreflang: hreflang, referrerpolicy: referrerpolicy, rel: rel, download: download !== false ? download : undefined, target: target }, hAsync("slot", { key: '06182bca4f4268ca01466a411a8de43671fbea24' }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -7180,17 +7091,17 @@ class Hero {
                 "background-position": scrollFactor,
             };
         }
-        return (hAsync(Host, { key: '74dcaf107650373274e01fe04fd1964c3bb62073', class: {
+        return (hAsync(Host, { key: 'e03ade9bdd2567cd7ab8c1072bbdd90b3d75e3d8', class: {
                 [`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["has-background-image"]: backgroundImage !== undefined,
                 ["ic-hero-small"]: size === "small",
                 ["secondary-heading"]: !!secondaryHeading,
-            }, style: style }, hAsync("ic-section-container", { key: '18df0272497747b6660942829636b2d3225913e9', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '6ecd484adbcb987f3f90ff58ee6f749c9a3422ed', class: {
+            }, style: style }, hAsync("ic-section-container", { key: 'af3bd63ec96401bf7db7238c8ceb5f2c867f4a0b', aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { key: '8a37d137f390c9203973349f4fc3c2d2616045a9', class: {
                 ["left-container"]: true,
                 ["left-container-full-width"]: this.leftContentFullWidth,
-            } }, hAsync("div", { key: '8d4c4b0a35417046b06a2dbfd1e13e40183bd7fb', class: "heading" }, hAsync("slot", { key: 'fc5aa8fd7b8dcb255d3a9405444b17670e3e9d7b', name: "heading" }, hAsync("ic-typography", { key: '360e0e4ff5b9c44a707011abcb33771bb711226b', variant: size === "small" ? "h2" : "h1", class: {
+            } }, hAsync("div", { key: 'a5796632e455cafaa95e2d03a7a653c04362aad6', class: "heading" }, hAsync("slot", { key: '48c41d241497410ecd63ceccd3de26e350b1261d', name: "heading" }, hAsync("ic-typography", { key: '6a6a601125d672f0ccd9c83dc51a016dd15e3e8d', variant: size === "small" ? "h2" : "h1", class: {
                 ["heading-bottom-spacing"]: size !== "small",
-            } }, hAsync("h2", { key: '671b42db7002c2d77d42f8eb087af469910ac4ba' }, heading)))), hAsync("div", { key: 'd967221ce6e889da8a749f7c3deacbed0fb70211', class: "subheading" }, hAsync("slot", { key: '3363059a438d470e90a4782f956c838c7394fe16', name: "subheading" }, hAsync("ic-typography", { key: 'a9e7e665d6f42f14d0b0368e3d437cacfae4edcb', variant: "body" }, subheading))), hAsync("div", { key: 'a99a67438d1c017ed7822fcf4b46243e8af300f7', class: "interaction-container" }, hAsync("slot", { key: '5f54b40b54fdc5696935d37dfe3ef7ae68599390', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '89513652cf857ead516f5b16e1a5776b135db42c', class: "right-container" }, hAsync("slot", { key: '739e6f69d2466cf001489eea05488b98e2713f12', name: "secondary" }, secondaryHeading && (hAsync("div", { key: '41f85c0af629eaa9fb859768b495563edf2cc734', class: "secondary-container" }, hAsync("div", { key: '9ef7879d221cbf53e36eda0a99b59bd76bd0476f', class: "secondary-heading" }, hAsync("ic-typography", { key: '41787caaf24919d5a7041294d73445f58aa3d724', variant: "h4" }, hAsync("h3", { key: '1137fb4ee0e4fe64efed120d0e5ab5d4dc25bd5d' }, secondaryHeading))), hAsync("div", { key: '2985066c33994c07e167e59ddff6d64e3713b888', class: "secondary-subheading" }, hAsync("ic-typography", { key: '6bee21b6ce698c66dab6c49ab39558373bfec1f8', variant: "subtitle-small" }, secondarySubheading))))))))));
+            } }, hAsync("h2", { key: 'c467063d6438bb2cc0ce9c04dd73408c184193c2' }, heading)))), hAsync("div", { key: '677298e8979a2220a3c6f468476c1f2b1777a3af', class: "subheading" }, hAsync("slot", { key: 'e2a55ff9eb1373c7b2c598909bee840a9224d606', name: "subheading" }, hAsync("ic-typography", { key: '6fbfaad27a0439f6e0bf469757a1238e307683ac', variant: "body" }, subheading))), hAsync("div", { key: '423aafd1dc41ca03887a59730e5880e23e2964b6', class: "interaction-container" }, hAsync("slot", { key: '186057e873764afda68fad740fb8cb2826071b11', name: "interaction" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (hAsync("div", { key: '93910106562c1fc044d4a2a8126ff272905a34bf', class: "right-container" }, hAsync("slot", { key: 'e801d684ed24de1e7138b6edb525e288c0461d60', name: "secondary" }, secondaryHeading && (hAsync("div", { key: 'b602ea433de5de2d04522ac0f448c0422e886faa', class: "secondary-container" }, hAsync("div", { key: 'd538d984f09bc748dc7c23599439bf7eba85f830', class: "secondary-heading" }, hAsync("ic-typography", { key: '68d89508c9660f675ed35c0fa18f6cfde2cb5288', variant: "h4" }, hAsync("h3", { key: '07285a037d0bfb1b397d9b0b96511804c7afc464' }, secondaryHeading))), hAsync("div", { key: '6187e9026f1526f5c5d5c5e62bc1360fb869ef12', class: "secondary-subheading" }, hAsync("ic-typography", { key: '6172800b84a3628d472b0cf7a1c3b52ff41a0aec', variant: "subtitle-small" }, secondarySubheading))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcHeroStyle0; }
@@ -7381,22 +7292,22 @@ class HorizontalScroll {
     }
     render() {
         const { firstItemVisible, lastItemVisible, itemOverflow } = this;
-        return (hAsync(Host, { key: '5c313665e71e0abc91a19f204ccf08d7b017f46b', class: {
+        return (hAsync(Host, { key: '329d00bc4e7ebfab434cb41dd32e919820c5adb5', class: {
                 ["ic-horizontal-scroll-visible"]: itemOverflow,
                 ["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum.Dark,
                 ["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum.Light,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '7a65d56af26a6bfe660c3e923beaf7b512f77de8', "aria-hidden": "true", class: {
+            } }, hAsync("div", { key: 'ed231bf1fcd68399e29e790026b377bf8f96a14e', "aria-hidden": "true", class: {
                 ["scroll-container-left"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: firstItemVisible,
-            }, role: "tab" }, hAsync("ic-button", { key: '0203d6acdde7444d03038b3ec86f3e318615030d', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("ic-button", { key: 'c34f45cb44e242939985f792a21e482a11078fba', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
-                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'dffb5fee1c17005205216d0901141317e2dc4aa6', class: "scroll-splitter-left" })), hAsync("slot", { key: 'f637c15f3020e1572a61179c2132dece11d0699a' }), hAsync("div", { key: 'c563d5ca6d07a66f2111bea5aebe7d36ae481770', "aria-hidden": "true", class: {
+                : "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { key: 'c5b52e4cfa655f8dc499e69da531870f4e4fe216', class: "scroll-splitter-left" })), hAsync("slot", { key: '8478dc63668ed2e842182c47e9a3b27b77ac642f' }), hAsync("div", { key: 'b9b0e21e69a40f7afda403db3db8b983257240c0', "aria-hidden": "true", class: {
                 ["scroll-container-right"]: true,
                 ["hidden"]: !itemOverflow,
                 ["disabled"]: lastItemVisible,
-            }, role: "tab" }, hAsync("span", { key: 'd8afe9aaf2304d13909815aeb8e60ac4f8952f7f', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4f3be747e736a50705793742b0a1e9fab44d56db', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
+            }, role: "tab" }, hAsync("span", { key: '909936dddf54502bb1bdc3fdfdf36d59b5582238', class: "scroll-splitter-right" }), hAsync("ic-button", { key: '4e9093a9da1b3e387933dfc2495f1279bb7ad180', class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
                 ? "dark"
                 : "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
     }
@@ -7471,15 +7382,15 @@ class InputComponentContainer {
     }
     render() {
         const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
-        return (hAsync(Host, { key: 'c33ebfd9dd18101fb9161259538e8e0046f77a3d', class: {
+        return (hAsync(Host, { key: '86271007106caa930e823cd2a9b9242670a1d2c1', class: {
                 [`ic-input-component-container-${size}`]: true,
                 [`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
                 "ic-input-component-container-disabled": !!disabled,
                 "ic-input-component-container-readonly": !!readonly,
                 "ic-input-component-container-multiline": !!multiLine,
                 "ic-input-component-container-full-width": !!fullWidth,
-            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: 'a70f27a3235ac0edb9d9c5a18983ae3c02de2a48', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: 'aa0b233280382bd0e95a8ff932bf60a63603b7bf', class: "icon-container" }, hAsync("slot", { key: 'ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd', name: "left-icon" }))), hAsync("slot", { key: '1850c6ed04510e678600c653a36e2114f982e561' }), validationInline &&
-            validationStatus === IcInformationStatus.Success && (hAsync("span", { key: '58d228c595577c1cc9a0fe2b10538cc3efff53ab', class: "inline-success", innerHTML: successIcon })))));
+            }, "aria-disabled": disabled ? "true" : null }, hAsync("div", { key: '2b8e64e7cc2d78b34b816b080f7e5856b4aef254', class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { key: '738e1d776664a7971bd97f36a68b8193849178ae', class: "icon-container" }, hAsync("slot", { key: 'c6d5fa181367e1988b3e454b06c01345afa393ff', name: "left-icon" }))), hAsync("slot", { key: '970ccdc08abd4dbf84248cc5708ab09ecbcbc0ae' }), validationInline &&
+            validationStatus === IcInformationStatus.Success && (hAsync("span", { key: '6c7cbd9c69c11a8688972039ba519829805d3ab7', class: "inline-success", innerHTML: successIcon })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7520,11 +7431,11 @@ class InputContainer {
         this.readonly = false;
     }
     render() {
-        return (hAsync(Host, { key: '32ae22db5e182cc2c092c8f48e61d42a318284a0' }, hAsync("div", { key: 'bae9ef74f7f92004ec99c387a213822315c505ba', class: {
+        return (hAsync(Host, { key: 'ffa7ae6f683f172205085d3ade5af4ed2b665f5e' }, hAsync("div", { key: 'e010e17e975c12a26c9ae66cb604ca561882901b', class: {
                 ["component-container"]: true,
                 ["disabled"]: !!this.disabled,
                 ["readonly"]: !!this.readonly,
-            } }, hAsync("slot", { key: 'acca571eaa0d8f19b0e3379d2592409aacf9dd95' }))));
+            } }, hAsync("slot", { key: '202931f1bc8d2ab341753c23464e266fd899a15d' }))));
     }
     static get style() { return IcInputContainerStyle0; }
     static get cmpMeta() { return {
@@ -7581,18 +7492,18 @@ class InputLabel {
     render() {
         const { disabled, readonly, label, required, helperText, status, hideLabel, useLabelTag, } = this;
         const labelText = required ? label + " *" : label;
-        return (hAsync(Host, { key: '53437d3149f4607c6a4d78d907623cb5007f80d1', class: {
+        return (hAsync(Host, { key: '324edfe4443673e3c50afaf6abe1507dddf8c5a1', class: {
                 "ic-input-label-disabled": !!disabled,
                 "ic-input-label-readonly": readonly,
                 "with-helper": helperText !== "",
-            } }, !hideLabel && (hAsync("ic-typography", { key: '454dc75303a9c8a4991d886aea5abe323960a96e', variant: "label", class: {
+            } }, !hideLabel && (hAsync("ic-typography", { key: 'cc4776d1421cf7b93ff5bb5c0b148c82d9c42ef4', 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: '91229fd502726c77cbd35097d78b293461ddefff', variant: "caption", class: {
+            } }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), helperText !== "" && (hAsync("ic-typography", { key: '8ccf12c8a4430108018f4ce1097359dbd23baefe', variant: "caption", class: {
                 helpertext: true,
                 "helpertext-normal": !disabled && !readonly,
                 "helpertext-readonly": readonly,
-            } }, hAsync("span", { key: '56fc1416be966f1af7d2d34d28d450b3fc0def3f', id: this.for && getInputHelperTextID(this.for) }, helperText)))));
+            } }, hAsync("span", { key: 'e6a63927e7da03f64b50f5b65be1eb63410f8dab', id: this.for && getInputHelperTextID(this.for) }, helperText)))));
     }
     static get style() { return IcInputLabelStyle0; }
     static get cmpMeta() { return {
@@ -7648,13 +7559,13 @@ class InputValidation {
     render() {
         const { ariaLiveMode, fullWidth, status, message } = this;
         const displayIcon = status !== "" ? icon[status] : "";
-        return (hAsync(Host, { key: 'd6af7a655de2bfc6fb1fbe9273d6d9832b77460f', class: {
+        return (hAsync(Host, { key: 'f61832a182b954a8b114547acd18ce38576daf06', class: {
                 [`ic-input-validation-${status}`]: status !== "",
                 "ic-input-validation-full-width": !!fullWidth,
-            } }, displayIcon !== "" && (hAsync("span", { key: '31756ccbb544bfa04cd4ca92fc074b54c1b1f4bc', class: {
+            } }, displayIcon !== "" && (hAsync("span", { key: '2d0766ad790827b8757354c2dc3d29e3aa9a5f71', class: {
                 "status-icon": true,
                 [`icon-${status}`]: true,
-            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: '5def28291ba379bd93351dcc4ffd89bae149d409', variant: "caption", class: "statustext" }, hAsync("span", { key: '3411302bd27a0b32a03a17b465db0927a018f542', "aria-live": ariaLiveMode, id: this.for && getInputValidationTextID(this.for) }, message)), hAsync("slot", { key: 'a86c22429e48eca2033abddfe4b15c1be5d00e7f', name: "validation-message-adornment" })));
+            }, innerHTML: displayIcon })), hAsync("ic-typography", { key: 'b1a98a5b7fd18ab96cde1ff555410f35f76a66e2', variant: "caption", class: "statustext" }, hAsync("span", { key: '5306d723ea7527eb997d778e82fbe10e00af7852', "aria-live": ariaLiveMode, id: this.for && getInputValidationTextID(this.for) }, message)), hAsync("slot", { key: 'a7e3c126ac89a1c616a327da99b8324df7c4464e', name: "validation-message-adornment" })));
     }
     get el() { return getElement(this); }
     static get style() { return IcInputValidationStyle0; }
@@ -7711,6 +7622,9 @@ class Link {
             });
         };
     }
+    watchDownloadHandler() {
+        this.updateDownload();
+    }
     componentWillLoad() {
         this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);
         this.updateTheme();
@@ -7746,6 +7660,18 @@ class Link {
                     : IcBrandForegroundEnum.Light;
         }
     }
+    updateDownload() {
+        var _a;
+        const element = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("a");
+        if (element) {
+            if (this.download) {
+                element.setAttribute("download", this.download === true ? "" : this.download);
+            }
+            else {
+                element.removeAttribute("download");
+            }
+        }
+    }
     hasRouterSlot() {
         this.routerSlot = this.el.querySelector('[slot="router-item"]');
         if (this.routerSlot) {
@@ -7755,16 +7681,19 @@ class Link {
     }
     render() {
         const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
-        return (hAsync(Host, { key: '00b6f1536124f047327af9985d4aa2a30e4863bc', class: {
+        return (hAsync(Host, { key: 'b554bf4f2fc16dd66f7d393ae4813fe10c9a16f8', class: {
                 ["ic-link"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-link-monochrome"]: !!monochrome,
             } }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync("a", Object.assign({ class: {
                 ["link"]: !!href,
-            }, download: download !== false ? download : null, href: href, hrefLang: hreflang, referrerPolicy: referrerpolicy, rel: rel, target: target, tabindex: href ? "0" : "-1" }, this.inheritedAttributes, { part: "link" }), hAsync("slot", null), target === "_blank" && (hAsync("span", { class: "ic-link-open-in-new-icon", innerHTML: OpenInNew }))))));
+            }, download: download !== true ? download : "", href: href, hrefLang: hreflang, referrerPolicy: referrerpolicy, rel: rel, target: target, tabindex: href ? "0" : "-1" }, this.inheritedAttributes, { part: "link" }), hAsync("slot", null), target === "_blank" && (hAsync("span", { class: "ic-link-open-in-new-icon", innerHTML: OpenInNew }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "download": ["watchDownloadHandler"]
+    }; }
     static get style() { return IcLinkStyle0; }
     static get cmpMeta() { return {
         "$flags$": 25,
@@ -7993,15 +7922,15 @@ class LoadingIndicator {
     render() {
         const { theme, label, description, size, fullWidth, innerLabel, monochrome, } = this;
         const { x, y, r } = this.setCircleXY();
-        return (hAsync(Host, { key: '27fb3a096e338b3c7fb088c845d46e8897594e25', class: {
+        return (hAsync(Host, { key: 'af8aecb7e2feb45574ce1dbce238e24ece0a7c14', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-loading-indicator-label": !!label,
                 "ic-loading-indicator-full-width": !!fullWidth,
                 "inner-label": !!innerLabel,
                 "ic-loading-indicator-monochrome": !!monochrome,
-            } }, hAsync("div", { key: 'bff98017c103e8c92f21e1b495e63d7883826637', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: '80564769566925591667a47978974ff3b2138c61', 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: '3b491c190d252bcf69024365c4bf4a980b3266ca', ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
+            } }, hAsync("div", { key: '46a3bbc13400779a3aa92324f84b2a0515a34a64', class: "ic-loading-container", part: "ic-loading-container" }, hAsync("div", { key: 'ff16f2f3f71e2338834eb1852f5b362332517a09', 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: '4c0937928bd38982462ad36d6df98ecd5729b64e', ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
             this.innerLabel !== undefined &&
-            this.size === "small" && (hAsync("ic-typography", { key: '53c57c16988f98039dce47a09077ec5eee3f6246', variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { key: '74cd96683524d32564d4b9c969c5d361259d1368', class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { key: 'b4e4283ab0a67b2e318d188c9387f3b14adb3e11', cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { key: '8c9064a662ebed26f8759b34ccca02d377bb57e5', cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '347ae35f8ed6dc666c1e4854e324a0a905cc67e0', id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", { key: 'e0a42f64ad38299380becbdb33bb72ec3428ded3' }, this.indicatorLabel))))));
+            this.size === "small" && (hAsync("ic-typography", { key: '13c9dbbead841cf7995caefc63bb86d8c0e40d2d', variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { key: '12decbb0441c22e9c0f7f82b8c7737b24c44bf01', class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { key: '96ba0e0a054be9be9f707903ae8d8075ab92b360', cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { key: 'b986b1626971075e86063a898948df490856cd3d', cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { key: '5d3ceea4f339006c6389a99ea52befaea885988a', id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", { key: '5dfc851559b8ef4fb2b4fca4a002d87ad1b52d43' }, this.indicatorLabel))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -10758,7 +10687,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: 'dc85eafc855ecd8906c29fe8ca9fbd906ab00b50', class: {
+        return (hAsync(Host, { key: 'd0c5f5c23b4f20260852cefb5fedea21302e9d96', 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) ||
@@ -10767,7 +10696,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: '7e7f5a2bf93d4488f2b214a7ecc45b869462b7ad', 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: '83a3eb54200af022e6868732e5a7b36d81be36a2', 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)
@@ -10795,7 +10724,7 @@ class Menu {
             this.isMultiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (hAsync("div", { key: 'aa9c61ef301dd6815a0bfab6a9491bb869622a8d', class: "option-bar" }, hAsync("ic-typography", { key: '4e69203a740c6b7e49cd0014134ff218d95d48c5' }, hAsync("p", { key: 'e2dcbd610a86e262b1b1adcad1365c122aa75bd4' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: 'c7c7a27339eb30e444e85e1bcb1662bc4aa82c8e', 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: '0273a92b2489cf7c2e78c19925016f9fa1c7f8ce', class: "option-bar" }, hAsync("ic-typography", { key: '12fb3d62eff3d6d2545004d73f2de8726c4ee9e8' }, hAsync("p", { key: '661d0a4ca79cda7f6fa5d1e229baa0ed301599b9' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { key: '7b28845efcd6e7819d591e5811448db384ab9138', 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 {
@@ -10850,7 +10779,7 @@ class MenuGroup {
     }
     render() {
         const parentMenu = this.el.closest("ic-popover-menu");
-        return (hAsync(Host, { key: '764de2c558acf63dbc1334a023ad7b6a815f98f0', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '9edfa75cb7e68dcb6a4fa25549349cb1e90c0c4e', variant: "subtitle-small" }, this.label)), hAsync("span", { key: 'ed914d09ebe32fccc3f74bc4e1b1cd460fb6f2cd', class: "menu-items-wrapper" }, hAsync("slot", { key: 'aa9dffc7557cde9485c8edfce2689d5e16cedc96' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '1d326397dd4eabd07479ee686077be0724fbcfbe' }))));
+        return (hAsync(Host, { key: '384be493b4b4148e4a09f0395bb1db6b651bfc2f', role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { key: '46982951ac8573a5ee8c5733043e109f268859f8', variant: "subtitle-small" }, this.label)), hAsync("span", { key: 'd5a5fe976b9f88e61df589c1ddc105c31b8639e2', class: "menu-items-wrapper" }, hAsync("slot", { key: '3b6cab53fde94c5a9cbc0a6a323c0aff28975a1c' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", { key: '60412dd9914569ad72a6160787b48d8b3239cebb' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcMenuGroupStyle0; }
@@ -10866,7 +10795,7 @@ class MenuGroup {
     }; }
 }
 
-const icMenuItemCss = "/*! 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}li{list-style:none;padding:0}:host ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant=\"destructive\"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant=\"destructive\"]) ::part(button):focus-visible,:host([variant=\"destructive\"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant=\"destructive\"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant=\"destructive\"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant=\"destructive\"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}";
+const icMenuItemCss = "/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host([variant=\"destructive\"]) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host([variant=\"destructive\"]) ::part(button):focus-visible,:host([variant=\"destructive\"]) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host([variant=\"destructive\"]) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host([variant=\"destructive\"]) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host([variant=\"destructive\"]) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}";
 var IcMenuItemStyle0 = icMenuItemCss;
 
 /**
@@ -10957,17 +10886,17 @@ class MenuItem {
         };
         return (hAsync(Host, { class: {
                 ["ic-menu-item-disabled"]: !!this.disabled,
-            } }, hAsync("li", { role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
+            } }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy, role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
                 ? this.checked
                     ? "true"
                     : "false"
-                : undefined }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy, "aria-disabled": `${this.disabled}`, "aria-label": this.getMenuItemAriaLabel(), "aria-haspopup": isPropDefined(this.submenuTriggerFor) ||
+                : undefined, "aria-label": this.getMenuItemAriaLabel(), "aria-haspopup": isPropDefined(this.submenuTriggerFor) ||
                 this.el.classList.contains("ic-popover-submenu-back-button")
                 ? "menu"
                 : false }, hAsync("div", { class: "focus-border" }, isSlotUsed(this.el, "icon") && (hAsync("span", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync(MenuItemInformation, null), this.variant === "toggle" && (hAsync("span", { class: {
                 ["check-icon"]: true,
                 ["hide"]: !this.checked,
-            }, "aria-hidden": "true", innerHTML: checkIcon })), isPropDefined(this.submenuTriggerFor) && (hAsync("span", { class: { ["submenu-icon"]: true }, "aria-hidden": "true", innerHTML: chevronIcon })))))));
+            }, "aria-hidden": "true", innerHTML: checkIcon })), isPropDefined(this.submenuTriggerFor) && (hAsync("span", { class: { ["submenu-icon"]: true }, "aria-hidden": "true", innerHTML: chevronIcon }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -11101,10 +11030,10 @@ class NavigationButton {
             fullWidth,
             disableTooltip,
         };
-        return (hAsync(Host, { key: '460cac972b097f28068741fd89a16762e7c3b0a4', class: {
+        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: 'f9305604900cbf6a3ce44465b8f5521e9d5cbe92', 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: 'b8ecf6af9f6ee3b1ff21356f4d60e2790d4c5d7c', slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'd8c152f2084c363eed1da6a8c8423c47648c6812', name: "badge" }))));
+            } }, 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(this.el, "badge") && hAsync("slot", { key: 'a53d6158424e97fddc62b25006f6060b2cbee4c5', name: "badge" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -11441,7 +11370,7 @@ class NavigationGroup {
         const isSideNav = this.navigationType === "side";
         const isTopNav = this.navigationType === "top";
         const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
-        return (hAsync(Host, { key: 'adb77d5c28a33cdf4e6c65b12122a325cc8f57c5', class: {
+        return (hAsync(Host, { key: 'd89ce479bb2f5142a2ef6dd2284229a73367c916', class: {
                 ["in-side-menu"]: inTopNavSideMenu,
                 "ic-navigation-group-expanded": expanded,
                 "ic-navigation-group-collapsed": !expanded,
@@ -11683,7 +11612,7 @@ class NavigationItem {
     }
     render() {
         const { inTopNavSideMenu, isTopNavChild, selected } = this;
-        return (hAsync(Host, { key: 'cbef051ace01bf37889f5d3f152c19ec1df4124d', class: {
+        return (hAsync(Host, { key: 'f20ee76495a75e8794e451e27b92f5545d06212c', class: {
                 ["navigation-item"]: true,
                 ["navigation-item-top-nav"]: !inTopNavSideMenu && this.navigationType === "top",
                 ["navigation-item-top-nav-child-selected"]: isTopNavChild && !inTopNavSideMenu && !!selected,
@@ -11704,7 +11633,7 @@ class NavigationItem {
                     !this.isSideNavMobile,
                 ["expandable"]: !!this.expandable,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            }, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '9080d70b4b8fdb80c6db832207b9ece8b9b7ce62', label: this.generateTooltipLabel() || "", target: "navigation-item", placement: "right", class: {
+            }, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { key: '6b1e5e2b20aa01cfea5dde82a27e93bf1c19cd3a', label: this.generateTooltipLabel() || "", target: "navigation-item", placement: "right", class: {
                 ["tooltip-navigation-item"]: true,
                 ["tooltip-navigation-item-side-nav-collapsed"]: !!this.displayNavigationTooltip && this.navigationType === "side",
                 ["tooltip-long-label-navigation-item-side-nav-expanded"]: this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
@@ -11874,16 +11803,16 @@ class NavigationMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: '014ea44313b883bfaaf9065f6d89498f9df21733', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: 'ee3938e3c0b6735b6a4a07659c90ef27187fa1e4', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '5da2b8cceb0e1ecf07318786e845f51982412f77', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: 'f0bfe134474bfe3626435479d1ff8eed6b7f7e32', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: '4fecfb422a3c3ae8e5e6ee5d094dc4eeb434184c', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '85df1783fe82ff9fb32e2f4298ee8a6397115bef', class: {
+        return (hAsync(Host, { key: '3e06550714484b8a9d157e0391697e303fbf8259', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { key: 'b56300f2817a5a42401570a56f5b29c90e37e336', class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { key: '081658f80afaa6d7f39971cc0f566068166b6688', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { key: '67841c0d0cfb29fba7e3c722436c7e87bca1842d', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { key: 'cb5aa473a04868d6af4dcd2ebc2b61ef5d785904', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { key: '2551b868b4c932b5fcff041bdae690e748d40430', class: {
                 ["menu-close-button-container"]: true,
                 ["nav-group-first"]: this.navGroupFirst,
-            } }, hAsync("ic-button", { key: '380deead3a65fb4939a9492d551268d14d7fbd27', 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: '4e578ab0ee137862af9f4ffdf78ae1c7b08de86a', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '7887b97ed148bfe509f14f1cc423f7a130478c0f', 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: 'db56de53e2ae1ad8634b149e516f3188ac79c581', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '7646939cd70c65413496a2099c1194c74cf4af3d', class: {
+            } }, hAsync("ic-button", { key: '7bd12321078c63fe2ffe62ede9d9db4695b0b510', 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: 'da0aa67b38afb973367472a95c74d2f6e49e9fd8', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'd7d5993d336c40113eb2ae3528c429028c78fcfe', 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: '1957640a14ad85b1ef0b3b9b330ea9f2beeb7391', name: "navigation" })), this.hasButtons && (hAsync("div", { key: '0c92359ed82d16596420c022fa61ff2a106161dd', class: {
                 ["menu-buttons-container"]: true,
                 ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
-            } }, hAsync("slot", { key: '174fe432ca35e1e0216a1ba3cca08be0b4a91572', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: 'a166c03cd59f61948a9cd3cf88d257db67a42168', class: {
+            } }, hAsync("slot", { key: '96f46255f4faa638122e1f567003101d42790c55', name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { key: '7ef37a7aa83a5e73a66d9d9c7eb99054f65f3785', class: {
                 ["menu-status-version-container"]: true,
                 ["status-version-no-buttons"]: !this.hasButtons,
-            } }, this.status !== "" && (hAsync("div", { key: '3076d6444e9f45c5750f1e5ed0c17db17b87131e', class: "menu-status" }, hAsync("ic-typography", { key: '52d9cf255f19c52f3a849ada45894a0a4a65015d', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: '807675f031d49ce1758e4adff0d5e675784d842b', class: "menu-version" }, hAsync("ic-typography", { key: 'be5a3faff40a36881d693a93e49205328f3743a6', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
+            } }, this.status !== "" && (hAsync("div", { key: '00a4dbcfa3fff6671c0d4a986141f321ac492b1f', class: "menu-status" }, hAsync("ic-typography", { key: 'f176e8fe85d647789146f59f83205c99c47ced63', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { key: 'c216559b1da429a6cbf910e58638fcabfeccf95a', class: "menu-version" }, hAsync("ic-typography", { key: '4b72051f226eb2563d41fe0c239d62ed82d33701', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcNavigationMenuStyle0; }
@@ -12016,19 +11945,19 @@ class PageHeader {
         const navAriaLabel = `${isSlotUsed(this.el, "heading")
             ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
             : heading !== null && heading !== void 0 ? heading : ""} page sections`;
-        return (hAsync(Host, { key: '2fcb645615bdb75659da17fa9c70b7bf9eb4f38b', class: {
+        return (hAsync(Host, { key: '17bc798fc01d1a70de9fed3da746d8e39a88e96c', 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: 'd212bae9378a9f1bdd51f8b178eb294642580502', class: {
+            }, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { key: '1dadcdce3f21efe0f196171330cb5774be34075e', class: {
                 ["border-bottom"]: !!border,
                 ["tabs"]: isSlotUsed(this.el, "tabs"),
-            }, role: "presentation" }, hAsync("ic-section-container", { key: '2e4489587b15235b29c0614e9e2cc931f40c5ad2', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: 'c23a12adf1350177092343dd30d5caf6300ddc48', class: "breadcrumb-area" }, hAsync("slot", { key: '394a0a3540bf493623eaa893d067adee94d571ed', name: "breadcrumbs" }))), hAsync("div", { key: '1549da8b527d9bad2158fbdc0d887468fa878665', class: "main-content" }, hAsync("div", { key: '8f16fb6f031722c31b0c8c18ae394cc9df31c259', class: "title-area" }, hAsync("div", { key: '9ba2670b6d0f00761e5205f0b1914debf8593188', class: "header-content" }, hAsync("slot", { key: '5ded3c04b383d8c2049342b73ed24da15ca1527b', name: "heading" }, hAsync("ic-typography", { key: '66051dd3628d19b91dcc5bd2a624c0f02123cce8', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '3ad38d6e5c92771469ce6aa28bb0ce27ef32a6c0' }, heading))), hAsync("slot", { key: 'bff7dbff751633bac28ecde4270cda02dcd30ea0', name: "heading-adornment" })), hAsync("div", { key: '33013061ded6d3c68872baf73f75e6c1f9c5dc64', class: {
+            }, role: "presentation" }, hAsync("ic-section-container", { key: '9f0855c0310d29f5381c12665aad41ee1656ccdb', aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { key: '3b1fe9729e1d62e72a432fd039db40c1c5da22da', class: "breadcrumb-area" }, hAsync("slot", { key: 'e5055a9f7def4018e2046dae4687ae1945235bf7', name: "breadcrumbs" }))), hAsync("div", { key: '70acf27823b39d41d9c2f3dbe3e89d71096e7daf', class: "main-content" }, hAsync("div", { key: 'b924bba3df8954b9f314c1eff6ffe4443d0e53f1', class: "title-area" }, hAsync("div", { key: '5a60bb74557d37b33be8312d177e75ce77210998', class: "header-content" }, hAsync("slot", { key: 'e4c7c70b13eac0944bba1a1f2ddd320f3e1c2659', name: "heading" }, hAsync("ic-typography", { key: 'eb98510ca2b55a81c1b91bbabc4bfe7d5e28bdde', variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", { key: '9bc94aa414b9514f0e349faa521804682f22f85b' }, heading))), hAsync("slot", { key: '47b147656f0fe7436d233bb669c4462faab353db', name: "heading-adornment" })), hAsync("div", { key: '1456f12fba38ec4cd05706ccb92d72adf12ae623', class: {
                 ["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
                 ["small"]: size === "small",
-            } }, hAsync("slot", { key: 'd566acd471748725b57b361a91ad42079d95c3df', name: "subheading" }, hAsync("ic-typography", { key: 'f964e890a2c587cac5506ec4465a3d504adbd0c8', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '4f86300ff2c1b536f85cb1a5f316e5a5648e01f2', class: "action-area" }, hAsync("slot", { key: '1ac5c67502ea159d05a2f665d4b9ca95f86ef76e', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: '7df1fb4cfa7661b71b58c0eff30829ae4b1f3c44', class: "input-area" }, hAsync("slot", { key: '5dc94dbc8328df27814e276e997d35663ad505ba', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
-            isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: '261eb06c04fde9c954573256196e4ad861098150', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
-            !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: 'b19a74de5783f8b4c4107c7c356a5252eaf69277', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: '937c01fcb2b06fdccca757fcd8eb439bfe895e69', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: '088526c19f8be38197d990d6dbef8c002ce20133' }, hAsync("ul", { key: 'a01caea558dd70436a05e9a2537ff4f006170160', class: "tabs-slot" }, hAsync("slot", { key: 'b936d5f4b08ceca9ed06d268dcb7a76b5c1aa795', name: "tabs" })))))))))));
+            } }, hAsync("slot", { key: 'a82707ce4abf37e4e8a965a39a5cc6e50d634647', name: "subheading" }, hAsync("ic-typography", { key: '9f77da962becb04b244f3df0dceb7dad9dc122d8', variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { key: '792df65e46b45a50514a1967866dd72f6f72e683', class: "action-area" }, hAsync("slot", { key: '0cd5fd825254df4815fe2d3e788946de88cbaae1', name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { key: 'e030cb3067c544b3d3496146e25d511a30ca97b2', class: "input-area" }, hAsync("slot", { key: '8c9f722a205eded36526a4bc926e7a92c43626af', name: "input" })))), (isSlotUsed(this.el, "stepper") ||
+            isSlotUsed(this.el, "tabs")) && (hAsync("div", { key: 'deeb8c5520db91c494215d1adf90bebcc96fbbb5', class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
+            !isSlotUsed(this.el, "tabs") && hAsync("slot", { key: 'd9201c158069b054c3903ea4c0647d96de9d0930', name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { key: 'a0cdbb20f507dd783536b0a60ae7fa2d391be85f', "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", { key: 'f3c15e0d61db5990108d86c5540d4f69b9477a9e' }, hAsync("ul", { key: '6e7aded64c14703b5b4f141fa11f0f9eac247bce', class: "tabs-slot" }, hAsync("slot", { key: 'eee6cfc3a09856108574b715163cc645f9eae627', name: "tabs" })))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return IcPageHeaderStyle0; }
@@ -12306,14 +12235,14 @@ class Pagination {
     }
     render() {
         const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
-        return (hAsync(Host, { key: '70130b80edbb60548c9f50c2943f05011e56be69', class: {
+        return (hAsync(Host, { key: '9f9c0ceb1629ebff96c677d7b4ad9995bbe480cd', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-pagination-monochrome"]: !!monochrome,
-            } }, type === "simple" && (hAsync("nav", { key: 'bbe920e2011813cfb8dfe4d6f5bbd9e5f6122ffd', class: {
+            } }, type === "simple" && (hAsync("nav", { key: '4d24ed30438c6755a1717454ee83e2a1b58d93c5', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: 'd4f502db5763086dbdcb518f819638e944c4c2e4', 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: '88cc5fb9aab0dafc34dd1a4d4744ddfcf863cd11', class: {
+            }, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { key: '784f99d1fa32d4f48c6de793707825333e45651a', 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: 'ce6061fcee8e202cb895e2919525b64c6a1c1114', 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: '39e0d6b75392af13093c4c5ca5ab94c7da8d8a96', 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: '4980f1fd9ebd31a5b8835876479e12a8a0f5d54d', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -12397,7 +12326,7 @@ class PaginationItem {
     }
     render() {
         const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
-        return (hAsync("a", { key: '1a741926e4af87f661203c00d3eebecfe31fed2e', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
+        return (hAsync("a", { key: 'c067a0e35e2a92dff8d7f24d135a06a686d74a7d', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
                 ["item-container"]: true,
                 ["ellipsis"]: true,
                 ["disabled"]: !!disabled,
@@ -12439,9 +12368,10 @@ class PaginationItem {
     }; }
 }
 
-const icPopoverMenuCss = "/*! 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}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0}.button{text-decoration:none;list-style-type:none}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.ic-popover-menu-open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.ic-popover-menu-open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}";
+const icPopoverMenuCss = "/*! 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}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.ic-popover-menu-open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.ic-popover-menu-open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}";
 var IcPopoverMenuStyle0 = icPopoverMenuCss;
 
+const MENU_SELECTOR = "div.menu-body";
 class PopoverMenu {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -12595,7 +12525,7 @@ class PopoverMenu {
     }
     componentDidLoad() {
         var _a;
-        const slotWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ul.button");
+        const slotWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(MENU_SELECTOR);
         if (slotWrapper) {
             const popoverMenuElements = getSlotElements(slotWrapper);
             if (popoverMenuElements !== null) {
@@ -12706,17 +12636,17 @@ class PopoverMenu {
         }
     }
     render() {
-        return (hAsync(Host, { key: '901b87fff1d01eb285bf52c1b6a89031630288cb', class: {
+        return (hAsync(Host, { key: '45ea929f78a71412b65696067f7573be3a6d3ea8', class: {
                 ["ic-popover-menu-open"]: !!this.open,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            } }, hAsync("div", { key: '67c459f9fe017586044872c13311a29a5e5c3860', id: this.parentPopover === undefined
+            } }, hAsync("div", { key: '6bdbe7d1dbb09296d6174028e261577fdd4532ee', id: this.parentPopover === undefined
                 ? `ic-popover-submenu-${this.submenuId}`
                 : "", class: {
                 menu: true,
-            } }, hAsync("span", { key: '4a5ffeec0589372e7c107fff1949bfb8c8962af0', class: {
+            } }, hAsync("span", { key: '35fb266531251314aea84b37f812e88c8974e43d', class: {
                 "opening-from-parent": this.openingFromParent,
                 "opening-from-child": this.openingFromChild,
-            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: 'c5fd99e4768304f16a307020d5a8ec69a2917586' }, hAsync("span", { key: 'bf9a1e253a89999befe7665cfbe83d11c7d3f529', role: "menu" }, hAsync("ic-menu-item", { key: '555972f94bae51d7add7c1ee79e495e0945ab9dd', 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: '3f933ccb9056686c32af2a608789c985b3e4000d', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '337eac36fa937e0b2dc95161a687f2bb40165078', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '8b51171492362a08eb1ba581b733e872e10cdab1', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { key: 'ae97912c38d02905e24d3ec7ec09bc2ae644310f', class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: 'ecbe66ec297e1cbb99534dd13c8e9227a18fce29' }))))));
+            } }, isPropDefined(this.submenuId) && (hAsync("span", { key: '6605d6f2491c980baee3089a1857f931626bb54b' }, hAsync("span", { key: '07e80b42e9b4658b36e567a3adb74a8635c96e4c', role: "menu" }, hAsync("ic-menu-item", { key: '3430014d29bde74c907de86c97aecd16db7ea9fe', 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: 'aff3697d9faab6dbe89ea59f7d217cf04af1549e', slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { key: '451d430e380b75746a2415985cbd8bd7298f3649', d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { key: '5b1da715db279cf8581b3533343472453f6e40e1', variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("div", { key: '9e488ccbc0dbb2b5e56b335cb35f00f87f4921ca', class: "menu-body", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", { key: '94669f3fc5982fb94ada6f3c3cac1404e5a97e67' }))))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -12974,16 +12904,16 @@ class RadioGroup {
     }
     render() {
         const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationStatus, validationText, theme, } = this;
-        return (hAsync(Host, { key: 'db83cc9de43015de4c06e3ed5b35c59262c2058d', onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: '42dc675c60f45659472c07052a2ed88f08710c31', onKeyDown: handleKeyDown, class: {
                 "ic-radio-group-small": size === "small",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'e11f551827b7a774965876a1021294411b16f6ec', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '7e4a2d8f187ab28fa362d55c47eb3d4ae7d784fd', class: {
+            } }, hAsync("div", { key: '6fc67dbbdbaebd8fa8956defa727d0552a2dc4de', role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { key: '463018c9c855d118d77d59c150c75ae76ec95491', class: {
                 [`${validationStatus}`]: true,
                 ["disabled"]: !!disabled,
-            }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: 'b2d6d9845a82f7f10dcaa5dbbed0bf5481dd696f', class: {
+            }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { key: '4567b4ebf1cbc7ad1f87963cf5918937a31c6775', class: {
                 "radio-buttons-container": true,
                 horizontal: currentOrientation === this.RADIO_HORIZONTAL,
-            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'bab10c5275b6f71de87310c3ec04bacb894be115' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '3c6b84cfce970db11c8e958abd82904931654f3d', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
+            }, ref: (el) => (this.radioContainer = el) }, hAsync("slot", { key: 'd8c63b01cacf74581bc381ebec1c269d9c590ea3' }))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { key: '55d0dc823c82405a7aa2e8edb03be0d76f5809c8', ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13163,15 +13093,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(label) || value}-${groupLabel}`;
-        return (hAsync(Host, { key: 'ee36e924b1c248c87724903313bc778976c36522', onClick: handleClick, onKeyDown: handleKeyDown, class: {
+        return (hAsync(Host, { key: 'd4254c0a08bd7fe373f7beeb849d732d437c6f5b', onClick: handleClick, onKeyDown: handleKeyDown, class: {
                 ["ic-radio-option-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '35871b7136c8dd16432e2a0683b13db53f2a1bd0', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'daead4b95901afb27be2d2640d1210783ec4c14e' }, hAsync("input", { key: '69d0c5dec724714118475529e021ed9d30350383', 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: '7ae687fb075f60e33fb7edd48b1f323c5833b9fb', class: "checkmark" })), hAsync("ic-typography", { key: 'a3990ac2ea9a3898a436f2fd05966f920a493fa4', class: "radio-label", variant: "body" }, hAsync("label", { key: '0b83a00e2f215d9d051e71650584fb1e0aad55a4', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: '47b6a141f6956e78d4516985d2e70f00c1bdf1cf', class: {
+            } }, hAsync("div", { key: '1b3c7c383278c1d8714f5a7a3a00c8fb780a2931', class: { container: true, disabled: !!disabled } }, hAsync("div", { key: 'ba90a2ce5912981a50d43ebd33086eb227947e5f' }, hAsync("input", { key: '8eb145667ce5b7777ced51480ceebab3f43a7910', 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: '3683fd5eda19dd39f4647a5763705eef4becacb3', class: "checkmark" })), hAsync("ic-typography", { key: 'd662a4e7a5b0ac173a7ea2881d2dac84e94eedc7', class: "radio-label", variant: "body" }, hAsync("label", { key: 'a76e5907c98f2ff18d734167ff69bbe0a1c7ddc4', htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { key: 'ff91776cab766a955e98dee100f73114166fee7a', class: {
                 "dynamic-container": true,
                 hidden: additionalFieldDisplay === "dynamic" && !selected,
-            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: '2c06cbb85ba445972698c02757a07e048a09ce40', class: "branch-corner" })), hAsync("div", { key: 'ecc00a96cfb580b9f386ea148106a1dae5a31332' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: 'eeacd2d66085bd2bdb16698e6050e552d410d11b', variant: "caption" }, hAsync("p", { key: 'da0327cfe9a9a09405c86e268e7a84ca090b437f', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'c9177d6cd8174c92665a3c59a1fe38aeedf6e17b', class: {
+            } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { key: 'e7eeaf7801fd5aa2014edb3796b8b6acc3149b3b', class: "branch-corner" })), hAsync("div", { key: '5cb0e6fca92276f2d2a3bb0f5edc9e4525d44aa2' }, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { key: '318ea54a9055f8dde4de2d9802878584d57e186e', variant: "caption" }, hAsync("p", { key: 'e3f34b9536a0f5b95e796c269c586b7905dab59a', class: "dynamic-text" }, dynamicText))), hAsync("div", { key: 'cec5d0147f6f12510e066fff2c0d4d80fe0ee98f', class: {
                 "additional-field-wrapper": additionalFieldDisplay === "static",
-            } }, hAsync("slot", { key: '1f4fdd0f5eeca0900aeaa04d49191e0b65d843ab', name: ADDITIONAL_FIELD })))))));
+            } }, hAsync("slot", { key: 'd6279d0506490eceb7d55d6e86609e9e9fb06ea4', name: ADDITIONAL_FIELD })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13232,7 +13162,6 @@ class SearchBar {
         this.icSearchBarBlur = createEvent(this, "icSearchBarBlur", 7);
         this.icSearchBarFocus = createEvent(this, "icSearchBarFocus", 7);
         this.icKeydown = createEvent(this, "icKeydown", 7);
-        this.assistiveHintEl = null;
         this.hasTimedOut = false;
         this.inputId = `ic-search-bar-input-${inputIds$3++}`;
         this.menuCloseFromMenuChangeEvent = false;
@@ -13241,6 +13170,7 @@ class SearchBar {
         this.preventSubmit = false;
         this.prevNoOption = false;
         this.retryButtonClick = false;
+        this.retryViaKeyPress = false;
         this.truncateValue = false;
         this.clearButtonFocused = false;
         this.open = false;
@@ -13384,46 +13314,57 @@ class SearchBar {
                 this.preventSubmit = true;
             }
         };
-        this.onInput = (ev) => {
-            this.value = ev.target.value;
+        this.onInput = ({ target }) => {
+            this.value = target.value;
             this.icInput.emit({ value: this.value });
-            const noOptions = [
-                { [this.labelField]: this.emptyOptionListText, [this.valueField]: "" },
-            ];
             if (this.options.length > 0) {
                 this.setMenuChange(true);
                 this.preLoad = false;
                 if (this.disableAutoFiltering === false) {
                     const rawFilteredOptions = getFilteredMenuOptions(this.options, false, this.value, "anywhere", this.labelField);
                     this.filteredOptions =
-                        rawFilteredOptions.length > 0 ? rawFilteredOptions : noOptions;
+                        rawFilteredOptions.length > 0
+                            ? rawFilteredOptions
+                            : [
+                                {
+                                    [this.labelField]: this.emptyOptionListText,
+                                    [this.valueField]: "",
+                                },
+                            ];
                 }
             }
-            if (!this.showClearButton) {
-                this.handleShowClearButton(true);
-            }
+            if (!this.showClearButton)
+                this.showClearButton = true;
             this.debounceAriaLiveUpdate();
         };
-        this.onInputBlur = (ev) => {
-            const value = ev.target.value;
-            const nextFocus = ev.relatedTarget;
-            this.icSearchBarBlur.emit({ value: value, relatedTarget: nextFocus });
+        this.onInputBlur = ({ target, relatedTarget }) => {
+            this.icSearchBarBlur.emit({
+                value: target.value,
+                relatedTarget,
+            });
         };
-        this.onInputFocus = (ev) => {
-            const value = ev.target.value;
-            this.icSearchBarFocus.emit({ value: value });
-            this.handleShowClearButton(true);
+        this.onInputFocus = ({ target }) => {
+            this.icSearchBarFocus.emit({ value: target.value });
+            this.showClearButton = true;
         };
-        this.handleClearBlur = (ev) => {
-            const nextFocus = ev.relatedTarget;
-            this.icClearBlur.emit({ relatedTarget: nextFocus });
+        this.handleClearBlur = ({ relatedTarget }) => {
+            this.icClearBlur.emit({ relatedTarget });
             this.clearButtonFocused = false;
         };
-        this.handleSubmitSearchBlur = (ev) => {
-            const nextFocus = ev.relatedTarget;
-            this.icSubmitSearchBlur.emit({ relatedTarget: nextFocus });
+        this.handleSubmitSearchBlur = ({ relatedTarget }) => {
+            this.icSubmitSearchBlur.emit({ relatedTarget });
             this.searchSubmitFocused = false;
         };
+        this.setInputValue = (newValue) => {
+            if (this.inputEl) {
+                const label = getLabelFromValue(newValue, this.options, this.valueField, this.labelField);
+                if (label)
+                    this.inputEl.value = label;
+                else if (this.inputEl.value !== newValue) {
+                    this.inputEl.value = newValue;
+                }
+            }
+        };
         this.handleMouseDown = (ev) => {
             ev.preventDefault();
         };
@@ -13431,7 +13372,8 @@ class SearchBar {
             this.searchSubmitFocused = true;
         };
         this.handleSubmitSearch = () => {
-            this.highlightedValue && (this.value = this.highlightedValue);
+            if (this.highlightedValue)
+                this.value = this.highlightedValue;
             this.highlightedValue = undefined;
             this.icSubmitSearch.emit({ value: this.value });
             const form = this.el.closest("FORM");
@@ -13482,15 +13424,10 @@ class SearchBar {
             this.icOptionSelect.emit({ value: this.value });
         };
         this.handleMenuOptionHighlight = (ev) => {
-            var _a;
-            const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, "");
-            optionValue && (this.highlightedValue = optionValue);
-            if (ev.detail.optionId) {
-                this.ariaActiveDescendant = ev.detail.optionId;
-            }
-            else {
-                this.ariaActiveDescendant = "";
-            }
+            const { optionId } = ev.detail;
+            if (optionId)
+                this.highlightedValue = optionId.replace(`${this.menuId}-`, "");
+            this.ariaActiveDescendant = optionId || "";
         };
         this.handleMenuChange = (ev) => {
             this.setMenuChange(ev.detail.open);
@@ -13508,15 +13445,14 @@ class SearchBar {
             if (this.options && this.value && !this.menuCloseFromMenuChangeEvent) {
                 this.setMenuChange(true);
             }
-            this.handleTruncateValue(false);
+            this.truncateValue = false;
             this.icSearchBarFocus.emit();
         };
-        this.handleHostBlur = (ev) => {
+        this.handleHostBlur = ({ relatedTarget }) => {
             var _a;
-            const nextFocus = ev.relatedTarget;
             if (this.open &&
                 this.options &&
-                nextFocus !== this.menu &&
+                relatedTarget !== this.menu &&
                 !this.retryViaKeyPress &&
                 !this.retryButtonClick) {
                 this.setMenuChange(false);
@@ -13524,35 +13460,30 @@ class SearchBar {
             if (this.retryButtonClick || this.retryViaKeyPress) {
                 (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
             }
-            this.handleShowClearButton(false);
+            this.showClearButton = false;
             this.menuCloseFromMenuChangeEvent = false;
-            this.handleTruncateValue(true);
-            this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });
+            this.truncateValue = true;
+            this.icSearchBarBlur.emit({
+                relatedTarget,
+                value: this.value,
+            });
             this.retryViaKeyPress = false;
             this.retryButtonClick = false;
         };
-        this.handleShowClearButton = (visible) => {
-            this.showClearButton = visible;
-        };
         this.handleFocusClearButton = () => {
             this.clearButtonFocused = true;
         };
-        this.handleTruncateValue = (truncate) => {
-            this.truncateValue = truncate;
-        };
         this.renderAssistiveHintEl = () => {
-            var _a;
+            var _a, _b;
             const input = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.inputId}`);
             if (input &&
                 Object.keys(input).length > 0 &&
                 this.hasOptionsOrFilterDisabled()) {
                 this.assistiveHintEl = document.createElement("span");
-                this.assistiveHintEl.innerText = this.assistiveHintText || "";
+                this.assistiveHintEl.innerText = this.assistiveHintText;
                 this.assistiveHintEl.id = `${this.inputId}-assistive-hint`;
                 this.assistiveHintEl.style.display = "none";
-                if (input.after !== undefined) {
-                    input.after(this.assistiveHintEl);
-                }
+                (_b = input.after) === null || _b === void 0 ? void 0 : _b.call(input, this.assistiveHintEl);
             }
         };
         this.updateSearchResultAriaLive = () => {
@@ -13568,41 +13499,22 @@ class SearchBar {
                     this.filteredOptions.length > 0 &&
                     this.open &&
                     !this.filteredOptions[0].loading) {
-                    if (this.hadNoOptions()) {
-                        searchResultsStatusEl.innerText = this.emptyOptionListText;
-                    }
-                    else {
-                        searchResultsStatusEl.innerText = `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
-                    }
+                    searchResultsStatusEl.innerText = this.hadNoOptions()
+                        ? this.emptyOptionListText
+                        : `${this.filteredOptions.length} result${this.filteredOptions.length > 1 ? "s" : ""} available`;
                 }
             }
         };
-        this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || !!this.disableAutoFiltering;
+        this.hasOptionsOrFilterDisabled = () => this.options.length > 0 || this.disableAutoFiltering;
         this.hadNoOptions = () => this.filteredOptions.length === 1 &&
             this.filteredOptions[0][this.labelField] === this.emptyOptionListText &&
             this.searchMode === "navigation";
-        this.isSubmitDisabled = () => {
-            const valueNotSet = this.value === undefined || this.value === null || this.value === "";
-            const valueLengthLess = this.value.length < this.charactersUntilSuggestion;
-            return (valueNotSet ||
-                valueLengthLess ||
-                this.disabled ||
-                this.hadNoOptions() ||
-                this.hasTimedOut ||
-                !!this.loading);
-        };
-        this.highlightFirstOptionAfterNoResults = () => {
-            if (this.prevNoOption && this.menu && !this.hasTimedOut) {
-                this.menu.handleSetFirstOption();
-                this.prevNoOption = false;
-            }
-            const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
-                filteredOption[this.labelField] === this.loadingErrorLabel ||
-                filteredOption[this.labelField] === this.loadingLabel);
-            if (prevNoOptionsList) {
-                this.prevNoOption = true;
-            }
-        };
+        this.isSubmitDisabled = () => !this.value ||
+            this.value.length < this.charactersUntilSuggestion ||
+            this.disabled ||
+            this.hadNoOptions() ||
+            this.hasTimedOut ||
+            this.loading;
     }
     watchDisabledHandler() {
         removeDisabledFalse(this.disabled, this.el);
@@ -13631,40 +13543,32 @@ class SearchBar {
                     return;
                 }
                 this.setMenuChange(true);
-                !this.preLoad &&
-                    (this.filteredOptions = [
+                if (!this.preLoad) {
+                    this.filteredOptions = [
                         {
                             [this.labelField]: this.emptyOptionListText,
                             [this.valueField]: "",
                         },
-                    ]);
+                    ];
+                }
                 this.preLoad = true;
             }
         }
         this.debounceAriaLiveUpdate();
     }
     watchValueHandler(newValue) {
-        if (this.inputEl &&
-            this.options &&
-            !!getLabelFromValue(newValue, this.options, this.valueField, this.labelField)) {
-            this.inputEl.value =
-                getLabelFromValue(newValue, this.options, this.valueField, this.labelField) || "";
-        }
-        else if (this.inputEl && this.inputEl.value !== newValue) {
-            this.inputEl.value = newValue;
-        }
+        this.setInputValue(newValue);
         this.icChange.emit({ value: newValue });
     }
     connectedCallback() {
         this.debounceChanged();
     }
     disconnectedCallback() {
-        if (this.assistiveHintEl) {
-            this.assistiveHintEl.remove();
-        }
+        var _a;
+        (_a = this.assistiveHintEl) === null || _a === void 0 ? void 0 : _a.remove();
     }
     componentWillLoad() {
-        this.watchValueHandler(this.value);
+        this.setInputValue(this.value);
         removeDisabledFalse(this.disabled, this.el);
     }
     componentDidLoad() {
@@ -13680,7 +13584,15 @@ class SearchBar {
         onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Search Bar");
     }
     componentWillRender() {
-        this.highlightFirstOptionAfterNoResults();
+        if (this.prevNoOption && this.menu && !this.hasTimedOut) {
+            this.menu.handleSetFirstOption();
+            this.prevNoOption = false;
+        }
+        if (this.filteredOptions.find((filteredOption) => filteredOption[this.labelField] === this.emptyOptionListText ||
+            filteredOption[this.labelField] === this.loadingErrorLabel ||
+            filteredOption[this.labelField] === this.loadingLabel)) {
+            this.prevNoOption = true;
+        }
     }
     handleKeyDown(event) {
         this.icKeydown.emit({ event });
@@ -13719,62 +13631,57 @@ 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, } = 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, } = this;
         const disabledMode = readonly || disabled;
         const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
-        let describedById;
+        let describedById = undefined;
         if (describedBy !== "" && this.hasOptionsOrFilterDisabled()) {
-            describedById = `${describedBy} ${this.inputId}-assistive-hint`;
+            describedById = `${describedBy} ${inputId}-assistive-hint`;
         }
         else if (this.hasOptionsOrFilterDisabled()) {
-            describedById = `${this.inputId}-assistive-hint`;
+            describedById = `${inputId}-assistive-hint`;
         }
         else if (describedBy !== "") {
             describedById = describedBy;
         }
-        else {
-            describedById = undefined;
-        }
         const hasSuggestedSearch = !!value && this.hasOptionsOrFilterDisabled();
         const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
-        const menuRendered = menuOpen && value.length >= this.charactersUntilSuggestion;
-        const labelValue = getLabelFromValue(value, options, this.valueField, this.labelField);
-        renderHiddenInput(true, this.el, name, value, disabledMode);
-        return (hAsync(Host, { key: '00d7c200dadef58f3be6eeae1299f255da97e79a', class: {
-                ["ic-search-bar-search"]: true,
-                ["ic-search-bar-full-width"]: !!fullWidth,
-                ["ic-search-bar-disabled"]: !!disabled,
-                ["ic-search-bar-small"]: size === "small",
+        const menuRendered = menuOpen && value.length >= charactersUntilSuggestion;
+        const labelValue = getLabelFromValue(value, options, valueField, labelField);
+        renderHiddenInput(this.el, value, name, disabledMode);
+        return (hAsync(Host, { key: '5120b79da9d0840d87421287913f49cda06da4f3', 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: 'e9620617be40182b556185417647b0ba298116d3', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '02fcdd33f0bb62ac24ca12aa09c6c5e188f20c06', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), hAsync("ic-input-component-container", { key: '0649a65ad29290c2a60bd33c90552e8bbc875e66', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '80b924a66fe7f7aa5193ae0e64b6e4d143ee713a', id: inputId, name: name, ref: (el) => (this.inputEl = el), value: options && !!labelValue ? labelValue : value, class: {
-                "no-left-pad": !!readonly,
-                readonly: !!readonly,
+            }, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-input-container", { key: '246484c51e7169a8f9944b66499126ea3d86921a', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: '043651daee6abf565a44ad6c1c090e8d6dd85f8a', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly })), hAsync("ic-input-component-container", { key: '880ab5440ec935340d56dd69e64e467879f3bbc5', ref: (el) => (this.anchorEl = el), size: size, disabled: disabledMode, readonly: readonly, fullWidth: fullWidth }, hAsync("input", { key: '37ece1e8c9f5ab12f2f3a303544c882192a07107', 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: '0feabdeed8caa3ac63634fdf52221c9cd8a0ea15', class: {
+            }, 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: '4498fbe2293958c1ae6f6ddfeab15b2ff29ca2a8', class: {
                 "clear-button-container": true,
-                "clear-button-visible": !!value && !disabledMode && this.showClearButton,
-            } }, hAsync("ic-button", { key: '3e7e1f8e39c50eb45595d8eddc6cbc1dfd624e5c', id: "clear-button", class: {
+                "clear-button-visible": !!value && !disabledMode && showClearButton,
+            } }, hAsync("ic-button", { key: '561c5cbe830f34bc80967e0899f2dc8526c1c4f7', id: "clear-button", class: {
                 "clear-button": true,
-                "clear-button-unfocused": !this.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: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { key: '793bf0fd78a2bfce32b78885f0478e2eb214d337', class: "divider" })), hAsync("div", { key: '828edde2b4c950fc0e2c1faff736ee021ab6d49c', class: {
+                "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: '9c783d276ad0a931e538a79ce303ad060db1fa1b', class: "divider" })), hAsync("div", { key: '5babcd978eb8263ca710b32ead6926c95f558838', class: {
                 "search-submit-button-container": true,
                 "search-submit-button-disabled": this.isSubmitDisabled(),
-            } }, hAsync("ic-button", { key: 'c84ee2e7957b7a9d326598af93bb50e78a41ccd2', 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"]: !this.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: this.searchSubmitFocused ? "light" : "dark" }))), hAsync("div", { key: '2d00bc902d0b81b245348735d7e258939f98e369', class: {
+            } }, hAsync("ic-button", { key: '785dbe4deb7549662d263f74b75c759b932399fb', 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: '78297ce56515a4f1f50a8108949a20837c87828f', class: {
                 "menu-container": true,
-                fullwidth: !!fullWidth,
-            } }, menuRendered && (hAsync("ic-menu", { key: '16049726b55a6a7775343b5a74c6c8c86939ad20', class: {
+                fullwidth: fullWidth,
+            } }, menuRendered && this.anchorEl && this.inputEl && (hAsync("ic-menu", { key: 'd527adddfc250b1f0fe605cbaec5f08ea1e25c04', class: {
                 "no-results": this.hadNoOptions() ||
                     (filteredOptions.length === 1 &&
-                        (filteredOptions[0][this.labelField] ===
-                            this.loadingLabel ||
-                            filteredOptions[0][this.labelField] ===
-                                this.loadingErrorLabel)),
-            }, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { key: '9844297f2d4ed1dd4e168685da928b44eeeb4698', "aria-live": "polite", role: "status", class: "search-results-status" })));
+                        (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: '716cd74ed9726cd134772aba2b98e374face0753', "aria-live": "polite", role: "status", class: "search-results-status" })));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -13854,12 +13761,12 @@ class SectionContainer {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (hAsync(Host, { key: 'cdf7f84dced1f88952eb1a496a065a2df53f16e3', class: {
+        return (hAsync(Host, { key: '67c1b4b2afe62fc53812421ee49c01bf689e05b4', class: {
                 ["aligned-left"]: aligned === "left" || aligned === null,
                 ["aligned-center"]: aligned === "center",
                 ["aligned-full-width"]: aligned === "full-width",
                 ["no-vertical-padding"]: !!fullHeight,
-            } }, hAsync("slot", { key: 'af0e17e0faf507b4cd4da392b3b998175e209024' })));
+            } }, hAsync("slot", { key: 'cb21cb372b6131cfb990ac0a016f6c64641749f9' })));
     }
     static get style() { return IcSectionContainerStyle0; }
     static get cmpMeta() { return {
@@ -14725,7 +14632,7 @@ class Select {
         const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, theme, } = this;
         // HTML inputs only accept 'string' for their value
         // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
-        renderHiddenInput(true, this.el, name || this.inputId, this.searchable ? this.hiddenInputValue : currValue, disabled);
+        renderHiddenInput(this.el, this.searchable ? this.hiddenInputValue : currValue, name || this.inputId, disabled);
         const invalid = `${validationStatus === IcInformationStatus.Error}`;
         const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, !!this.disabled)).trim();
         let showLeftIcon = !!this.el.querySelector(`[slot="icon"]`);
@@ -14740,16 +14647,16 @@ class Select {
             (searchable
                 ? this.searchableSelectInputValue
                 : currValue && !this.loading && showClearButton);
-        return (hAsync(Host, { key: '75cf0d014983dd89d440f68080f01333e6c265ee', class: {
+        return (hAsync(Host, { key: '456f6fa40aca4f93fba6e0c43c57cc171c358ede', 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: 'eb714cd9445894ca8fd3be546308f19f32d1b54c', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: 'b458a202cdce6dcfad3d92da57714aa44f73d886', for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: '4ac767a175604d7e4f86fa46945fc028be835ff2', ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { key: '7ac05ef11cda6c03db0b1b9f4573a704581524e0', slot: "left-icon", class: {
+            }, onBlur: this.onBlur }, hAsync("ic-input-container", { key: 'f97234577ffc014d5da69a0ebbf8abac0a97e034', readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { key: 'a6a1bf8152904b7a845de920bd9717c76ea47f2e', for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { key: '6515fb2dca1c45d6388123ea2d75f5de57f1bc36', ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { key: '0f70c956b1be70903d518c3dc787fc3980a0c205', slot: "left-icon", class: {
                 ["readonly"]: !!readonly,
                 ["has-value"]: !!this.value,
-            } }, hAsync("slot", { key: 'f09cffc377cfe7eb76d1b8bc4c83ec632a99b2df', 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: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
+            } }, hAsync("slot", { key: '7e602e257167e4397fc131b118da86b0e3d38583', 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: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
             if (option.children) {
                 return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
             }
@@ -14776,7 +14683,7 @@ class Select {
             } }, valueLabelString || placeholder), hAsync("div", { class: "select-input-end" }, isClearable && hAsync("div", { class: "divider" }), hAsync("span", { class: {
                 "expand-icon": true,
                 "expand-icon-open": this.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: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: '60dac9f71d9787ae401f439dbcd013365c33b713', 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: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { key: 'f54e79314035d2c04a47292eb9e8e2ecd4421545', class: {
                 "no-results": this.loading ||
                     this.hasTimedOut ||
                     (this.noOptions !== null &&
@@ -14786,7 +14693,7 @@ class Select {
                 ? this.searchableSelectElement
                 : this.customSelectElement), inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: this.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: this.searchable || multiple || this.selectOnEnter
                 ? "manual"
-                : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { key: '876f1da870c48b21130b246afa988c4fccefdfc6', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, !!this.disabled) && (hAsync("ic-input-validation", { key: '657c2433a3ab425432356227e931cafe4268dd8b', class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText || "", for: this.inputId })))));
+                : "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { key: 'b1a65d56087d6603846cdd9cfc8c086e49597001', "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, !!this.disabled) && (hAsync("ic-input-validation", { key: 'e5553be7be57e5ae847bcd1a4d2525b18c4d1429', class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText || "", for: this.inputId })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -14862,7 +14769,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
 </svg>
 `;
 
-const icSideNavigationCss = ":host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name=\"app-title\"]::slotted(a),slot[name=\"app-icon\"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name=\"app-title\"]::slotted(ic-typography),slot[name=\"app-title\"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}: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);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name=\"app-icon\"]::slotted(svg){fill:currentcolor}}";
+const icSideNavigationCss = ":host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name=\"app-title\"]::slotted(a),slot[name=\"app-icon\"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name=\"app-title\"]::slotted(ic-typography),slot[name=\"app-title\"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name=\"app-title\"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}: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);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name=\"app-icon\"]::slotted(svg){fill:currentcolor}}";
 var IcSideNavigationStyle0 = icSideNavigationCss;
 
 /**
@@ -15296,7 +15203,7 @@ class SideNavigation {
             isAppNameSubtitleVariant,
             appTitle: appTitle || "",
         };
-        return (hAsync(Host, { key: 'fdb4a05a49ad2a1cabfe754e1bd1a37f3a8edc92', class: {
+        return (hAsync(Host, { key: '436ddf7e690787edf148eefe828faab20800accf', class: {
                 "xs-menu-open": menuOpen && isSDevice,
                 "xs-menu-close": !menuOpen && isSDevice,
                 "sm-collapsed": !isSDevice && !menuExpanded,
@@ -15305,12 +15212,12 @@ class SideNavigation {
                 [`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
                 ["collapsed-labels"]: !isSDevice && !menuExpanded && !!collapsedIconLabels,
                 ["ic-side-navigation-inline"]: !!inline,
-            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '09442ef9598068b6b7d26a892c8add34aee04327', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '656b0247b2ec236979226649a34c845449c08e41', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '6f919c889f8977764ff20179f15fcfb3543b80c4', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '571d80e8268f254c01eeeaa71a50538a27418f14', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: 'dc213683a411f643beec4daba6149279121a5d69', class: "navigation-list" }, hAsync("slot", { key: '250094a991fa798e8dbbfde7b2d92533e28450fb', name: "primary-navigation" }))))), hAsync("div", { key: 'c224bc9fcc202af5e4bd422665eba6435370ca6b', class: {
+            } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: '0a1e0bfaabbba9ab87b9ca2683784b8cb8f6e22e', class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { key: 'ccb38804313b951d4031e749d902fcc969ae5d4c', class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { key: '34dd687fdf758aec64d3e26b602f8eff43e50640', class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { key: '26221987ce6680a1c8907e420c2d7ada899b7df5', "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { key: '711b4dd66d08757769e655b1c389cbd6686a64ab', class: "navigation-list" }, hAsync("slot", { key: 'bc2d3e56ea19ae85b4d189a62d15996d273f76a5', name: "primary-navigation" }))))), hAsync("div", { key: '9e238999491c652791e0f0ad1fd78efed7cbdec3', class: {
                 ["bottom-wrapper"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '7454932cc0e6a47625fbb5b5d561a4f5aa4946fc', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: '5c31b58a771c1c815a2ffbb897bbcc3d0b0ec9b8', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: '8812e8135d7834b16be2519128da55df35fbd5cc', class: "navigation-list" }, hAsync("slot", { key: '3cea0343138a77b5d347cdaff1655518cb3535aa', name: "secondary-navigation" })))), hAsync("div", { key: 'fe6d7574d5e858d568055779fc9c59002173f0f8', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: '9a0612520ccd9bb03254231fcaa0e4028fc229db' }), displayExpandBtn && (hAsync("button", { key: '4c31a8e2418fa83bb4360d804c4e0911b880dafd', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '18c3118a75f9b8705c7657c8a8b8bd70c2fa8af5', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '236d0139bbe5e1f76a10f97a7b783fbd3279e967', class: {
+            } }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { key: '4a112b17cbf6007dae1099548b38990463c7ae3e', class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { key: 'ee312d7d1150ac06d6f83f6fabcf406c09988345', "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { key: 'd38968324a5737de02b78d30b063c973f6828635', class: "navigation-list" }, hAsync("slot", { key: '1c0846aa364a9421696127688a126df465bd7529', name: "secondary-navigation" })))), hAsync("div", { key: '997739493b5e2bf1e3c34b5f76c0f63c9eb10bc5', class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", { key: 'fa864a0fc1ef72e18e9dc2c39fcee48d30c020e9' }), displayExpandBtn && (hAsync("button", { key: '204eac793e743c630eb7febbe4d0f748df93ef65', class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { key: '99fe7d81476680ce9d77e67cfd679dfdcc0a0523', class: "app-status-wrapper" }, status !== "" && (hAsync("div", { key: '164bcb345294ca2d623463347e0b2ba47c055191', class: {
                 ["app-status"]: true,
-            } }, hAsync("ic-typography", { key: '6b5e19ca0adffcee91c888303f2b63fcb6399526', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: '4bc19eedcb3e3be4f55d20a2e9716531f4c59e20', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
+            } }, hAsync("ic-typography", { key: '0c5bec1d433278488b3c06c6ddd4a0c1e676e9d8', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { key: '64a0a27816a364a4521fd4504c2d31f4e9ac3ecc', variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15373,11 +15280,11 @@ class Skeleton {
                 width: el.style.width || (variant === "circle" ? "25px" : "260px"),
             }
             : undefined;
-        return (hAsync(Host, { key: '9ffbb955b86285af2c160758103d510d46a9f21e', class: {
+        return (hAsync(Host, { key: 'bc26af3bed291b88d9eba417aba8b1bd20d02071', class: {
                 skeleton: true,
                 "ic-skeleton-circle": variant === "circle",
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: '3c4cbba97c1810ff79d3dd21bcb6c2fd0aa53ce7' })));
+            }, style: style, "aria-disabled": "true" }, hAsync("slot", { key: 'b7e19d9b7fc55069b1a5a3d82698378fb2a4fff4' })));
     }
     get el() { return getElement(this); }
     static get style() { return IcSkeletonStyle0; }
@@ -15434,9 +15341,9 @@ class SkipLink {
     }
     render() {
         const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;
-        return (hAsync(Host, { key: '393b8b454602c3021d806bdcd10a5d8baa3e62d3', class: {
+        return (hAsync(Host, { key: 'a6229f2e79e16d35283ae63e617e5dbee39f1a31', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("ic-link", { key: '7992ba972d60c023c0cde20ab6d37d50d66891be', class: {
+            } }, hAsync("ic-link", { key: 'f54ffd72b46d9124023ef6bfe0cf60f7b1091c25', class: {
                 "display-top": !inline,
                 "full-width": !!fullWidth,
                 "show-background": !transparentBackground,
@@ -15501,12 +15408,12 @@ class StatusTag {
     }
     render() {
         const { label, status, variant, size, announced, theme, uppercase } = this;
-        return (hAsync(Host, { key: '05da4b9dad7f0b5201de00ca980fa718fe35d5e7', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '2127b5788fbc664f0d85fa93416992cf3401df2c', class: {
+        return (hAsync(Host, { key: '0ff5d3de133c300d744be1d57a42e5a393735572', class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { key: '09e1eeedac25e8128fe42a6fb5435dc06dc7d331', class: {
                 ["tag"]: true,
                 [`${variant}-${status}`]: true,
                 ["outlined"]: variant === "outlined",
                 [`${size}`]: true,
-            } }, hAsync("ic-typography", { key: '9ebf0f3e09cf60c0bf70e10bb50b07f314550f9b', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '4901eb5f043ab616995b4af00dab982f3429d57a' }, label)))));
+            } }, hAsync("ic-typography", { key: '8543c7387e3337ec720eecaf3dbebbc09edfcb6d', variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", { key: '3673500383906cd09f4f409abff0c2aa12a0c30f' }, label)))));
     }
     static get style() { return IcStatusTagStyle0; }
     static get cmpMeta() { return {
@@ -15590,29 +15497,29 @@ class Step {
         // STATUS ICON FOR COMPACT STEP
         let statusIcon;
         if (this.type === "completed" || this.compactStepStyling === "completed") {
-            statusIcon = (hAsync("span", { key: '1f427dac76b7c702380db8e1357ae397d54af00c', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
+            statusIcon = (hAsync("span", { key: '8831990f0422a89e28d83c33bf98e6f5e47d09a6', class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
         }
         else if (this.type === "disabled" ||
             this.compactStepStyling === "disabled") {
-            statusIcon = (hAsync("span", { key: '21a771d7bff59a75347c14cdb4116578d7b79f59', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
+            statusIcon = (hAsync("span", { key: 'aedd81eacbe9ca6a4e331142d09053926b00dcd4', class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
         }
         // COMPACT STEP COMPONENT
-        const compactStep = (hAsync("div", { key: 'f868a8e639267dbb0cd161de1599f6b3bf3d8760', class: {
+        const compactStep = (hAsync("div", { key: '384c84c08600c48982959a9a19a54e638bdd76a9', class: {
                 ["step"]: true,
                 ["current"]: !!this.current,
                 [`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
                 ["disabled"]: this.type === "disabled" || this.compactStepStyling === "disabled",
-            } }, hAsync("ic-loading-indicator", { key: '2eed845c114493edd44643010a9e88ffaf565348', class: {
+            } }, hAsync("ic-loading-indicator", { key: 'fb3373a16a3519a77689395882b77b07f84d00b2', 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: '6554399f3dd141e54a48a943e02a4a322e762812', class: "heading-area" }, hAsync("ic-typography", { key: 'a9c8228de33980926374dff5cb37aee8bae1701e', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: '78613aa18d9e4fb26c94513901510a5f45d948a5', class: "info-line" }, hAsync("ic-typography", { key: '9d786cc1a59083003b592decf4d6b8606cf2355c', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: 'db88aecec5664dc35751a6df96772f184f521a9b', class: "visually-hidden" }, " steps")), (this.subheading ||
+            }, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { key: 'e404a8d7fd56af5a6c3b38e7dd146ccbf6c0a921', class: "heading-area" }, hAsync("ic-typography", { key: 'e2d2d3a3b2e2d1080a500f06c11fd2b19305e733', variant: "h4", class: "heading" }, this.heading), hAsync("div", { key: 'a04253bd63d0e9cbc2ebd2ccc6c6cf1d684611b4', class: "info-line" }, hAsync("ic-typography", { key: '35699c8fd101642bcedacbb0e636f5f5e72d87d0', variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { key: '0bc9e891b17f66419150733982711999983197a1', 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: '40088862f2851ba8ce6847eed204e30eadbf492e', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: 'ec4817f24ad5ca76e23a1a514377a6955866c767', variant: "caption" }, this.subheading !== null && isPropDefined(this.subheading)
+            !!this.status) && (hAsync("div", { key: 'ce2356ecbc86e3805ddf84d7fa785f2a1495ef60', class: "step-status" }, statusIcon !== undefined && statusIcon, (this.subheading || stepType) && (hAsync("ic-typography", { key: 'f9ada98e6d45ff5dcd8784dbb24c4402b7bd378e', variant: "caption" }, this.subheading !== null && isPropDefined(this.subheading)
             ? this.subheading
             : this.type === "disabled" ||
                 (this.variant === "compact" &&
@@ -15625,26 +15532,26 @@ class Step {
         // ICON FOR DEFAULT STEP
         let icon;
         if (this.type !== "completed") {
-            icon = (hAsync("ic-typography", { key: '7c3761c9d24ff5dfe8c964854a48ff252b1e9fd9', variant: "subtitle-small" }, hAsync("span", { key: '6c8f4f3a50672c2488f8a315710873ef6c52786e', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
+            icon = (hAsync("ic-typography", { key: '5b3734765f9d5e5db8f0b2818ffd471817a96cc5', variant: "subtitle-small" }, hAsync("span", { key: 'd4d3ffd87c95a0b98fce8a437a6afb3f4639993f', class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
         }
         else {
-            icon = (hAsync("div", { key: 'b1c4ef50a261eb03fc59c163b81b066da552bc9e', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '1c6f70f13630721dc346fd060ef5762db64d0060', class: "check-icon", innerHTML: checkIcon })));
+            icon = (hAsync("div", { key: '42447f9ec070e7e284aecfd49983259650d9abd3', class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { key: '4c7469fba1cf544d1d48c209c25db0bcaca14309', class: "check-icon", innerHTML: checkIcon })));
         }
         // STEP CONNECT FOR DEFAULT STEP
-        const partialBar = this.type === "current" && (hAsync("div", { key: '0bd1f88968b4dade7e3ac0d59366d1617eefbf05', class: "step-connect-inner" }));
-        const finalStep = !this.lastStep && (hAsync("div", { key: 'e5ba2386bb41b73ba403f4b25cb35490337f2438', class: {
+        const partialBar = this.type === "current" && (hAsync("div", { key: '800764f8ca21ac1118c77ed860a163b3103fe62e', class: "step-connect-inner" }));
+        const finalStep = !this.lastStep && (hAsync("div", { key: 'e5c0f38f7140800d60e5046d77d6cde34c5e7bd5', 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: '566b8850396d217c860d56cb888d7c2aef0c37f1', class: {
+        const defaultStep = (hAsync("div", { key: 'cdfd23786b75a88fe1630318d8a1369a89090544', class: {
                 ["step"]: true,
                 [`${this.type}`]: true,
-            } }, hAsync("div", { key: '186c7bef279eeb2946386575feeeced052f08138', class: "step-top" }, hAsync("div", { key: '5d10ecf14bb246c027a5da06e8b20021ee2acc6c', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: '040d206eb85fd8d92196e98c00b36d91a1df4abe', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: 'f6dd0dcde3f9b6f7f1c6af2f70f9becd03755ed7', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: 'cba0c001b4d95b8831eca60d15a915be72ffa137', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined(this.subheading)
+            } }, hAsync("div", { key: 'c83625070a1ffe89fc53f66d55f06c994f868570', class: "step-top" }, hAsync("div", { key: 'a6758050efffeb98522092fefa9b1261b3d9217b', class: "step-icon" }, icon), finalStep), (this.heading || this.subheading || this.status) && (hAsync("div", { key: '3ecf8d32da66fe336b7c0540c47726d060e8eaf8', class: "heading-area" }, this.heading && (hAsync("ic-typography", { key: '79557ec3d9a26be0fee2253a58c2f09132322017', variant: "subtitle-large", class: "heading" }, this.heading)), this.heading && (this.subheading || this.status) && (hAsync("ic-typography", { key: 'f5a90f68ebc0721fec936541824ab79b415f566d', variant: "caption", class: "subheading" }, this.subheading !== null && isPropDefined(this.subheading)
             ? this.subheading
             : stepStatus))))));
-        return (hAsync(Host, { key: 'd438a7069a17cac764091211852688fdad1fb91c', role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.type === "current") && "step", class: {
+        return (hAsync(Host, { key: '0cb6b6649c9af4565e5f663131b800a79b9b040d', 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,
@@ -15925,11 +15832,11 @@ class Stepper {
         checkResizeObserver(this.runResizeObserver);
     }
     render() {
-        return (hAsync(Host, { key: 'a1d7a617e934f7802920dbdc4051dc3179780635', class: {
+        return (hAsync(Host, { key: 'a4b87028ee91e542fd7d2b66689e8fabe33a9358', 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: '1c3d2859f17c11c184378a910dd4afaa026be6f9', class: "step-item-list" }, hAsync("slot", { key: '346c45c4f7292f9b9712cfd6cc7559daa5f69573' }))));
+            } }, hAsync("ul", { key: '65236609f6b2109bba5bbb88d084f9fd4e88d48a', class: "step-item-list" }, hAsync("slot", { key: '2b542740488d922dca26cabda564db76de1ffd82' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16057,17 +15964,17 @@ class Switch {
     render() {
         const { label, checkedState, size, disabled, name, value, hideLabel, helperText, inputId, theme, } = this;
         const isSmall = size === "small";
-        renderHiddenInput(true, this.el, name, checkedState ? value : "", disabled);
-        return (hAsync(Host, { key: 'dc6214323bf2e4bbe8bb0330b0ee7923bc7aa1f5', class: {
+        renderHiddenInput(this.el, checkedState ? value : "", name, disabled);
+        return (hAsync(Host, { key: '78082265a9f3ee1e14ca59acd5765a8b282cfc5e', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("label", { key: '373c897b0d6bc5a18cdfffac069cb5f81f8a572d', class: {
+            } }, hAsync("label", { key: 'e3e9c1f766c70c39aa23b56b711d908d9f9f1ac9', class: {
                 "ic-switch-container": true,
                 "ic-switch-disabled": !!disabled,
                 "ic-switch-small": isSmall,
-            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '6b84222939b9524c55f7f71365d1c98c0f2f09d4', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
+            }, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { key: '2f22e10e5bc446aa74144819e4545bb8b83d68f4', for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
                 "ic-switch-label": true,
                 "ic-switch-label-small": isSmall,
-            } })), !hideLabel && hAsync("span", { key: '1a74ab2972112bb4dc563c5f008a1aa28ec1f271', class: "ic-switch-line-break" }), hAsync("input", { key: '5871bd60383e2d714b0c2672581fd51066d68f71', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(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: '713e8d487702539bcf693f17e1f19db48e7fccf7', class: "ic-switch-toggle" }, hAsync("svg", { key: '3bd2e78e073de2038503c6e96d9892920ba4ede8', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '5736eb63f0e43b14b92881675e90eeb584a3d534', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: '0a242caa62aba03887edd998c5d6155db1f4a739', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '426cf57606cf3ef83507a371e401c3d5077c6e2f', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'c1b0a28db368ffcde6c20f73b10bd77d923c5f44', name: "right-adornment" }))));
+            } })), !hideLabel && hAsync("span", { key: 'a191a1668fea25e3a4200730fc14ba544ca92688', class: "ic-switch-line-break" }), hAsync("input", { key: 'a6f9af971c7552b2a445bbb74ade01c86081d862', checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": getInputDescribedByText(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: 'd2f404681f8744c8faf160b529eae4190f0b4325', class: "ic-switch-toggle" }, hAsync("svg", { key: '28654e2c158d3271aa200e5a4c74bc61e9982ac7', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { key: '1314ee2e478b690b6a0b00e7c6220bae1e2237df', class: "ic-switch-icon-line", x1: "9", y1: isSmall ? "2" : "1", x2: "9", y2: isSmall ? "8" : "9" })), hAsync("svg", { key: 'aaf0e443f71380a1bbbb3a5ece540171e28de0a5', class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { key: '6d7a6785953666bb0a9336794e5b1fb33fded30f', class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: isSmall ? "3.335" : "4.445" }))), hAsync("slot", { key: 'd96bdf90a4598454c255d59fe202d60867533032', name: "right-adornment" }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -16190,13 +16097,13 @@ class Tab {
     }
     render() {
         const { disabled, selected, theme, monochrome, handleClick, handleFocus, handleMouseDown, } = this;
-        return (hAsync(Host, { key: '1ed05e38ce9bbc72b8ff0c714e5fb2b032252f9f', class: {
+        return (hAsync(Host, { key: '52491eaab3f7b7c56d59a13b4c57970642e04465', class: {
                 ["with-transition"]: !this.isInitialRender,
                 ["ic-tab-selected"]: !!selected,
                 ["ic-tab-disabled"]: !!disabled,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-tab-monochrome"]: !!monochrome,
-            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: '33db782cd42b31986cf34a6540d9c4ec42fac4b7', name: "icon" }), hAsync("ic-typography", { key: '2b6dcbcd63858abfd865ffd5c22e8501817b26c7', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: 'a43a40ddcd00a31ebacf68ed143ce07eb87ac2e9' }, hAsync("slot", { key: '35c756071a95bf5a57a0c3389c7bcc3221dbc8f8' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: '56b5d0f259fc8e42cd70e790c3e4b5d2a10a99d9', name: "badge" })));
+            }, role: "tab", "aria-selected": `${selected}`, onClick: handleClick, onFocus: handleFocus, onMouseDown: handleMouseDown, "aria-disabled": `${disabled}`, tabindex: selected ? 0 : -1 }, isSlotUsed(this.el, "icon") && hAsync("slot", { key: '89b73a37ff1080ae55554ebed5afc5f3146bbfb0', name: "icon" }), hAsync("ic-typography", { key: '61d61ac5b3739403ebc02a61509289e5f49edb31', class: "ic-tab-label", variant: "label" }, hAsync("span", { key: 'a57666e5fa982b54d8d3f2fa4774edcf11d7300e' }, hAsync("slot", { key: '30700a48cbb5226d548ce0944d83bfaf85b9de39' }))), isSlotUsed(this.el, "badge") && hAsync("slot", { key: 'ee78c3cc07ddf5609ca26e1b6261c023b068571e', name: "badge" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16445,7 +16352,7 @@ class TabContext {
         }
     }
     render() {
-        return hAsync("slot", { key: '0df9be3f91695a070675c0809d85e94e4d64ec3b' });
+        return hAsync("slot", { key: '62b7b3babe269d227c3225faedd4505935ccecb8' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16491,11 +16398,11 @@ class TabGroup {
     }
     render() {
         const { inline, theme, label, monochrome } = this;
-        return (hAsync(Host, { key: '08da1fef9eb0a16a7f9d0f7cffff3894b3319b09', role: "tablist", "aria-label": label, class: {
+        return (hAsync(Host, { key: 'd4354a73edcfe5ed044e2acf6d04256eddcb7f40', 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: 'c12cc06aba78c85277b3eab2250c8e61a3b4c4da', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '01c299ea10f8600e2e9df303e06c4e97dcdab7c3', class: "tabs-container" }, hAsync("slot", { key: '1f2cb7d4f2f86c7e3ba8f910797a963d15d9a7e0' })))));
+            } }, hAsync("ic-horizontal-scroll", { key: '42cf7391e17b38a3489e77bc3d882aa31902c14a', theme: theme, "focus-trigger": "tabFocus", monochrome: monochrome }, hAsync("div", { key: '81270d7ad5567b23ab8098679705c3818b3bfd35', class: "tabs-container" }, hAsync("slot", { key: 'ee7b2ece3edc06146170b759f2c08e22bca9fc7f' })))));
     }
     static get delegatesFocus() { return true; }
     static get style() { return IcTabGroupStyle0; }
@@ -16538,10 +16445,10 @@ class TabPanel {
     }
     render() {
         const { active, theme } = this;
-        return (hAsync(Host, { key: 'ec5befdef261599b9f010a547bec533c28422dcd', class: {
+        return (hAsync(Host, { key: '5da4dba2bf404436c8b49173f9056d56912e9049', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tab-panel-hidden": !active,
-            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '76bf7fc0f05bd9422c79ba6a592561c211b20bec' }, hAsync("slot", { key: '5ecfbc0ad3dc9c11b482f81557afc2afa5dd2803' }))));
+            }, role: "tabpanel", "aria-hidden": `${!active}` }, hAsync("div", { key: '9f7b4cbaa9a2c5a72307ca07097cdb50fd93adb2' }, hAsync("slot", { key: 'f97121f2a2d3092c18bd15c82743ba2a988a1134' }))));
     }
     get el() { return getElement(this); }
     static get style() { return IcTabPanelStyle0; }
@@ -16579,6 +16486,7 @@ class TextField {
         this.icFocus = createEvent(this, "icFocus", 7);
         this.icInput = createEvent(this, "icInput", 7);
         this.icKeydown = createEvent(this, "icKeydown", 7);
+        this.icScroll = createEvent(this, "icScroll", 7);
         this.inheritedAttributes = {};
         this.hostMutationObserver = null;
         this.numChars = 0;
@@ -16587,10 +16495,6 @@ class TextField {
         this.minCharactersUnattained = false;
         this.maxValueExceeded = false;
         this.minValueUnattained = false;
-        /**
-         * @internal Used to identify whether inputting any text triggers more predictions
-         */
-        this.ariaAutocomplete = undefined;
         /**
          * The automatic capitalisation of the text value as it is entered/edited by the user.
          * Available options: "off", "none", "on", "sentences", "words", "characters".
@@ -16705,6 +16609,10 @@ class TextField {
          * 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";
+        /**
+         * @internal If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.
+         */
+        this.truncateValue = false;
         /**
          * The type of control to display. The default type is text.
          */
@@ -16735,9 +16643,9 @@ class TextField {
         this.value = "";
         this.initialValue = this.value;
         this.checkChildHydration = () => {
-            var _a;
-            const el = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-typography");
-            if (this.hideLabel || (el && el.classList.contains("hydrated"))) {
+            var _a, _b;
+            if (this.hideLabel ||
+                ((_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-typography")) === null || _b === void 0 ? void 0 : _b.classList.contains("hydrated"))) {
                 this.setFocus();
                 clearInterval(this.interval);
             }
@@ -16753,7 +16661,7 @@ class TextField {
         this.getMaxCharactersReached = (value) => {
             this.numChars = this.getNumberOfCharacters(value);
             this.maxCharactersReached =
-                this.maxCharacters > 0 ? this.numChars >= this.maxCharacters : false;
+                this.maxCharacters > 0 && this.numChars >= this.maxCharacters;
             if (this.maxCharactersWarning && !this.maxCharactersReached) {
                 this.maxCharactersWarning = false;
             }
@@ -16765,16 +16673,19 @@ class TextField {
         this.onBlur = (ev) => {
             const target = ev.target;
             target.removeEventListener("wheel", this.onWheel);
-            const value = ev.target.value;
+            const { value } = target;
             this.numChars = value.length;
             this.minCharactersUnattained =
-                this.minCharacters > 0 ? this.numChars < this.minCharacters : false;
-            this.icBlur.emit({ value: value });
+                this.minCharacters > 0 && this.numChars < this.minCharacters;
+            this.icBlur.emit({ value });
         };
         this.onFocus = (ev) => {
             const target = ev.target;
             target.addEventListener("wheel", this.onWheel);
-            this.icFocus.emit({ value: ev.target.value });
+            this.icFocus.emit({ value: target.value });
+        };
+        this.onTextAreaScroll = () => {
+            this.icScroll.emit();
         };
         this.onWheel = (ev) => {
             const target = ev.target;
@@ -16882,7 +16793,7 @@ class TextField {
         (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersMessage, maxCharactersWarning, maxCharactersReached, maxMessage, minCharacters, minCharactersMessage, minCharactersUnattained, minMessage, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;
+        const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersMessage, maxCharactersWarning, maxCharactersReached, maxMessage, minCharacters, minCharactersMessage, minCharactersUnattained, minMessage, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, hideLabel, type, autocapitalize, ariaActiveDescendant, inheritedAttributes, ariaExpanded, ariaOwns, autocomplete, role, } = this;
         const el = this.el;
         const disabledMode = readonly || disabled;
         const currentStatus = maxValueExceeded ||
@@ -16914,43 +16825,42 @@ class TextField {
             !validationInlineInternal;
         const multiline = rows > 1;
         const charsRemaining = maxNumChars - numChars;
-        const hiddenRemainingCharCountDesc = `${charsRemaining} character${charsRemaining === 1 ? "" : "s"} remaining.`;
         const hiddenCharCountDescId = maxCharacters > 0 ? `${inputId}-char-count-desc` : "";
         const describedBy = `${hiddenCharCountDescId} ${getInputDescribedByText(inputId, helperText !== "", showStatusText)}`.trim();
         const disabledText = disabledMode && !readonly;
         const showLeftIcon = !!this.el.querySelector(`[slot="icon"]`) && !disabledText;
         const invalid = `${currentStatus === IcInformationStatus.Error}`;
         hiddenInput
-            ? renderHiddenInput(true, this.el, name, value, disabledMode)
+            ? renderHiddenInput(this.el, value, name, disabledMode)
             : removeHiddenInput(this.el);
-        return (hAsync(Host, { key: '23cb6b387a381e50b3f1854c3870a1f7e3bfa23e', class: {
-                "ic-text-field-full-width": !!fullWidth,
+        return (hAsync(Host, { key: '392b43ac248502539bc00717694c10a24818551e', class: {
+                "ic-text-field-full-width": fullWidth,
+                "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-                "ic-text-field-disabled": !!disabledMode,
-            } }, hAsync("ic-input-container", { key: '87bc697a55a04e7aefdeafd6d37eff3824990034', readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { key: 'a289d63c13ed94a8282eab7b16ace632a59c83ed', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: '51b602029de06b6147c17a01ba427a558410c4df', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: 'c1ac46bc7a8114f4a6dce0126784a7333777b168', class: {
-                readonly: !!readonly,
+            } }, hAsync("ic-input-container", { key: '59ec38e8e8e934cf48123303f68a7ca863badd83', readonly: readonly, disabled: disabledMode }, !hideLabel && (hAsync("ic-input-label", { key: 'fa61768dd93e6d7a1ead043792b15b78b8d3fd26', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { key: 'c6ac9c16b6c565671575ec2217e62176d7bc1359', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { key: '353b7a992bbce4060dc5fe29b05f96aedd0cf32a', class: {
+                readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, hAsync("slot", { key: '312ac15fb4ccb3873bfddec4c60c4fb234aa0e28', name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
-                "no-left-pad": !showLeftIcon && !!readonly,
-                readonly: !!readonly,
-                "truncate-value": !!truncateValue,
-            }, placeholder: placeholder ? placeholder : "", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": this.ariaActiveDescendant, "aria-expanded": this.ariaExpanded, "aria-owns": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
+            }, slot: "left-icon" }, hAsync("slot", { key: '8a5cbec45bedc43908caaae9ff74bc4101f995f8', 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,
+            }, placeholder: placeholder ? placeholder : "", required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": ariaActiveDescendant, "aria-expanded": ariaExpanded, "aria-owns": ariaOwns, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, role: role, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
                 "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 ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, this.inheritedAttributes))), isSlotUsed(el, "clear-button") && (hAsync("slot", { key: '86e21e2775c078a2322e1fdf6cf3323cba757917', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: '9a1800781608f067e5e6f4a0b097ab4fec148fc2', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: '1281dfee838c2af0822b8ec2d477c6290cd5b020', name: "menu" }), (!isEmptyString(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(el, "clear-button") && (hAsync("slot", { key: '05d080fafd37f3c5e2894968705fe2802cd24f8a', name: "clear-button" })), isSlotUsed(el, "search-submit-button") && (hAsync("slot", { key: 'b4ef1fb8db068a9c547d20147e31ac798cb838b5', name: "search-submit-button" }))), isSlotUsed(el, "menu") && hAsync("slot", { key: '2f708851077d7cc70c6a90d2dae3f817ffdf469b', name: "menu" }), (!isEmptyString(validationStatus) ||
             !isEmptyString(validationText) ||
             maxNumChars > 0 ||
             maxValueExceeded ||
             maxCharactersWarning ||
             minCharactersUnattained ||
             minValueUnattained) &&
-            !validationInlineInternal && (hAsync("ic-input-validation", { key: '3adb6e2274e123e2c96985b0008e887b791d8e21', status: this.hasStatus(currentStatus) === false ||
+            !validationInlineInternal && (hAsync("ic-input-validation", { key: 'd7c7b40ed97ab62e31fe09e78bf55c796948e33a', status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { key: '0d35ea132f089aa5554d0d4387fc92f0ba256ec4', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '27132c969fa6d92e21c84795341a7eb520307df0', variant: "caption", class: "char-count-text" }, hAsync("span", { key: 'db55472d6e4d40e03a5a8442d9e5dc388e77ca14', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'a42b206be46d1df23b01c1688cb430a062c4fbc9', class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { key: 'b5e3a90f0cc7cfb16e3a337d886cf0360748fca2', 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: '6b6d4c6b40f66756ceafc51c6ba7a336863ce030', slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { key: '5cb893f7e84654a848bd7ec14a0820583ed5d043', variant: "caption", class: "char-count-text" }, hAsync("span", { key: 'b93ac422dbea08cf3d1f139feea1fd5ee37c6755', class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { key: 'e3b8a947bf1e4b1dc3bd93e04bb50ffaa55ac6a0', class: "remaining-char-count-desc", "aria-live": "polite" }, `${charsRemaining} character${charsRemaining === 1 ? "" : "s"} remaining.`), hAsync("span", { key: '41353bf51d4e7264cc054f524b404519a953bec9', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17087,7 +16997,7 @@ class Theme {
     }
     render() {
         const { themeClass } = this;
-        return (hAsync(Host, { key: '512d47b99bd3f18979a2e5bf12dc1959c4135026', class: themeClass }, hAsync("slot", { key: '16f87dc2ea22a43fa7208a9a4e37c5e37e779fc6' })));
+        return (hAsync(Host, { key: 'd994b33e982d89fdb62837456a5a1c90471d0a6a', class: themeClass }, hAsync("slot", { key: 'cc67f5ec282adfe4695a7ecf9134fba920a71a7e' })));
     }
     static get watchers() { return {
         "brandColor": ["watchBrandColorPropHandler"],
@@ -17312,13 +17222,13 @@ class Toast {
     }
     render() {
         const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
-        return (hAsync(Host, { key: '72285c4f90a5364563549c3991a56ea15a7f09b0', 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: '165ac4c4776633f826dfb4da11ec950ab5ee1d74', class: "container" }, variant && visible && (hAsync("div", { key: '646d6326faeb131c256375eaa7a422862e603c87', class: "toast-icon-container" }, hAsync("div", { key: '1a679a2ad07206ce49af54f099aab135db3dc863', class: {
+        return (hAsync(Host, { key: '0215a0779e769d0b9667f0b9b3899e6f9ab40c54', 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: 'b34a48203f613cbcde37d0c7a75743a1c61ded70', class: "container" }, variant && visible && (hAsync("div", { key: 'f3dea0b812b6ab3ab2528f091139716b2781b8f6', class: "toast-icon-container" }, hAsync("div", { key: '215a58acb589a65efabf3837428e131c77bc1500', 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: 'faec1abb053c98b482f2cbbc3b6cbb097bc7cfca', class: {
+            } }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { key: 'd19e6c1989aa5370383d6aafb319570fad9dbeba', class: {
                 ["toast-content"]: true,
                 ["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
-            } }, hAsync("div", { key: '66a53a2d8f2433d55b353b8b19f487007baea78a', class: "toast-text" }, hAsync("ic-typography", { key: 'af86eaaef197aff5faae041b32c3823ffcbb785b', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: '9a04f32939a2739826207d6b3df6796eb0d424ac', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '9ba710ed859c1dd9e8a6ed448207890faad5d706' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '68bf4d05f52322d6d056a583194e21b2dcadc2d1', class: "toast-action-container" }, hAsync("slot", { key: '39524496fb13e55b7828f5c6d70172ffe80ebae8', 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: '3c4b2bcf5563380c57685ddf27e9b9a68c11696c', class: "toast-text" }, hAsync("ic-typography", { key: 'f04cd756f74a338d5e9fbb3db00d91219a018266', variant: "subtitle-large", class: "toast-heading" }, visible && (isManual ? hAsync("h5", null, heading) : hAsync("p", null, heading))), message && (hAsync("ic-typography", { key: 'b414af6a0f49714c133d1420a11ce0cdabc5c886', variant: "body", class: "toast-message" }, visible && hAsync("p", { key: '2d98f3b3ead56cf54a67ebf3afdaa0f46775f293' }, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { key: '3eeaf3fe192ef351748ccabe3b51b3e588394c07', class: "toast-action-container" }, hAsync("slot", { key: 'e618b7d9f135c816d7e2a1ce79e20027edb126cb', 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 {
@@ -17390,7 +17300,7 @@ class ToastRegion {
         }
     }
     render() {
-        return hAsync("slot", { key: '304f72b97b4c6fe1ff998e46f6d2daf80dca9c18' });
+        return hAsync("slot", { key: '8ba16a1a1aa173043f4a14af432e11a82fffda5a' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17544,7 +17454,7 @@ class ToggleButton {
         }
     }
     render() {
-        return (hAsync(Host, { key: '52df8ea7e88a94edef05a3212d5abd8e7e4e5321', class: {
+        return (hAsync(Host, { key: 'c2130c0d6effca56347c9f898018b9125caa04e0', class: {
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
                 ["ic-toggle-button-disabled"]: !!this.disabled,
                 ["ic-toggle-button-checked"]: !!this.checked,
@@ -17553,7 +17463,7 @@ class ToggleButton {
                 ["ic-toggle-button-loading"]: !!this.loading,
                 ["ic-toggle-button-monochrome"]: !!this.monochrome,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '332f1ce7a102149b54ddec12af25b110bd1b69ea', "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", { key: '08cd5315510551d00f0e357297f34bf058dfa61c' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '517575dc1d0a7a383ebb746a0945041ca269fad4', name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: '533e591e1bbe1fc5a138ebf826044a6943b3ab01', name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { key: '99bad5b60f57cbecc96c02beff4ab248592abe5d', "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", { key: '449862b1dca9d441f3b37f4992d02c9666bc5fce' }), isSlotUsed(this.el, "icon") && (hAsync("slot", { key: '7822805ee7c57ddddbab7ae2e1f881ea410a4c7d', name: "icon", slot: `${this.iconPlacement}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { key: 'c41f62db8ed4a6ab62e0af047c27be442c7aacfb', name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -17817,14 +17727,14 @@ class ToggleButtonGroup {
         return Array.from(this.el.querySelectorAll("ic-toggle-button"));
     }
     render() {
-        return (hAsync(Host, { key: '2e71b71fdfd5980825026f5c070a5ebd5a253450', role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
+        return (hAsync(Host, { key: '5ff90397f901e294f15f3f560eac22d575b61c62', role: "group", "aria-label": this.accessibleLabel, tabindex: 0, class: {
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
                 ["ic-toggle-button-group-full-width"]: !!this.fullWidth,
                 ["ic-toggle-button-group-loading"]: !!this.loading,
                 ["ic-toggle-button-group-disabled"]: this.disabled,
                 [`ic-toggle-button-group-monochrome`]: !!this.monochrome,
                 [`ic-theme-${this.theme}`]: this.theme !== "inherit",
-            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'd4d53025593fe484f1c64339775fbb2bea8f96d0' })));
+            }, onFocus: this.handleHostFocus }, hAsync("slot", { key: 'c30679fee25ec96c7d28123d9758173737922e18' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18111,10 +18021,10 @@ class Tooltip {
     }
     render() {
         const { label, maxLines, silent, theme } = this;
-        return (hAsync(Host, { key: '39999a7bb106014b7f0215458ef997764b73b611', class: {
+        return (hAsync(Host, { key: '6e9449deb13ab672b4b9c5a637b406e4bbbf01cf', class: {
                 "ic-tooltip": true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: 'd4861c09ff54a1565af6cdc8fe37c77b169d6494', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: '03150cac8c30839c8419dd6c9eef72aa393aa3fb', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '326142d5d9c11602545c4178ef09b42ceeb4a21b', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '22d9540e5918b570cfd358012240e0383e5c3c10' })));
+            } }, hAsync("div", { key: '85eced68333b24b831affc67ddd6e19a1142a1da', ref: (el) => (this.toolTip = el), role: "tooltip", class: "ic-tooltip-container", "aria-hidden": `${silent}` }, hAsync("ic-typography", { key: 'c8b2727b200dc1f409332fa1eb362600fdf50334', maxLines: maxLines, variant: "caption" }, label), hAsync("div", { key: '452bc4142b7ef38d95883f93ccc2550228cd1ae8', ref: (el) => (this.arrow = el), class: "ic-tooltip-arrow" })), hAsync("slot", { key: '14ca9939bf600654b87b750ff43c02fd20bafd56' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18354,16 +18264,16 @@ class TopNavigation {
         const attrs = Component == "a" && {
             href: href,
         };
-        return (hAsync(Host, { key: '5c5bfc3ad297f7bd59b148652ccc478b896b6008', class: {
+        return (hAsync(Host, { key: 'c34e31b1c026aa42f639599a271e7a3c2dba0ec0', class: {
                 "fullwidth-searchbar": hasFullWidthSearchBar,
                 "mobile-mode": overMobileBreakpoint,
                 [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, hAsync("div", { key: '7b20f493f5738050c11ad8447113b7322f46c3c4', class: "top-navigation" }, hAsync("ic-section-container", { key: 'abce0c4c81da4ed68094058d623e8ed954224fa0', aligned: contentAligned, "full-height": true }, hAsync("header", { key: '30860fda7f50065dd28399e6630836a6ca66f9fa', role: "banner" }, hAsync("div", { key: '6341b2155fc652ae76ea2266612fa56add3b2a87', class: "top-panel-container" }, hAsync("div", { key: '70b84e9110139cdc1bccdc5fc79c60983966e7e2', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: 'b54b79365cfd322a778aa1de952eda4daee04520', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: 'a390fa98b041b07a02a33cb787a0902ed369effa', class: "app-icon-container" }, hAsync("slot", { key: 'c33e9295f6d196d8823b59f4def9779dbf8be3d9', name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
+            } }, hAsync("div", { key: 'd266b2df2d3a15532911b76e5372a77355d27b02', class: "top-navigation" }, hAsync("ic-section-container", { key: '444caa24a5e6da0186b98b61bcbce33aebaf0e61', aligned: contentAligned, "full-height": true }, hAsync("header", { key: 'fcc8737fb7c54abd463b716cc09589bb56a5d34c', role: "banner" }, hAsync("div", { key: '84139029b5bd3ca31e6bec51f45126ff72d8110a', class: "top-panel-container" }, hAsync("div", { key: '0d670149118d30f5cf7852a72a79810ad4978d26', class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ key: 'c17c88b16b367927568160d5e11373ff13329ac5', class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { key: '9847777727de0f0da511523d04c72ce980027151', class: "app-icon-container" }, hAsync("slot", { key: '2d44296eb3f6469de56faeb9870b6d096516f23c', name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
             (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
-                `${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { key: 'f240cb39a4c6456695745f676d263fd5fc7c5b8c', class: "app-status" }, hAsync("ic-typography", { key: 'f8ae131fb476805ec7e1cfe88c4fba9c7a436c10', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: '1cdf5652e0b56c70162a884f45e648fce2093ea5', class: "app-version" }, hAsync("ic-typography", { key: '2444bbf26e72433f1bd1cd4c3986de8cadea85b6', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '54fac6a943b3701376fc3f7a308f2b6c586aa636', class: "search-menu-container" }, hAsync("div", { key: '5ef5f824b967f0b7f8802d2fdbd77056ae8f1129', class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { key: '16551964dd909010294a0e6a59763f95a5d0f728', name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { key: 'c8a339bdb6389bd43e973c20707a13f7fa0a4e1e', 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", { key: '66f8326868c0cb23cd989df5de784f2eb2630319', name: "toggle-icon" }, hAsync("svg", { key: '2c4e0354d201371de737a0d3c72455e543b3205a', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { key: 'e1adbe066080455b1b801c711b025318dab908eb', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: 'dadeb94826ed263b91566b46cc753748351db453', 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" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { key: '36eedc891ad8653ffa1a812306e60f76c8e82ed8', class: "icon-buttons-container" }, hAsync("slot", { key: '1061472fc71131df7541a0654e4096ff39ad5e3d', name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { key: '1b7503905b2528ca36e3f57b58c9e08958e1ab60', class: "menu-button-container" }, hAsync("span", { key: '93d4150b9660243082f5d1ebb40fe33450d7785b', id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { key: 'a356ce42d0d4865dfce33a49d768c73dcd824e3c', "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { key: 'd2f0fe6637e181fcfd2dbb5c33de93cdd2a1fb32', id: "menu-button", 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", { key: 'cd8e405c4cd82075ec2f8b192f01a5f268ffd520', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { key: '1a91d6099a80507845ae6165931b457dcc416d6a', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '87dc16c578d8c379a00766769dd0959a70855166', d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { key: '088982083ccb21a658b8ba378e532f280d6d563a', class: "search-bar-container" }, hAsync("slot", { key: 'ad3e3c4c632d3e5431bcf6ebe954c45d3c7e6233', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: '6aeb6f3e8bb5d1474c2c7ede10c49d44cec31545', class: "navigation-tabs" }, hAsync("span", { key: '8a965acd6056d216c9da63173012250fa72be222', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: '7b36045fbc1efc8d0f471a67cb8bccb6cdb7ca62', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: 'ac328ac5ddd86614f3d727ddc236cbf6dee019b9', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: '7324ed8f489a813b706e18e7db14d8f8201ee4fe', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '7266abcda953294233cc4c4525ba5c47f61a95bb', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '0fff5404ab1ec895f011dc1643d0d2b51b5eac33', 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: '3a25c523a8b2f866979c6b216b8320a0d378ea25', class: "app-status" }, hAsync("ic-typography", { key: '06e42ccfca3a13ca36e39270ffd7380bd8d0a3da', "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { key: 'd876b6c44e8f17aac75467e15e0e644b904f7ee4', class: "app-version" }, hAsync("ic-typography", { key: 'adb1db74b83577008a831898ab4c59814be0b271', variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { key: '363c60544cb4581ae9e31a58c63fedc6aee76447', class: "search-menu-container" }, hAsync("div", { key: '6519a88057979775cfc6081a952e85d3b9417c28', class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { key: 'd174b13453134aa9fedff9a95508dbbac96469a1', name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { key: '6e102532a61df76174edecf38f8d2dddde722cf5', 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", { key: 'f910700c47c5878c345470ed9294a33007ce7ead', name: "toggle-icon" }, hAsync("svg", { key: '3d3d934259563eadf67075018a41eb653438f1ea', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { key: '5fff46e4c3da77500acd290d5728f60097673a05', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '045e973ca81352d2a1bb48579ced25d19f4a1f2a', 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" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { key: '5fb7278bd4d60f60d21897f1fb96ec7f3a57c87b', class: "icon-buttons-container" }, hAsync("slot", { key: '190d7b5915c3fbbf6347cb3ddc272f9dfc046ac3', name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { key: 'a91b5a189c4146e12e90e740001ad0b77679cc77', class: "menu-button-container" }, hAsync("span", { key: 'd218781625f5e261764968eb84e03a32e905383d', id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { key: '957a343cc283945aceb2bf4f886dadcb8149d118', "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { key: 'e17765454e8a5102b732cf2b12a45ddb8d2426fc', id: "menu-button", 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", { key: '8595a3640057e8cbc4d6a74fc16bfe11007052bd', xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { key: '0a2dd66668d2b8a99981303024d0a9f409197142', d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { key: '6e4ee39265832993f8756c3208f451936fb78a5b', d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { key: '7351262fd2c64de0b2572e63011461a17fc9effc', class: "search-bar-container" }, hAsync("slot", { key: '1db63ef6eac0ee7efbf59f8427149c8990182fcf', name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { key: 'c70583f725a90a91bbf09560bddf556ae2dfe9c9', class: "navigation-tabs" }, hAsync("span", { key: 'b87db18c6fbd55a9d56f7caa915c41d9cb7efc81', id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { key: 'f7337c8fd73f1b2c89a35db9ed1f136bbab22c16', "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { key: '017e0ce9c0cd0f931fbe86cbebb0680b473e90c8', monochrome: true, appearance: foregroundColor }, hAsync("ul", { key: 'd8cc0609df1f348acaf9f2cdce3f50e0583416c5', class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { key: '9f63d68cb7b5410e3b43c8ce2d034c1842981701', name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { key: '7db1c7865aae2836052e0911608179e294a98519', version: version, status: status, class: {
                 ["inline"]: !!inline,
-            } }, hasIconButtons && (hAsync("div", { key: 'a7b45891338fb80858cead62559e1de75505ec96', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '09d6e44a68a6368ae5388a6101aedd75fcbecb2a', name: "buttons" }))), hAsync("ul", { key: 'ff2e7168dacb64ede053528ce21c1211de506fd7', slot: "navigation" }, hAsync("slot", { key: '218681289b2170fd04553d1e4b8da7f1ae72b448', name: "navigation" }))))));
+            } }, hasIconButtons && (hAsync("div", { key: 'b4110d809aa48b74b4802463d85743b6dc892978', class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { key: '4d31e22407e559d9435fae39e89a6f6612bee4bd', name: "buttons" }))), hAsync("ul", { key: 'a2ad4a21c9b34e86c242addfb56bb0c31a87a230', slot: "navigation" }, hAsync("slot", { key: 'c9c150aa1431942415593722be13d22291eb2b19', name: "navigation" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -18566,7 +18476,7 @@ class Typography {
     render() {
         var _a, _b;
         const { variant, applyVerticalMargins, maxLines, truncated, expanded, strikethrough, underline, italic, bold, theme, } = this;
-        return (hAsync(Host, { key: '0f64ad9e02b32790b2bc269df212468b2f9426f7', class: {
+        return (hAsync(Host, { key: 'd386fa51fb7834aad97904a5b757551c388af06b', class: {
                 [`ic-typography-${variant}`]: true,
                 [`ic-typography-vertical-margins-${variant}`]: !!applyVerticalMargins,
                 ["ic-typography-bold"]: !!bold,
@@ -18579,7 +18489,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: '3e5f7e8b549122986d1dc67fe35b5e270233eb71', 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: '10df0863dfe83f7195a631012461f438fb41a04c', 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 {