@ukic/web-components 2.33.0 → 2.35.0

package/hydrate/index.js

@@ -8077,6 +8077,14 @@ const checkSlotInChildMutations = (addedNodes, removedNodes, slotName) => {
     return hasSlot(addedNodes) || hasSlot(removedNodes);
 };
 const isElInAGGrid = (el) => !!el.closest(".ag-cell") && !!el.closest(".ag-root");
+const hasDynamicChildSlots = (mutationList, slotNames) => {
+    return mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
+        ? checkSlotInChildMutations(addedNodes, removedNodes, slotNames)
+        : false);
+};
+const renderDynamicChildSlots = (mutationList, slotNames, ref) => {
+    if (hasDynamicChildSlots(mutationList, slotNames)) ;
+};
 
 var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M9.70687 6L8.29688 7.41L12.8769 12L8.29688 16.59L9.70687 18L15.7069 12L9.70687 6Z" fill="currentColor"/>
@@ -8372,11 +8380,6 @@ class Alert {
             this.dismiss.emit();
             this.icDismiss.emit();
         };
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, "action")
-                : false)) ;
-        };
         this.alertTitleWrap = false;
         this.visible = true;
         this.announced = true;
@@ -8393,7 +8396,7 @@ class Alert {
     }
     componentDidLoad() {
         this.alertTitleShouldWrap();
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "action"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -9474,21 +9477,6 @@ class Card {
         this.toggleExpanded = () => {
             this.areaExpanded = !this.areaExpanded;
         };
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, [
-                    "message",
-                    "adornment",
-                    "expanded-content",
-                    "image-top",
-                    "image-mid",
-                    "icon",
-                    "interaction-button",
-                    "badge",
-                    "interaction-controls",
-                ])
-                : false)) ;
-        };
         this.appearance = "default";
         this.areaExpanded = false;
         this.isFocussed = false;
@@ -9533,7 +9521,17 @@ class Card {
         !isSlotUsed(this.el, "heading") &&
             onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Card");
         this.updateTheme();
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [
+            "message",
+            "adornment",
+            "expanded-content",
+            "image-top",
+            "image-mid",
+            "icon",
+            "interaction-button",
+            "badge",
+            "interaction-controls",
+        ]));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -10204,6 +10202,7 @@ class Dialog {
         this.IC_TEXT_FIELD = "IC-TEXT-FIELD";
         this.IC_ACCORDION = "IC-ACCORDION";
         this.IC_ACCORDION_GROUP = "IC-ACCORDION-GROUP";
+        this.IC_SEARCH_BAR = "IC-SEARCH-BAR";
         this.resizeObserver = null;
         this.dialogOpened = () => {
             var _a;
@@ -10275,6 +10274,9 @@ class Dialog {
             else if (focusedElement.tagName === this.IC_ACCORDION) {
                 focusedElement.setFocus();
             }
+            else if (focusedElement.tagName === this.IC_SEARCH_BAR) {
+                focusedElement.setFocus();
+            }
             else {
                 focusedElement.focus({
                     preventScroll: this.disableHeightConstraint ? true : false,
@@ -10303,7 +10305,7 @@ class Dialog {
             const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]), 
           ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-group, ic-radio-group, 
           ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button, 
-          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion`));
+          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));
             if (slottedInteractiveElements.length > 0) {
                 if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {
                     slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, "");
@@ -10319,6 +10321,10 @@ class Dialog {
         this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];
         this.focusNextInteractiveElement = (shiftKey) => {
             this.getFocusedElementIndex();
+            if (this.interactiveElementList[this.focusedElementIndex].tagName ===
+                "IC-SEARCH-BAR") {
+                return false;
+            }
             this.setFocusIndexBasedOnShiftKey(shiftKey);
             this.loopNextFocusIndexIfLastElement();
             let nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);
@@ -10340,10 +10346,14 @@ class Dialog {
                 else if (nextFocusEl.tagName === this.IC_ACCORDION) {
                     nextFocusEl.setFocus();
                 }
+                else if (nextFocusEl.tagName === this.IC_SEARCH_BAR) {
+                    nextFocusEl.setFocus();
+                }
                 else {
                     nextFocusEl.focus();
                 }
             }
+            return true;
         };
         this.setButtonOnClick = () => {
             var _a, _b, _c;
@@ -10483,8 +10493,9 @@ class Dialog {
         if (this.dialogRendered) {
             switch (ev.key) {
                 case "Tab":
-                    ev.preventDefault();
-                    this.focusNextInteractiveElement(ev.shiftKey);
+                    if (this.focusNextInteractiveElement(ev.shiftKey)) {
+                        ev.preventDefault();
+                    }
                     break;
                 case "Escape":
                     if (!ev.repeat) {
@@ -10636,14 +10647,6 @@ class EmptyState {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hostMutationObserver = null;
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, [
-                    "image",
-                    "actions",
-                ])
-                : false)) ;
-        };
         this.aligned = "left";
         this.body = undefined;
         this.bodyMaxLines = undefined;
@@ -10658,7 +10661,7 @@ class EmptyState {
     componentDidLoad() {
         !isSlotUsed(this.el, "heading") &&
             onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Empty State");
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, ["image", "actions"]));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -10702,6 +10705,7 @@ class Footer {
         registerInstance(this, hostRef);
         this.footerResized = createEvent(this, "footerResized", 7);
         this.resizeObserver = null;
+        this.hostMutationObserver = null;
         this.resizeObserverCallback = (currSize) => {
             if (currSize !== this.deviceSize) {
                 this.deviceSize = currSize;
@@ -10725,15 +10729,23 @@ class Footer {
         this.groupLinks = false;
     }
     disconnectedCallback() {
+        var _a;
         if (this.resizeObserver !== null) {
             this.resizeObserver.disconnect();
         }
+        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     componentWillLoad() {
         this.deviceSize = getCurrentDeviceSize();
     }
     componentDidLoad() {
         checkResizeObserver(this.runResizeObserver);
+        this.hostMutationObserver = new MutationObserver((mutationList) => {
+            return renderDynamicChildSlots(mutationList, "link");
+        });
+        this.hostMutationObserver.observe(this.el, {
+            childList: true,
+        });
     }
     themeChangeHandler(ev) {
         const theme = ev.detail;
@@ -10754,8 +10766,12 @@ class Footer {
                             : false;
     }
     render() {
-        const { aligned, caption, copyright, description, groupLinks, foregroundColor, } = this;
+        const { aligned, caption, copyright, description, deviceSize, el, foregroundColor, groupLinks, } = this;
         const small = this.isSmall();
+        const showComplianceSection = isSlotUsed(el, "logo") ||
+            isSlotUsed(el, "caption") ||
+            caption ||
+            copyright;
         return (hAsync(Host, { class: {
                 footer: true,
                 [`footer-${small ? "small" : "sparse"}`]: true,
@@ -10764,14 +10780,12 @@ class Footer {
                 // Slots will be able to infer their own color
                 [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
                 [IcThemeForegroundEnum.Light]: foregroundColor === IcThemeForegroundEnum.Light,
-            } }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed(this.el, "description") || description) && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed(this.el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed(this.el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed(this.el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
-                ? "caption"
-                : "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
+            } }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed(el, "description") || description) && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed(el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, hAsync("slot", { name: "link" })))))), showComplianceSection && (hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed(el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed(el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
                 ["footer-copyright"]: true,
                 ["classification-spacing"]: hasClassificationBanner(),
-            } }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
+            } }, hAsync("ic-typography", { variant: deviceSize <= IC_DEVICE_SIZES.M
                 ? "caption-uppercase"
-                : "label-uppercase" }, "\u00A9 Crown Copyright")))))))));
+                : "label-uppercase" }, "\u00A9 Crown Copyright"))))))))));
     }
     get el() { return getElement(this); }
     static get style() { return icFooterCss; }
@@ -10955,11 +10969,6 @@ class Hero {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hostMutationObserver = null;
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, "secondary")
-                : false)) ;
-        };
         this.foregroundColor = getThemeForegroundColor();
         this.rightContent = false;
         this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;
@@ -10985,7 +10994,7 @@ class Hero {
     componentDidLoad() {
         !isSlotUsed(this.el, "heading") &&
             onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Hero");
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "secondary"));
         this.hostMutationObserver.observe(this.el, {
             childList: true,
         });
@@ -11244,11 +11253,6 @@ const icInputComponentContainerCss = "ic-input-component-container{display:flex;
 class InputComponentContainer {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.hostMutationCallback = (mutationList) => {
-            if (mutationList.some(({ type, addedNodes, removedNodes }) => type === "childList"
-                ? checkSlotInChildMutations(addedNodes, removedNodes, "left-icon")
-                : false)) ;
-        };
         this.appearance = "default";
         this.dark = false;
         this.disabled = false;
@@ -11267,7 +11271,7 @@ class InputComponentContainer {
         removeDisabledFalse(this.disabled, this.el);
     }
     componentDidLoad() {
-        this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
+        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, "left-icon"));
         this.hostMutationObserver.observe(this.el, { childList: true });
     }
     render() {
@@ -13559,7 +13563,7 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
 </svg>
 `;
 
-const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.open.sc-ic-menu-h{max-height:none;display:block}.open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
+const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.open.sc-ic-menu-h{max-height:none;display:block}.open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-focus-blue) !important;color:var(--ic-color-white-text) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}.disabled-option.sc-ic-menu{color:GrayText}}";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class Menu {
@@ -15965,6 +15969,7 @@ class RadioGroup {
             this.resizeObserver.observe(this.el);
         };
         this.handleKeyDown = (event) => {
+            event.stopPropagation();
             switch (event.key) {
                 case "ArrowDown":
                 case "ArrowRight":
@@ -16005,7 +16010,7 @@ class RadioGroup {
         this.setRadioOptions = () => {
             this.selectedChild = -1;
             this.checkedValue = "";
-            this.radioOptions = Array.from(this.el.querySelectorAll("ic-radio-option"));
+            this.radioOptions = Array.from(this.el.children).filter((el) => el.tagName === "IC-RADIO-OPTION");
             if (this.radioOptions.length > 0) {
                 this.radioOptions.forEach((radioOption, index) => {
                     if (!radioOption.selected) {
@@ -16075,25 +16080,27 @@ class RadioGroup {
             { prop: this.name, propName: "name" },
         ], "Radio Group");
     }
-    selectHandler({ detail, target }) {
+    selectHandler(event) {
         var _a;
-        this.checkedValue = detail.value;
-        const selectedOption = target;
-        this.icChange.emit({
-            value: this.checkedValue,
-            selectedOption: {
-                radio: selectedOption,
-                textFieldValue: (_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.value,
-            },
-        });
-        if (this.radioOptions !== undefined) {
-            this.radioOptions.forEach((radioOption, index) => {
-                radioOption.selected = selectedOption === radioOption;
-                if (radioOption.selected) {
-                    this.selectedChild = index;
-                }
+        if (event.target.parentElement === this.el) {
+            this.checkedValue = event.detail.value;
+            const selectedOption = event.target;
+            this.icChange.emit({
+                value: this.checkedValue,
+                selectedOption: {
+                    radio: selectedOption,
+                    textFieldValue: (_a = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.value,
+                },
             });
-            this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);
+            if (this.radioOptions !== undefined) {
+                this.radioOptions.forEach((radioOption, index) => {
+                    radioOption.selected = selectedOption === radioOption;
+                    if (radioOption.selected) {
+                        this.selectedChild = index;
+                    }
+                });
+                this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);
+            }
         }
     }
     changeHandler() {
@@ -16175,7 +16182,7 @@ class RadioGroup {
     }; }
 }
 
-const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-text-field)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host(.disabled)*/.disabled.sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n  .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n  .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n  .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n  .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
+const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"])\n  ::slotted([slot=\"additional-field\"])*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>[slot=\"additional-field\"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host(.disabled)*/.disabled.sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n  .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n  .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n  .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n  .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
 
 const ADDITIONAL_FIELD = "additional-field";
 const TEXT_FIELD_SELECTOR = "ic-text-field";
@@ -16192,6 +16199,7 @@ class RadioOption {
         this.hasAdditionalField = false;
         this.skipFocus = false;
         this.handleClick = () => {
+            var _a;
             if (!this.disabled) {
                 if (this.skipFocus === false) {
                     this.radioElement.focus();
@@ -16199,7 +16207,7 @@ class RadioOption {
                 this.skipFocus = false;
                 if (this.hasAdditionalField) {
                     this.value =
-                        this.el.querySelector(TEXT_FIELD_SELECTOR).value ||
+                        ((_a = this.el.querySelector(TEXT_FIELD_SELECTOR)) === null || _a === void 0 ? void 0 : _a.value) ||
                             this.defaultRadioValue;
                 }
                 this.icCheck.emit({
@@ -16239,6 +16247,13 @@ class RadioOption {
     watchSelectedHandler() {
         this.icSelectedChange.emit();
     }
+    handleCheck(ev) {
+        const children = Array.from(this.el.children);
+        const targetEl = ev.target;
+        if (this.additionalFieldDisplay === "static" &&
+            (children.includes(targetEl.parentElement) || children.includes(targetEl)))
+            this.icCheck.emit({ value: this.value });
+    }
     disconnectedCallback() {
         removeFormResetListener(this.el, this.handleFormReset);
     }
@@ -16307,7 +16322,7 @@ class RadioOption {
     render() {
         const { additionalFieldDisplay, disabled, dynamicText, form, formaction, formenctype, formmethod, formnovalidate, formtarget, groupLabel, handleClick, hasAdditionalField, label, name, selected, swallowClick, value, } = this;
         const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
-        return (hAsync(Host, { onClick: handleClick, class: { disabled } }, hAsync("div", { class: { ["container"]: true, disabled } }, hAsync("div", null, hAsync("input", { role: "radio", tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { onClick: swallowClick, class: {
+        return (hAsync(Host, { onClick: handleClick, class: { disabled } }, hAsync("div", { class: { container: true, disabled } }, hAsync("div", null, hAsync("input", { role: "radio", tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { onClick: swallowClick, class: {
                 "dynamic-container": true,
                 hidden: additionalFieldDisplay === "dynamic" && !selected,
             } }, additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text" }, dynamicText))), hAsync("div", { class: {
@@ -16343,7 +16358,7 @@ class RadioOption {
             "setFocus": [64],
             "setTabIndex": [64]
         },
-        "$listeners$": [[0, "icChange", "textfieldValueHandler"]],
+        "$listeners$": [[0, "icCheck", "handleCheck"], [0, "icChange", "textfieldValueHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["additionalFieldDisplay", "additional-field-display"], ["selected", "selected"]]
     }; }
@@ -16726,6 +16741,7 @@ class SearchBar {
         }
     }
     componentDidLoad() {
+        var _a;
         if (this.focusOnLoad) {
             this.el.setFocus();
         }
@@ -16737,7 +16753,7 @@ class SearchBar {
         }
         onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Search Bar");
         if (this.inputEl !== undefined) {
-            this.anchorEl = this.inputEl.shadowRoot.querySelector("ic-input-component-container");
+            this.anchorEl = (_a = this.inputEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-input-component-container");
         }
     }
     componentWillRender() {
@@ -19203,8 +19219,9 @@ class TextField {
         this.icKeydown = createEvent(this, "icKeydown", 7);
         this.inheritedAttributes = {};
         this.hostMutationObserver = null;
+        this.getNumberOfCharacters = (value) => value !== null && value !== undefined ? value.length : 0;
         this.getMaxLengthExceeded = (value) => {
-            this.numChars = value.length;
+            this.numChars = this.getNumberOfCharacters(value);
             if (this.type === "number") {
                 this.minValueUnattained = value && Number(value) < Number(this.min);
                 this.maxValueExceeded = Number(value) > Number(this.max);
@@ -19214,7 +19231,7 @@ class TextField {
             }
         };
         this.getMaxCharactersReached = (value) => {
-            this.numChars = value.length;
+            this.numChars = this.getNumberOfCharacters(value);
             this.maxCharactersReached =
                 this.maxCharacters > 0 ? this.numChars >= this.maxCharacters : false;
             if (this.maxCharactersError && !this.maxCharactersReached) {
@@ -19410,12 +19427,12 @@ class TextField {
         const disabledText = disabledMode && !readonly;
         const showLeftIcon = !!this.el.querySelector(`[slot="icon"]`) && !disabledText;
         const invalid = `${currentStatus === IcInformationStatus.Error}`;
-        if (hiddenInput) {
-            renderHiddenInput(true, this.el, name, value, disabledMode);
-        }
+        hiddenInput
+            ? renderHiddenInput(true, this.el, name, value, disabledMode)
+            : removeHiddenInput(this.el);
         return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { size: small ? "small" : size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { class: {
                 ["readonly"]: readonly,
-                ["has-value"]: value.length > 0,
+                ["has-value"]: this.getNumberOfCharacters(value) > 0,
             }, slot: "left-icon" }, hAsync("slot", { 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,
@@ -19839,6 +19856,7 @@ class ToggleButton {
         this.loading = false;
         this.size = "default";
         this.toggleChecked = false;
+        this.tooltipPlacement = "bottom";
         this.variant = "default";
     }
     watchDisabledHandler() {
@@ -19885,7 +19903,7 @@ class ToggleButton {
                 ["icon"]: this.variant === "icon",
                 [`${this.size}`]: true,
                 ["loading"]: this.loading,
-            }, onFocus: this.handleFocus }, hAsync("ic-button", { "aria-pressed": this.toggleChecked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.toggleChecked ? "ticked" : "unticked"}`, disabled: this.disabled, appearance: this.appearance, size: this.size, fullWidth: this.fullWidth, loading: this.loading, "aria-disabled": `${this.disabled}` }, this.variant !== "icon" && this.label, hAsync("slot", null), isSlotUsed(this.el, "icon") && (hAsync("slot", { name: "icon", slot: `${this.iconPosition ? `${this.iconPosition}-icon` : "icon"}` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { name: "badge", slot: "badge" })))));
+            }, onFocus: this.handleFocus }, hAsync("ic-button", { "aria-pressed": this.toggleChecked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.toggleChecked ? "ticked" : "unticked"}`, disabled: this.disabled, appearance: this.appearance, size: this.size, fullWidth: this.fullWidth, loading: this.loading, "aria-disabled": `${this.disabled}`, tooltipPlacement: this.tooltipPlacement }, this.variant !== "icon" && this.label, hAsync("slot", null), isSlotUsed(this.el, "icon") && (hAsync("slot", { name: "icon", slot: `${this.iconPosition ? `${this.iconPosition}-icon` : "icon"}` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { name: "badge", slot: "badge" })))));
     }
     static get delegatesFocus() { return true; }
     get el() { return getElement(this); }
@@ -19906,6 +19924,7 @@ class ToggleButton {
             "loading": [4],
             "size": [1],
             "toggleChecked": [1540, "toggle-checked"],
+            "tooltipPlacement": [1, "tooltip-placement"],
             "variant": [513]
         },
         "$listeners$": [[2, "click", "handleHostClick"]],
@@ -20007,11 +20026,17 @@ class ToggleButtonGroup {
         this.selectMethod = "manual";
         this.selectType = "single";
         this.size = "default";
+        this.tooltipPlacement = "bottom";
         this.variant = "default";
     }
     watchDisabledHandler() {
         removeDisabledFalse(this.disabled, this.el);
     }
+    watchTooltipPlacementHandler() {
+        this.getAllToggleButtons().forEach((el) => {
+            el.tooltipPlacement = this.tooltipPlacement;
+        });
+    }
     selectHandler(ev, tabTarget) {
         const allToggles = this.getAllToggleButtons();
         let clickedToggle = ev.target;
@@ -20057,6 +20082,7 @@ class ToggleButtonGroup {
             el.appearance = this.appearance;
             el.variant = this.variant;
             el.fullWidth = this.fullWidth;
+            el.tooltipPlacement = this.tooltipPlacement;
             el.id = i.toString();
             el.tabIndex = -1;
             el.addEventListener("keydown", (ev) => {
@@ -20091,7 +20117,8 @@ class ToggleButtonGroup {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "disabled": ["watchDisabledHandler"]
+        "disabled": ["watchDisabledHandler"],
+        "tooltipPlacement": ["watchTooltipPlacementHandler"]
     }; }
     static get style() { return icToggleButtonGroupCss; }
     static get cmpMeta() { return {
@@ -20107,6 +20134,7 @@ class ToggleButtonGroup {
             "selectMethod": [1025, "select-method"],
             "selectType": [1, "select-type"],
             "size": [1],
+            "tooltipPlacement": [1, "tooltip-placement"],
             "variant": [513],
             "lastKeyPressed": [32]
         },
@@ -20352,7 +20380,7 @@ class Tooltip {
     }; }
 }
 
-const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n  .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
+const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n  .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:currentcolor}}";
 
 /**
  * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.