@ukic/web-components 3.5.0 → 3.6.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"ic-typography.cjs\",[[1,\"ic-typography\",{\"applyVerticalMargins\":[4,\"apply-vertical-margins\"],\"bold\":[4],\"italic\":[4],\"maxLines\":[1026,\"max-lines\"],\"strikethrough\":[4],\"theme\":[1],\"underline\":[4],\"variant\":[1],\"truncated\":[32],\"truncButtonFocussed\":[32],\"expanded\":[32],\"resetTruncation\":[64],\"checkMaxLines\":[64],\"setShowHideExpanded\":[64]},null,{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-select.cjs\",[[17,\"ic-select\",{\"disabled\":[516],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"includeDescriptionsInSearch\":[4,\"include-descriptions-in-search\"],\"includeGroupTitlesInSearch\":[4,\"include-group-titles-in-search\"],\"label\":[1],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"multiple\":[4],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"searchable\":[4],\"searchMatchPosition\":[1,\"search-match-position\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"showClearButton\":[4,\"show-clear-button\"],\"size\":[1],\"timeout\":[2],\"theme\":[1],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"loading\":[1028],\"options\":[16],\"debounce\":[2],\"value\":[1025],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"debounceIcInput\":[32],\"hiddenInputValue\":[32],\"noOptions\":[32],\"open\":[32],\"pressedCharacters\":[32],\"searchableSelectInputValue\":[32],\"filteredOptions\":[32],\"uniqueOptions\":[32],\"currDebounce\":[32],\"initialValue\":[32],\"inputValueToFilter\":[32],\"currValue\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"loading\":[\"loadingHandler\"],\"options\":[\"watchOptionsHandler\"],\"debounce\":[\"debounceChangedHandler\"],\"value\":[\"valueChangedHandler\"],\"open\":[\"openChangedHandler\"]}]]],[\"ic-search-bar.cjs\",[[17,\"ic-search-bar\",{\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"charactersUntilSuggestion\":[2,\"characters-until-suggestion\"],\"disabled\":[4],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"debounce\":[2],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"focusOnLoad\":[4,\"focus-on-load\"],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"assistiveHintText\":[1,\"assistive-hint-text\"],\"label\":[1],\"labelField\":[1,\"label-field\"],\"loading\":[1028],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"preventFormSubmitOnSearch\":[4,\"prevent-form-submit-on-search\"],\"readonly\":[4],\"required\":[4],\"searchMode\":[1,\"search-mode\"],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"timeout\":[2],\"valueField\":[1,\"value-field\"],\"options\":[16],\"value\":[1537],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"highlightedValue\":[32],\"open\":[32],\"searchSubmitFocused\":[32],\"showClearButton\":[32],\"searchButtonType\":[32],\"filteredOptions\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"charactersUntilSuggestion\":[\"watchCharactersUntilSuggestionHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"loading\":[\"loadingHandler\"],\"preventFormSubmitOnSearch\":[\"preventFormSubmitOnSearchHandler\"],\"filteredOptions\":[\"filteredOptionsHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-top-navigation.cjs\",[[1,\"ic-top-navigation\",{\"contentAligned\":[1,\"content-aligned\"],\"customMobileBreakpoint\":[2,\"custom-mobile-breakpoint\"],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"status\":[1],\"theme\":[1],\"version\":[1],\"appTitle\":[1,\"app-title\"],\"deviceSize\":[32],\"foregroundColor\":[32],\"hasFullWidthSearchBar\":[32],\"mobileSearchBarVisible\":[32],\"mobileSearchHiddenOnBlur\":[32],\"navMenuVisible\":[32],\"searchButtonClick\":[32],\"searchValue\":[32]},[[0,\"icNavigationMenuClose\",\"navBarMenuCloseHandler\"],[0,\"icSearchBarBlur\",\"searchInputBlurHandler\"],[0,\"icChange\",\"searchValueChangeHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"appTitle\":[\"watchPropHandler\"]}]]],[\"ic-page-header.cjs\",[[1,\"ic-page-header\",{\"aligned\":[1],\"border\":[4],\"heading\":[1],\"reverseOrder\":[4,\"reverse-order\"],\"size\":[1],\"sticky\":[4],\"stickyDesktopOnly\":[4,\"sticky-desktop-only\"],\"subheading\":[1],\"theme\":[1],\"actionContent\":[32],\"areButtonsReversed\":[32],\"deviceSize\":[32]}]]],[\"ic-pagination.cjs\",[[1,\"ic-pagination\",{\"adjacentPageCount\":[1026,\"adjacent-page-count\"],\"boundaryPageCount\":[1026,\"boundary-page-count\"],\"defaultPage\":[2,\"default-page\"],\"disabled\":[4],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"label\":[1],\"monochrome\":[4],\"pages\":[2],\"theme\":[1],\"type\":[1],\"currentPage\":[1026,\"current-page\"],\"endEllipsis\":[32],\"endItems\":[32],\"midItems\":[32],\"startEllipsis\":[32],\"startItems\":[32],\"setCurrentPage\":[64]},[[0,\"paginationItemClick\",\"paginationItemClickHandler\"]],{\"adjacentPageCount\":[\"watchAdjacentPageCountHandler\"],\"boundaryPageCount\":[\"watchBoundaryPageCountHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"pages\":[\"watchNumberPagesHandler\"],\"type\":[\"watchTypeHandler\"],\"currentPage\":[\"watchPageChangeHandler\"]}]]],[\"ic-popover-menu.cjs\",[[17,\"ic-popover-menu\",{\"anchor\":[1],\"parentLabel\":[1,\"parent-label\"],\"parentPopover\":[16],\"submenuId\":[1,\"submenu-id\"],\"submenuLevel\":[2,\"submenu-level\"],\"theme\":[1],\"open\":[1540],\"openingFromChild\":[32],\"openingFromParent\":[32],\"openFromChild\":[64],\"openFromParent\":[64],\"closeMenu\":[64]},[[0,\"handleMenuItemClick\",\"handleMenuItemClick\"],[2,\"triggerPopoverMenuInstance\",\"handleSubmenuChange\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-side-navigation.cjs\",[[1,\"ic-side-navigation\",{\"appTitle\":[1,\"app-title\"],\"closeOnNavItemClick\":[4,\"close-on-nav-item-click\"],\"collapsedIconLabels\":[4,\"collapsed-icon-labels\"],\"disableAutoParentStyling\":[4,\"disable-auto-parent-styling\"],\"disableTopBarBehaviour\":[4,\"disable-top-bar-behaviour\"],\"expanded\":[4],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"static\":[4],\"status\":[1],\"version\":[1],\"deviceSize\":[32],\"deviceSizeAppTitle\":[32],\"foregroundColor\":[32],\"hasSecondaryNavigation\":[32],\"menuExpanded\":[32],\"menuOpen\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]],{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-tab-group.cjs\",[[17,\"ic-tab-group\",{\"inline\":[516],\"label\":[1],\"monochrome\":[4],\"theme\":[1]}]]],[\"ic-text-field.cjs\",[[1,\"ic-text-field\",{\"ariaActiveDescendant\":[1,\"aria-active-descendant\"],\"ariaAutocomplete\":[1,\"aria-autocomplete\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaOwns\":[1,\"aria-owns\"],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideCharCount\":[4,\"hide-char-count\"],\"hideLabel\":[4,\"hide-label\"],\"hiddenInput\":[4,\"hidden-input\"],\"inputId\":[1,\"input-id\"],\"inputmode\":[1],\"label\":[1],\"max\":[8],\"maxCharacters\":[2,\"max-characters\"],\"maxCharactersMessage\":[1,\"max-characters-message\"],\"maxMessage\":[1,\"max-message\"],\"min\":[8],\"minCharacters\":[2,\"min-characters\"],\"minCharactersMessage\":[1,\"min-characters-message\"],\"minMessage\":[1,\"min-message\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[516],\"required\":[4],\"resize\":[4],\"role\":[1],\"rows\":[2],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"truncateValue\":[4,\"truncate-value\"],\"type\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationInlineInternal\":[4,\"validation-inline-internal\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"debounce\":[2],\"value\":[1537],\"numChars\":[32],\"maxCharactersReached\":[32],\"maxCharactersWarning\":[32],\"minCharactersUnattained\":[32],\"maxValueExceeded\":[32],\"minValueUnattained\":[32],\"isFocussed\":[32],\"initialValue\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-accordion-group.cjs\",[[1,\"ic-accordion-group\",{\"accessibleButtonLabel\":[1,\"accessible-button-label\"],\"theme\":[1],\"expanded\":[1028],\"label\":[1],\"singleExpansion\":[4,\"single-expansion\"],\"size\":[1],\"accordions\":[32],\"areAllAccordionsOpen\":[32],\"setFocus\":[64]},[[0,\"accordionClicked\",\"handleAccordionClicked\"]],{\"theme\":[\"watchThemeHandler\"],\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-alert.cjs\",[[1,\"ic-alert\",{\"announced\":[4],\"dismissible\":[4],\"heading\":[1],\"message\":[1],\"showDefaultIcon\":[4,\"show-default-icon\"],\"theme\":[1],\"titleAbove\":[4,\"title-above\"],\"variant\":[1],\"alertTitleWrap\":[32],\"visible\":[32]},[[2,\"icDismiss\",\"handleClick\"],[6,\"icThemeChange\",\"darkModeChangeHandler\"]],{\"theme\":[\"themeChangeHandler\"]}]]],[\"ic-back-to-top.cjs\",[[17,\"ic-back-to-top\",{\"position\":[1],\"target\":[1],\"theme\":[1],\"variant\":[1],\"bannerOffset\":[32],\"footerVisible\":[32],\"targetElVisible\":[32]},null,{\"target\":[\"watchPropHandler\"]}]]],[\"ic-dialog.cjs\",[[1,\"ic-dialog\",{\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"destructive\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"disableHeightConstraint\":[4,\"disable-height-constraint\"],\"disableWidthConstraint\":[4,\"disable-width-constraint\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideDefaultControls\":[4,\"hide-default-controls\"],\"heading\":[1],\"label\":[1],\"open\":[1540],\"size\":[1],\"theme\":[1],\"dialogRendered\":[32],\"fadeIn\":[32],\"cancelDialog\":[64],\"confirmDialog\":[64]},[[4,\"keydown\",\"handleKeyboard\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-navigation-button.cjs\",[[17,\"ic-navigation-button\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"mode\":[32],\"setFocus\":[64]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-toast.cjs\",[[1,\"ic-toast\",{\"autoDismissTimeout\":[1026,\"auto-dismiss-timeout\"],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"dismissMode\":[1025,\"dismiss-mode\"],\"heading\":[1],\"message\":[1],\"neutralIconAriaLabel\":[1,\"neutral-icon-aria-label\"],\"variant\":[1025],\"isManual\":[32],\"timerProgress\":[32],\"visible\":[32],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismiss\"],[4,\"keydown\",\"handleKeyboard\"],[1,\"mouseenter\",\"handleTimer\"],[1,\"mouseleave\",\"handleTimer\"]],{\"dismissMode\":[\"dismissModeChangeHandler\"],\"visible\":[\"watchVisibleHandler\"]}]]],[\"ic-toggle-button.cjs\",[[17,\"ic-toggle-button\",{\"accessibleLabel\":[1,\"accessible-label\"],\"checked\":[1540],\"disabled\":[1028],\"fullWidth\":[1028,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"label\":[1],\"loading\":[1028],\"monochrome\":[1028],\"size\":[1025],\"theme\":[1025],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-checkbox-group.cjs\",[[1,\"ic-checkbox-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"required\":[4],\"size\":[1],\"theme\":[1],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"]},[[0,\"icChange\",\"handleChange\"],[0,\"icCheck\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"labelNameHandler\"],\"name\":[\"labelNameHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-radio-group.cjs\",[[1,\"ic-radio-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"orientation\":[1],\"required\":[4],\"size\":[1],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"theme\":[1],\"checkedValue\":[32],\"currentOrientation\":[32],\"initialOrientation\":[32],\"selectedChild\":[32]},[[0,\"icCheck\",\"selectHandler\"],[0,\"icSelectedChange\",\"changeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"orientation\":[\"orientationChangeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-breadcrumb-group.cjs\",[[1,\"ic-breadcrumb-group\",{\"backBreadcrumbOnly\":[4,\"back-breadcrumb-only\"],\"collapsed\":[1028],\"monochrome\":[4],\"theme\":[1],\"deviceSize\":[32]},null,{\"backBreadcrumbOnly\":[\"watchBackBreadcrumbHandler\"],\"collapsed\":[\"watchCollapsedHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-card-vertical.cjs\",[[1,\"ic-card-vertical\",{\"clickable\":[1028],\"disabled\":[4],\"expandable\":[4],\"fullWidth\":[4,\"full-width\"],\"heading\":[1],\"href\":[1],\"hreflang\":[1],\"message\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"subheading\":[1],\"target\":[1],\"theme\":[1025],\"areaExpanded\":[32],\"isFocussed\":[32],\"monochrome\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-chip.cjs\",[[17,\"ic-chip\",{\"customColor\":[1,\"custom-color\"],\"disabled\":[4],\"dismissible\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"label\":[1],\"size\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"variant\":[1],\"foregroundColor\":[32],\"hovered\":[32],\"visible\":[32],\"setFocus\":[64]},[[2,\"icDismiss\",\"handleClick\"]],{\"customColor\":[\"customColorHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-footer.cjs\",[[1,\"ic-footer\",{\"aligned\":[1],\"breakpoint\":[1],\"caption\":[1],\"copyright\":[4],\"description\":[1],\"groupLinks\":[4,\"group-links\"],\"deviceSize\":[32],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-footer-link-group.cjs\",[[17,\"ic-footer-link-group\",{\"label\":[1],\"expanded\":[32],\"deviceSize\":[32],\"dropdownIconStyle\":[32],\"small\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-hero.cjs\",[[1,\"ic-hero\",{\"aligned\":[1],\"backgroundImage\":[1,\"background-image\"],\"contentAligned\":[1,\"content-aligned\"],\"disableBackgroundParallax\":[4,\"disable-background-parallax\"],\"heading\":[1],\"secondaryHeading\":[1,\"secondary-heading\"],\"secondarySubheading\":[1,\"secondary-subheading\"],\"size\":[1],\"subheading\":[1],\"foregroundColor\":[32],\"rightContent\":[32],\"leftContentFullWidth\":[32],\"scrollFactor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"],[5,\"scroll\",\"doScroll\"]]]]],[\"ic-navigation-item.cjs\",[[17,\"ic-navigation-item\",{\"collapsedIconLabel\":[4,\"collapsed-icon-label\"],\"displayNavigationTooltip\":[4,\"display-navigation-tooltip\"],\"download\":[8],\"expandable\":[4],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"rel\":[1],\"referrerpolicy\":[1],\"selected\":[4],\"target\":[1],\"theme\":[1],\"deviceSize\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"isSideNavMobile\":[32],\"isTopNavChild\":[32],\"navigationType\":[32],\"parentEl\":[32],\"sideNavExpanded\":[32],\"ariaLabel\":[32],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]],{\"navigationType\":[\"navigationTypeChangeHandler\"]}]]],[\"ic-step.cjs\",[[1,\"ic-step\",{\"compactStepStyling\":[1,\"compact-step-styling\"],\"current\":[1028],\"lastStep\":[4,\"last-step\"],\"lastStepNum\":[2,\"last-step-num\"],\"nextStepHeading\":[1,\"next-step-heading\"],\"progress\":[2],\"stepNum\":[2,\"step-num\"],\"status\":[1],\"subheading\":[1],\"heading\":[1],\"theme\":[1],\"variant\":[1],\"type\":[1]},null,{\"type\":[\"typeChangeHandler\"]}]]],[\"ic-switch.cjs\",[[17,\"ic-switch\",{\"checked\":[4],\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"checkedState\":[32],\"initiallyChecked\":[32],\"setFocus\":[64]},null,{\"checked\":[\"checkedChangeHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-accordion.cjs\",[[1,\"ic-accordion\",{\"disabled\":[4],\"expanded\":[1028],\"heading\":[1],\"message\":[1],\"size\":[1],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"expanded\":[\"handleExpandedWatch\"]}]]],[\"ic-badge.cjs\",[[17,\"ic-badge\",{\"accessibleLabel\":[1,\"accessible-label\"],\"customColor\":[1,\"custom-color\"],\"maxNumber\":[2,\"max-number\"],\"position\":[1025],\"size\":[1],\"label\":[1],\"theme\":[1],\"type\":[1],\"variant\":[1],\"visible\":[4]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"]],{\"accessibleLabel\":[\"accessibleLabelHandler\"],\"customColor\":[\"customColorHandler\"],\"variant\":[\"variantHandler\"],\"visible\":[\"visibleHandler\"]}]]],[\"ic-checkbox.cjs\",[[17,\"ic-checkbox\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"checked\":[1540],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1025,\"group-label\"],\"hideLabel\":[4,\"hide-label\"],\"indeterminate\":[4],\"label\":[1],\"name\":[1025],\"nativeIndeterminateBehaviour\":[4,\"native-indeterminate-behaviour\"],\"size\":[1025],\"theme\":[1],\"value\":[1],\"initiallyChecked\":[32],\"displayIndeterminate\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"indeterminate\":[\"watchIndeterminateHandler\"]}]]],[\"ic-classification-banner.cjs\",[[1,\"ic-classification-banner\",{\"additionalSelectors\":[1,\"additional-selectors\"],\"classification\":[1],\"country\":[1],\"inline\":[4],\"upTo\":[4,\"up-to\"]}]]],[\"ic-data-list.cjs\",[[1,\"ic-data-list\",{\"heading\":[1],\"size\":[1],\"theme\":[1]}]]],[\"ic-data-row.cjs\",[[1,\"ic-data-row\",{\"label\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"deviceSize\":[32],\"listSize\":[32]}]]],[\"ic-empty-state.cjs\",[[1,\"ic-empty-state\",{\"aligned\":[1],\"body\":[1],\"maxLines\":[2,\"max-lines\"],\"heading\":[1],\"imageSize\":[1,\"image-size\"],\"subheading\":[1],\"theme\":[1]}]]],[\"ic-footer-link.cjs\",[[17,\"ic-footer-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"deviceSize\":[32],\"footerConfig\":[32],\"foregroundColor\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-menu-group.cjs\",[[1,\"ic-menu-group\",{\"label\":[1]}]]],[\"ic-navigation-group.cjs\",[[17,\"ic-navigation-group\",{\"expandable\":[4],\"expanded\":[1028],\"label\":[1],\"theme\":[1],\"deviceSize\":[32],\"dropdownOpen\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"navigationType\":[32],\"parentEl\":[32],\"isSideNavExpanded\":[32],\"setFocus\":[64]},[[0,\"childBlur\",\"childBlurHandler\"],[4,\"navigationGroupOpened\",\"handleNavigationGroupOpened\"],[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-radio-option.cjs\",[[4,\"ic-radio-option\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1,\"group-label\"],\"label\":[1],\"name\":[1],\"theme\":[1],\"value\":[1025],\"selected\":[1540],\"initiallySelected\":[32],\"setFocus\":[64],\"setTabIndex\":[64]},[[0,\"icCheck\",\"handleCheck\"],[0,\"icChange\",\"additionalFieldValueHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"selected\":[\"watchSelectedHandler\"]}]]],[\"ic-skip-link.cjs\",[[1,\"ic-skip-link\",{\"fullWidth\":[4,\"full-width\"],\"inline\":[4],\"label\":[1],\"monochrome\":[4],\"target\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"setFocus\":[64]}]]],[\"ic-status-tag.cjs\",[[1,\"ic-status-tag\",{\"announced\":[4],\"label\":[1],\"size\":[1],\"status\":[1],\"theme\":[1],\"uppercase\":[4],\"variant\":[1]}]]],[\"ic-tab.cjs\",[[1,\"ic-tab\",{\"contextId\":[513,\"context-id\"],\"disabled\":[4],\"monochrome\":[4],\"selected\":[516],\"tabId\":[513,\"tab-id\"],\"tabPosition\":[2,\"tab-position\"],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\",\"disabledWatchHandler\"]}]]],[\"ic-skeleton.cjs\",[[1,\"ic-skeleton\",{\"theme\":[1],\"variant\":[1]}]]],[\"ic-stepper.cjs\",[[1,\"ic-stepper\",{\"aligned\":[1],\"connectorWidth\":[2,\"connector-width\"],\"hideStepInfo\":[4,\"hide-step-info\"],\"theme\":[1],\"variant\":[1025],\"alignedFullWidth\":[32],\"autoSetStepTitles\":[32],\"lastStepWidth\":[32],\"noOfResizes\":[32],\"stepperWidth\":[32],\"stepTypes\":[32],\"variantOverride\":[32]},null,{\"theme\":[\"handleThemeChange\"],\"hideStepInfo\":[\"handlePropChange\"],\"variant\":[\"handlePropChange\"]}]]],[\"ic-tab-context.cjs\",[[4,\"ic-tab-context\",{\"activationType\":[1,\"activation-type\"],\"contextId\":[513,\"context-id\"],\"selectedTabIndex\":[2,\"selected-tab-index\"],\"monochrome\":[4],\"theme\":[1],\"selectedTab\":[32],\"tabRemovedHandler\":[64]},[[0,\"tabClick\",\"tabClickHandler\"],[0,\"tabCreated\",\"tabCreatedHandler\"],[0,\"tabPanelCreated\",\"tabCreatedHandler\"],[0,\"tabEnabled\",\"tabEnabledHandler\"]],{\"selectedTabIndex\":[\"updateSelectedTab\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-tab-panel.cjs\",[[1,\"ic-tab-panel\",{\"active\":[4],\"monochrome\":[4],\"panelId\":[513,\"panel-id\"],\"selectedTab\":[1,\"selected-tab\"],\"tabPosition\":[514,\"tab-position\"],\"theme\":[1]}]]],[\"ic-theme.cjs\",[[4,\"ic-theme\",{\"brandColor\":[1,\"brand-color\"],\"theme\":[1],\"themeClass\":[32]},null,{\"brandColor\":[\"watchBrandColorPropHandler\"],\"theme\":[\"watchThemePropHandler\"]}]]],[\"ic-toast-region.cjs\",[[4,\"ic-toast-region\",{\"openToast\":[1040]},[[2,\"icDismiss\",\"handleDismissedToast\"]],{\"openToast\":[\"watchOpenToastHandler\"]}]]],[\"ic-toggle-button-group.cjs\",[[1,\"ic-toggle-button-group\",{\"accessibleLabel\":[1,\"accessible-label\"],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"loading\":[4],\"monochrome\":[4],\"selectMethod\":[1025,\"select-method\"],\"selectType\":[1,\"select-type\"],\"size\":[1],\"theme\":[1],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[513],\"lastKeyPressed\":[32]},[[0,\"icToggleChecked\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"fullWidth\":[\"watchFullWidthHandler\"],\"loading\":[\"watchLoadingHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"size\":[\"watchSizeHandler\"],\"theme\":[\"watchThemeHandler\"],\"tooltipPlacement\":[\"watchTooltipPlacementHandler\"],\"variant\":[\"watchVariantHandler\"]}]]],[\"ic-menu-item.cjs\",[[17,\"ic-menu-item\",{\"checked\":[1540],\"description\":[1],\"disabled\":[4],\"href\":[1],\"hreflang\":[1],\"keyboardShortcutLabel\":[1,\"keyboard-shortcut-label\"],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"submenuTriggerFor\":[1,\"submenu-trigger-for\"],\"target\":[1],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-navigation-menu.cjs\",[[1,\"ic-navigation-menu\",{\"status\":[1],\"theme\":[1],\"version\":[1]},[[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"keydown\",\"handleKeyDown\"]]]]],[\"ic-breadcrumb.cjs\",[[17,\"ic-breadcrumb\",{\"current\":[4],\"href\":[1],\"monochrome\":[4],\"pageTitle\":[1,\"page-title\"],\"showBackIcon\":[516,\"show-back-icon\"],\"theme\":[1],\"setFocus\":[64]},null,{\"current\":[\"watchCurrentHandler\"]}]]],[\"ic-divider.cjs\",[[6,\"ic-divider\",{\"borderStyle\":[1,\"border-style\"],\"label\":[1],\"labelPlacement\":[1,\"label-placement\"],\"monochrome\":[4],\"orientation\":[1],\"theme\":[1025],\"weight\":[1],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-pagination-item.cjs\",[[1,\"ic-pagination-item\",{\"disabled\":[4],\"label\":[1],\"monochrome\":[4],\"page\":[2],\"selected\":[4],\"theme\":[1],\"type\":[1],\"capitalizedLabel\":[32]},null,{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"watchLabelHandler\"]}]]],[\"ic-horizontal-scroll.cjs\",[[1,\"ic-horizontal-scroll\",{\"appearance\":[1],\"monochrome\":[4],\"theme\":[1],\"focusTrigger\":[1,\"focus-trigger\"],\"firstItemVisible\":[32],\"itemOverflow\":[32],\"lastItemVisible\":[32],\"scrollItemIntoView\":[64]}]]],[\"ic-link.cjs\",[[17,\"ic-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"monochrome\":[1028],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-section-container.cjs\",[[1,\"ic-section-container\",{\"aligned\":[1],\"fullHeight\":[4,\"full-height\"]}]]],[\"ic-input-component-container_3.cjs\",[[2,\"ic-menu\",{\"activationType\":[1,\"activation-type\"],\"anchorEl\":[16],\"autofocusOnSelected\":[4,\"autofocus-on-selected\"],\"closeOnSelect\":[4,\"close-on-select\"],\"fullWidth\":[4,\"full-width\"],\"inputEl\":[16],\"inputLabel\":[1,\"input-label\"],\"labelField\":[1,\"label-field\"],\"menuId\":[1,\"menu-id\"],\"open\":[516],\"parentEl\":[16],\"searchMode\":[1,\"search-mode\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"size\":[1],\"options\":[16],\"value\":[1],\"valueField\":[1,\"value-field\"],\"focusFromSearchKeypress\":[32],\"initialOptionsListRender\":[32],\"keyboardNav\":[32],\"optionHighlighted\":[32],\"preventIncorrectTabOrder\":[32],\"menuOptions\":[32],\"popperProps\":[32],\"handleClickOpen\":[64],\"handleKeyboardOpen\":[64],\"handleSetFirstOption\":[64],\"initPopperJs\":[64],\"setExternalPopperProps\":[64]},null,{\"open\":[\"watchOpenHandler\"],\"options\":[\"watchOptionsHandler\"]}],[4,\"ic-input-component-container\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"multiLine\":[4,\"multi-line\"],\"readonly\":[4],\"size\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationStatus\":[1,\"validation-status\"]},null,{\"disabled\":[\"watchDisabledHandler\"]}],[4,\"ic-input-container\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ic-input-label_2.cjs\",[[4,\"ic-input-validation\",{\"ariaLiveMode\":[1,\"aria-live-mode\"],\"for\":[1],\"fullWidth\":[4,\"full-width\"],\"message\":[1],\"status\":[1]}],[4,\"ic-input-label\",{\"disabled\":[4],\"for\":[1],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"readonly\":[4],\"required\":[4],\"status\":[1],\"useLabelTag\":[4,\"use-label-tag\"]}]]],[\"ic-button_3.cjs\",[[17,\"ic-button\",{\"accept\":[1],\"ariaControlsId\":[8,\"aria-controls-id\"],\"ariaOwnsId\":[8,\"aria-owns-id\"],\"disabled\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"download\":[8],\"dropdown\":[4],\"dropdownExpanded\":[1540,\"dropdown-expanded\"],\"fileUpload\":[4,\"file-upload\"],\"fileInputName\":[1,\"file-input-name\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"hreflang\":[1],\"loading\":[4],\"monochrome\":[1028],\"multiple\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"selectedFiles\":[16],\"size\":[1],\"target\":[1],\"theme\":[1025],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1],\"ariaLabel\":[32],\"describedByContent\":[32],\"title\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}],[1,\"ic-loading-indicator\",{\"description\":[1],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[2,\"inner-label\"],\"label\":[1],\"labelDuration\":[2,\"label-duration\"],\"max\":[2],\"min\":[2],\"monochrome\":[4],\"progress\":[2],\"size\":[513],\"theme\":[1],\"type\":[513],\"circularDiameter\":[32],\"circularLineWidth\":[32],\"circularDimensions\":[32],\"indicatorLabel\":[32],\"clipInnerElement\":[32]},null,{\"label\":[\"watchPropHandler\"],\"max\":[\"minMaxChangeHandler\"],\"min\":[\"minMaxChangeHandler\"],\"progress\":[\"watchProgressHandler\"],\"type\":[\"setIndicatorDimensions\"]}],[1,\"ic-tooltip\",{\"disableClick\":[4,\"disable-click\"],\"disableHover\":[4,\"disable-hover\"],\"maxLines\":[2,\"max-lines\"],\"placement\":[1025],\"silent\":[4],\"target\":[513],\"theme\":[1],\"label\":[1],\"popperProps\":[32],\"setExternalPopperProps\":[64],\"displayTooltip\":[64],\"isTooltipVisible\":[64]},null,{\"disableClick\":[\"watchDisableClickHandler\"],\"disableHover\":[\"watchDisableHoverHandler\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"ic-typography.cjs\",[[1,\"ic-typography\",{\"applyVerticalMargins\":[4,\"apply-vertical-margins\"],\"bold\":[4],\"italic\":[4],\"maxLines\":[1026,\"max-lines\"],\"strikethrough\":[4],\"theme\":[1],\"underline\":[4],\"variant\":[1],\"truncated\":[32],\"truncButtonFocussed\":[32],\"expanded\":[32],\"resetTruncation\":[64],\"checkMaxLines\":[64],\"setShowHideExpanded\":[64]},null,{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-select.cjs\",[[17,\"ic-select\",{\"disabled\":[516],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"form\":[1],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"includeDescriptionsInSearch\":[4,\"include-descriptions-in-search\"],\"includeGroupTitlesInSearch\":[4,\"include-group-titles-in-search\"],\"label\":[1],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"multiple\":[4],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"searchable\":[4],\"searchMatchPosition\":[1,\"search-match-position\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"showClearButton\":[4,\"show-clear-button\"],\"size\":[1],\"timeout\":[2],\"theme\":[1],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"loading\":[1028],\"options\":[16],\"debounce\":[2],\"value\":[1025],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"debounceIcInput\":[32],\"hiddenInputValue\":[32],\"noOptions\":[32],\"open\":[32],\"pressedCharacters\":[32],\"searchableSelectInputValue\":[32],\"filteredOptions\":[32],\"uniqueOptions\":[32],\"currDebounce\":[32],\"initialValue\":[32],\"inputValueToFilter\":[32],\"currValue\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"loading\":[\"loadingHandler\"],\"options\":[\"watchOptionsHandler\"],\"debounce\":[\"debounceChangedHandler\"],\"value\":[\"valueChangedHandler\"],\"open\":[\"openChangedHandler\"]}]]],[\"ic-search-bar.cjs\",[[17,\"ic-search-bar\",{\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"charactersUntilSuggestion\":[2,\"characters-until-suggestion\"],\"disabled\":[4],\"disableAutoFiltering\":[4,\"disable-auto-filtering\"],\"debounce\":[2],\"emptyOptionListText\":[1,\"empty-option-list-text\"],\"focusOnLoad\":[4,\"focus-on-load\"],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"assistiveHintText\":[1,\"assistive-hint-text\"],\"label\":[1],\"labelField\":[1,\"label-field\"],\"loading\":[1028],\"loadingErrorLabel\":[1,\"loading-error-label\"],\"loadingLabel\":[1,\"loading-label\"],\"name\":[1],\"placeholder\":[1],\"preventFormSubmitOnSearch\":[4,\"prevent-form-submit-on-search\"],\"readonly\":[4],\"required\":[4],\"searchMode\":[1,\"search-mode\"],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"timeout\":[2],\"valueField\":[1,\"value-field\"],\"options\":[16],\"value\":[1537],\"ariaActiveDescendant\":[32],\"clearButtonFocused\":[32],\"highlightedValue\":[32],\"open\":[32],\"searchSubmitFocused\":[32],\"showClearButton\":[32],\"searchButtonType\":[32],\"filteredOptions\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"keyup\",\"handleKeyUp\"]],{\"charactersUntilSuggestion\":[\"watchCharactersUntilSuggestionHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"loading\":[\"loadingHandler\"],\"preventFormSubmitOnSearch\":[\"preventFormSubmitOnSearchHandler\"],\"filteredOptions\":[\"filteredOptionsHandler\"],\"options\":[\"watchOptionsHandler\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-top-navigation.cjs\",[[1,\"ic-top-navigation\",{\"contentAligned\":[1,\"content-aligned\"],\"customMobileBreakpoint\":[2,\"custom-mobile-breakpoint\"],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"status\":[1],\"theme\":[1],\"version\":[1],\"appTitle\":[1,\"app-title\"],\"deviceSize\":[32],\"foregroundColor\":[32],\"hasFullWidthSearchBar\":[32],\"mobileSearchBarVisible\":[32],\"mobileSearchHiddenOnBlur\":[32],\"navMenuVisible\":[32],\"searchButtonClick\":[32],\"searchValue\":[32]},[[0,\"icNavigationMenuClose\",\"navBarMenuCloseHandler\"],[0,\"icSearchBarBlur\",\"searchInputBlurHandler\"],[0,\"icChange\",\"searchValueChangeHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"appTitle\":[\"watchPropHandler\"]}]]],[\"ic-page-header.cjs\",[[1,\"ic-page-header\",{\"aligned\":[1],\"border\":[4],\"heading\":[1],\"reverseOrder\":[4,\"reverse-order\"],\"size\":[1],\"sticky\":[4],\"stickyDesktopOnly\":[4,\"sticky-desktop-only\"],\"subheading\":[1],\"theme\":[1],\"actionContent\":[32],\"areButtonsReversed\":[32],\"deviceSize\":[32]}]]],[\"ic-pagination.cjs\",[[1,\"ic-pagination\",{\"adjacentPageCount\":[1026,\"adjacent-page-count\"],\"boundaryPageCount\":[1026,\"boundary-page-count\"],\"defaultPage\":[2,\"default-page\"],\"disabled\":[4],\"hideCurrentPage\":[4,\"hide-current-page\"],\"hideFirstAndLastPageButton\":[4,\"hide-first-and-last-page-button\"],\"label\":[1],\"monochrome\":[4],\"pages\":[2],\"theme\":[1],\"type\":[1],\"currentPage\":[1026,\"current-page\"],\"endEllipsis\":[32],\"endItems\":[32],\"midItems\":[32],\"startEllipsis\":[32],\"startItems\":[32],\"setCurrentPage\":[64]},[[0,\"paginationItemClick\",\"paginationItemClickHandler\"]],{\"adjacentPageCount\":[\"watchAdjacentPageCountHandler\"],\"boundaryPageCount\":[\"watchBoundaryPageCountHandler\"],\"disabled\":[\"watchDisabledHandler\"],\"pages\":[\"watchNumberPagesHandler\"],\"type\":[\"watchTypeHandler\"],\"currentPage\":[\"watchPageChangeHandler\"]}]]],[\"ic-popover-menu.cjs\",[[17,\"ic-popover-menu\",{\"anchor\":[1],\"parentLabel\":[1,\"parent-label\"],\"parentPopover\":[16],\"submenuId\":[1,\"submenu-id\"],\"submenuLevel\":[2,\"submenu-level\"],\"theme\":[1],\"open\":[1540],\"openingFromChild\":[32],\"openingFromParent\":[32],\"popperProps\":[32],\"openFromChild\":[64],\"openFromParent\":[64],\"closeMenu\":[64],\"setExternalPopperProps\":[64]},[[0,\"handleMenuItemClick\",\"handleMenuItemClick\"],[2,\"triggerPopoverMenuInstance\",\"handleSubmenuChange\"],[4,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-side-navigation.cjs\",[[1,\"ic-side-navigation\",{\"appTitle\":[1,\"app-title\"],\"closeOnNavItemClick\":[4,\"close-on-nav-item-click\"],\"collapsedIconLabels\":[4,\"collapsed-icon-labels\"],\"disableAutoParentStyling\":[4,\"disable-auto-parent-styling\"],\"disableTopBarBehaviour\":[4,\"disable-top-bar-behaviour\"],\"expanded\":[4],\"href\":[1],\"inline\":[4],\"shortAppTitle\":[1,\"short-app-title\"],\"static\":[4],\"status\":[1],\"version\":[1],\"deviceSize\":[32],\"deviceSizeAppTitle\":[32],\"foregroundColor\":[32],\"hasSecondaryNavigation\":[32],\"menuExpanded\":[32],\"menuOpen\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]],{\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-tab-group.cjs\",[[17,\"ic-tab-group\",{\"inline\":[516],\"label\":[1],\"monochrome\":[4],\"theme\":[1]}]]],[\"ic-text-field.cjs\",[[1,\"ic-text-field\",{\"ariaActiveDescendant\":[1,\"aria-active-descendant\"],\"ariaAutocomplete\":[1,\"aria-autocomplete\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaOwns\":[1,\"aria-owns\"],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"helperText\":[1,\"helper-text\"],\"hideCharCount\":[4,\"hide-char-count\"],\"hideLabel\":[4,\"hide-label\"],\"hiddenInput\":[4,\"hidden-input\"],\"inputId\":[1,\"input-id\"],\"inputmode\":[1],\"label\":[1],\"max\":[8],\"maxCharacters\":[2,\"max-characters\"],\"maxCharactersMessage\":[1,\"max-characters-message\"],\"maxMessage\":[1,\"max-message\"],\"min\":[8],\"minCharacters\":[2,\"min-characters\"],\"minCharactersMessage\":[1,\"min-characters-message\"],\"minMessage\":[1,\"min-message\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[516],\"required\":[4],\"resize\":[4],\"role\":[1],\"rows\":[2],\"size\":[1],\"spellcheck\":[4],\"theme\":[1],\"truncateValue\":[4,\"truncate-value\"],\"type\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationInlineInternal\":[4,\"validation-inline-internal\"],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"debounce\":[2],\"value\":[1537],\"numChars\":[32],\"maxCharactersReached\":[32],\"maxCharactersWarning\":[32],\"minCharactersUnattained\":[32],\"maxValueExceeded\":[32],\"minValueUnattained\":[32],\"isFocussed\":[32],\"initialValue\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"]],{\"disabled\":[\"watchDisabledHandler\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"watchValueHandler\"]}]]],[\"ic-accordion-group.cjs\",[[1,\"ic-accordion-group\",{\"accessibleButtonLabel\":[1,\"accessible-button-label\"],\"theme\":[1],\"expanded\":[1028],\"label\":[1],\"singleExpansion\":[4,\"single-expansion\"],\"size\":[1],\"accordions\":[32],\"areAllAccordionsOpen\":[32],\"setFocus\":[64]},[[0,\"accordionClicked\",\"handleAccordionClicked\"]],{\"theme\":[\"watchThemeHandler\"],\"expanded\":[\"watchExpandedHandler\"]}]]],[\"ic-alert.cjs\",[[1,\"ic-alert\",{\"announced\":[4],\"dismissible\":[4],\"heading\":[1],\"message\":[1],\"showDefaultIcon\":[4,\"show-default-icon\"],\"theme\":[1],\"titleAbove\":[4,\"title-above\"],\"variant\":[1],\"alertTitleWrap\":[32],\"visible\":[32]},[[2,\"icDismiss\",\"handleClick\"],[6,\"icThemeChange\",\"darkModeChangeHandler\"]],{\"theme\":[\"themeChangeHandler\"]}]]],[\"ic-back-to-top.cjs\",[[17,\"ic-back-to-top\",{\"position\":[1],\"target\":[1],\"theme\":[1],\"variant\":[1],\"bannerOffset\":[32],\"footerVisible\":[32],\"targetElVisible\":[32]},null,{\"target\":[\"watchPropHandler\"]}]]],[\"ic-dialog.cjs\",[[1,\"ic-dialog\",{\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"destructive\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"disableHeightConstraint\":[4,\"disable-height-constraint\"],\"disableWidthConstraint\":[4,\"disable-width-constraint\"],\"hideCloseButton\":[4,\"hide-close-button\"],\"hideDefaultControls\":[4,\"hide-default-controls\"],\"heading\":[1],\"label\":[1],\"open\":[1540],\"size\":[1],\"theme\":[1],\"dialogRendered\":[32],\"fadeIn\":[32],\"cancelDialog\":[64],\"confirmDialog\":[64]},[[4,\"keydown\",\"handleKeyboard\"],[0,\"click\",\"handleClick\"]],{\"open\":[\"watchOpenHandler\"]}]]],[\"ic-navigation-button.cjs\",[[17,\"ic-navigation-button\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"mode\":[32],\"parentThemeDark\":[32],\"setFocus\":[64]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"],[4,\"brandChange\",\"brandChangeHandler\"],[4,\"icThemeChange\",\"parentThemeChangeHandler\"]]]]],[\"ic-toast.cjs\",[[1,\"ic-toast\",{\"autoDismissTimeout\":[1026,\"auto-dismiss-timeout\"],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"dismissMode\":[1025,\"dismiss-mode\"],\"heading\":[1],\"message\":[1],\"neutralIconAriaLabel\":[1,\"neutral-icon-aria-label\"],\"variant\":[1025],\"isManual\":[32],\"timerProgress\":[32],\"visible\":[32],\"setVisible\":[64]},[[2,\"icDismiss\",\"handleDismiss\"],[4,\"keydown\",\"handleKeyboard\"],[1,\"mouseenter\",\"handleTimer\"],[1,\"mouseleave\",\"handleTimer\"]],{\"dismissMode\":[\"dismissModeChangeHandler\"],\"visible\":[\"watchVisibleHandler\"]}]]],[\"ic-toggle-button.cjs\",[[17,\"ic-toggle-button\",{\"accessibleLabel\":[1,\"accessible-label\"],\"checked\":[1540],\"disabled\":[1028],\"fullWidth\":[1028,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"label\":[1],\"loading\":[1028],\"monochrome\":[1028],\"size\":[1025],\"theme\":[1025],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-checkbox-group.cjs\",[[1,\"ic-checkbox-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"required\":[4],\"size\":[1],\"theme\":[1],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"]},[[0,\"icChange\",\"handleChange\"],[0,\"icCheck\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"labelNameHandler\"],\"name\":[\"labelNameHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-radio-group.cjs\",[[1,\"ic-radio-group\",{\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"orientation\":[1],\"required\":[4],\"size\":[1],\"validationStatus\":[1,\"validation-status\"],\"validationText\":[1,\"validation-text\"],\"theme\":[1],\"checkedValue\":[32],\"currentOrientation\":[32],\"initialOrientation\":[32],\"selectedChild\":[32]},[[0,\"icCheck\",\"selectHandler\"],[0,\"icSelectedChange\",\"changeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"orientation\":[\"orientationChangeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-breadcrumb-group.cjs\",[[1,\"ic-breadcrumb-group\",{\"backBreadcrumbOnly\":[4,\"back-breadcrumb-only\"],\"collapsed\":[1028],\"monochrome\":[4],\"theme\":[1],\"deviceSize\":[32]},null,{\"backBreadcrumbOnly\":[\"watchBackBreadcrumbHandler\"],\"collapsed\":[\"watchCollapsedHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-card-vertical.cjs\",[[1,\"ic-card-vertical\",{\"clickable\":[1028],\"disabled\":[4],\"expandable\":[4],\"fullWidth\":[4,\"full-width\"],\"heading\":[1],\"href\":[1],\"hreflang\":[1],\"message\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"subheading\":[1],\"target\":[1],\"theme\":[1025],\"areaExpanded\":[32],\"isFocussed\":[32],\"monochrome\":[32],\"parentEl\":[32],\"parentIsAnchorTag\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-chip.cjs\",[[17,\"ic-chip\",{\"customColor\":[1,\"custom-color\"],\"disabled\":[4],\"dismissible\":[4],\"dismissLabel\":[1,\"dismiss-label\"],\"label\":[1],\"size\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"variant\":[1],\"foregroundColor\":[32],\"hovered\":[32],\"visible\":[32],\"setFocus\":[64]},[[2,\"icDismiss\",\"handleClick\"]],{\"customColor\":[\"customColorHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-footer.cjs\",[[1,\"ic-footer\",{\"aligned\":[1],\"breakpoint\":[1],\"caption\":[1],\"copyright\":[4],\"description\":[1],\"groupLinks\":[4,\"group-links\"],\"deviceSize\":[32],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-footer-link-group.cjs\",[[17,\"ic-footer-link-group\",{\"label\":[1],\"expanded\":[32],\"deviceSize\":[32],\"dropdownIconStyle\":[32],\"small\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-hero.cjs\",[[1,\"ic-hero\",{\"aligned\":[1],\"backgroundImage\":[1,\"background-image\"],\"contentAligned\":[1,\"content-aligned\"],\"disableBackgroundParallax\":[4,\"disable-background-parallax\"],\"heading\":[1],\"secondaryHeading\":[1,\"secondary-heading\"],\"secondarySubheading\":[1,\"secondary-subheading\"],\"size\":[1],\"subheading\":[1],\"foregroundColor\":[32],\"rightContent\":[32],\"leftContentFullWidth\":[32],\"scrollFactor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"],[5,\"scroll\",\"doScroll\"]]]]],[\"ic-navigation-item.cjs\",[[17,\"ic-navigation-item\",{\"collapsedIconLabel\":[4,\"collapsed-icon-label\"],\"displayNavigationTooltip\":[4,\"display-navigation-tooltip\"],\"download\":[8],\"expandable\":[4],\"href\":[1],\"hreflang\":[1],\"label\":[1],\"rel\":[1],\"referrerpolicy\":[1],\"selected\":[4],\"target\":[1],\"theme\":[1],\"deviceSize\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"isSideNavMobile\":[32],\"isTopNavChild\":[32],\"navigationType\":[32],\"parentEl\":[32],\"sideNavExpanded\":[32],\"ariaLabel\":[32],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]],{\"navigationType\":[\"navigationTypeChangeHandler\"]}]]],[\"ic-step.cjs\",[[1,\"ic-step\",{\"compactStepStyling\":[1,\"compact-step-styling\"],\"current\":[1028],\"lastStep\":[4,\"last-step\"],\"lastStepNum\":[2,\"last-step-num\"],\"nextStepHeading\":[1,\"next-step-heading\"],\"progress\":[2],\"stepNum\":[2,\"step-num\"],\"status\":[1],\"subheading\":[1],\"heading\":[1],\"theme\":[1],\"variant\":[1],\"type\":[1]},null,{\"type\":[\"typeChangeHandler\"]}]]],[\"ic-switch.cjs\",[[17,\"ic-switch\",{\"checked\":[4],\"disabled\":[4],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"name\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"checkedState\":[32],\"initiallyChecked\":[32],\"setFocus\":[64]},null,{\"checked\":[\"checkedChangeHandler\"],\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-accordion.cjs\",[[1,\"ic-accordion\",{\"disabled\":[4],\"expanded\":[1028],\"heading\":[1],\"message\":[1],\"size\":[1],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"expanded\":[\"handleExpandedWatch\"]}]]],[\"ic-badge.cjs\",[[17,\"ic-badge\",{\"accessibleLabel\":[1,\"accessible-label\"],\"customColor\":[1,\"custom-color\"],\"maxNumber\":[2,\"max-number\"],\"position\":[1025],\"size\":[1],\"label\":[1],\"theme\":[1],\"type\":[1],\"variant\":[1],\"visible\":[4]},[[4,\"icNavigationMenuOpened\",\"navBarMenuOpenHandler\"],[4,\"icNavigationMenuClosed\",\"navBarMenuCloseHandler\"]],{\"accessibleLabel\":[\"accessibleLabelHandler\"],\"customColor\":[\"customColorHandler\"],\"variant\":[\"variantHandler\"],\"visible\":[\"visibleHandler\"]}]]],[\"ic-checkbox.cjs\",[[17,\"ic-checkbox\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"checked\":[1540],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1025,\"group-label\"],\"hideLabel\":[4,\"hide-label\"],\"indeterminate\":[4],\"label\":[1],\"name\":[1025],\"nativeIndeterminateBehaviour\":[4,\"native-indeterminate-behaviour\"],\"size\":[1025],\"theme\":[1],\"value\":[1],\"initiallyChecked\":[32],\"displayIndeterminate\":[32],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\"],\"indeterminate\":[\"watchIndeterminateHandler\"]}]]],[\"ic-classification-banner.cjs\",[[1,\"ic-classification-banner\",{\"additionalSelectors\":[1,\"additional-selectors\"],\"classification\":[1],\"country\":[1],\"inline\":[4],\"upTo\":[4,\"up-to\"]}]]],[\"ic-data-list.cjs\",[[1,\"ic-data-list\",{\"heading\":[1],\"size\":[1],\"theme\":[1]}]]],[\"ic-data-row.cjs\",[[1,\"ic-data-row\",{\"label\":[1],\"size\":[1],\"theme\":[1],\"value\":[1],\"deviceSize\":[32],\"listSize\":[32]}]]],[\"ic-empty-state.cjs\",[[1,\"ic-empty-state\",{\"aligned\":[1],\"body\":[1],\"maxLines\":[2,\"max-lines\"],\"heading\":[1],\"imageSize\":[1,\"image-size\"],\"subheading\":[1],\"theme\":[1]}]]],[\"ic-footer-link.cjs\",[[17,\"ic-footer-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"deviceSize\":[32],\"footerConfig\":[32],\"foregroundColor\":[32]},[[4,\"footerResized\",\"footerResizeHandler\"],[4,\"brandChange\",\"footerBrandChangeHandler\"]]]]],[\"ic-menu-group.cjs\",[[1,\"ic-menu-group\",{\"label\":[1]}]]],[\"ic-navigation-group.cjs\",[[17,\"ic-navigation-group\",{\"expandable\":[4],\"expanded\":[1028],\"label\":[1],\"theme\":[1],\"deviceSize\":[32],\"dropdownOpen\":[32],\"focusStyle\":[32],\"inTopNavSideMenu\":[32],\"navigationType\":[32],\"parentEl\":[32],\"isSideNavExpanded\":[32],\"setFocus\":[64]},[[0,\"childBlur\",\"childBlurHandler\"],[4,\"navigationGroupOpened\",\"handleNavigationGroupOpened\"],[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-radio-option.cjs\",[[4,\"ic-radio-option\",{\"additionalFieldDisplay\":[513,\"additional-field-display\"],\"disabled\":[4],\"dynamicText\":[1,\"dynamic-text\"],\"form\":[1],\"groupLabel\":[1,\"group-label\"],\"label\":[1],\"name\":[1],\"theme\":[1],\"value\":[1025],\"selected\":[1540],\"initiallySelected\":[32],\"setFocus\":[64],\"setTabIndex\":[64]},[[0,\"icCheck\",\"handleCheck\"],[0,\"icChange\",\"additionalFieldValueHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"selected\":[\"watchSelectedHandler\"]}]]],[\"ic-skip-link.cjs\",[[1,\"ic-skip-link\",{\"fullWidth\":[4,\"full-width\"],\"inline\":[4],\"label\":[1],\"monochrome\":[4],\"target\":[1],\"theme\":[1],\"transparentBackground\":[4,\"transparent-background\"],\"setFocus\":[64]}]]],[\"ic-status-tag.cjs\",[[1,\"ic-status-tag\",{\"announced\":[4],\"label\":[1],\"size\":[1],\"status\":[1],\"theme\":[1],\"uppercase\":[4],\"variant\":[1]}]]],[\"ic-tab.cjs\",[[1,\"ic-tab\",{\"contextId\":[513,\"context-id\"],\"disabled\":[4],\"monochrome\":[4],\"selected\":[516],\"tabId\":[513,\"tab-id\"],\"tabPosition\":[2,\"tab-position\"],\"theme\":[1],\"setFocus\":[64]},null,{\"disabled\":[\"watchDisabledHandler\",\"disabledWatchHandler\"]}]]],[\"ic-skeleton.cjs\",[[1,\"ic-skeleton\",{\"theme\":[1],\"variant\":[1]}]]],[\"ic-stepper.cjs\",[[1,\"ic-stepper\",{\"aligned\":[1],\"connectorWidth\":[2,\"connector-width\"],\"hideStepInfo\":[4,\"hide-step-info\"],\"theme\":[1],\"variant\":[1025],\"alignedFullWidth\":[32],\"autoSetStepTitles\":[32],\"lastStepWidth\":[32],\"noOfResizes\":[32],\"stepperWidth\":[32],\"stepTypes\":[32],\"variantOverride\":[32]},null,{\"theme\":[\"handleThemeChange\"],\"hideStepInfo\":[\"handlePropChange\"],\"variant\":[\"handlePropChange\"]}]]],[\"ic-tab-context.cjs\",[[4,\"ic-tab-context\",{\"activationType\":[1,\"activation-type\"],\"contextId\":[513,\"context-id\"],\"selectedTabIndex\":[2,\"selected-tab-index\"],\"monochrome\":[4],\"theme\":[1],\"selectedTab\":[32],\"tabRemovedHandler\":[64]},[[0,\"tabClick\",\"tabClickHandler\"],[0,\"tabCreated\",\"tabCreatedHandler\"],[0,\"tabPanelCreated\",\"tabCreatedHandler\"],[0,\"tabEnabled\",\"tabEnabledHandler\"]],{\"selectedTabIndex\":[\"updateSelectedTab\"],\"monochrome\":[\"watchMonochromeHandler\"],\"theme\":[\"watchThemeHandler\"]}]]],[\"ic-tab-panel.cjs\",[[1,\"ic-tab-panel\",{\"active\":[4],\"monochrome\":[4],\"panelId\":[513,\"panel-id\"],\"selectedTab\":[1,\"selected-tab\"],\"tabPosition\":[514,\"tab-position\"],\"theme\":[1]}]]],[\"ic-theme.cjs\",[[4,\"ic-theme\",{\"brandColor\":[1,\"brand-color\"],\"theme\":[1],\"themeClass\":[32]},null,{\"brandColor\":[\"watchBrandColorPropHandler\"],\"theme\":[\"watchThemePropHandler\"]}]]],[\"ic-toast-region.cjs\",[[4,\"ic-toast-region\",{\"openToast\":[1040]},[[2,\"icDismiss\",\"handleDismissedToast\"]],{\"openToast\":[\"watchOpenToastHandler\"]}]]],[\"ic-toggle-button-group.cjs\",[[1,\"ic-toggle-button-group\",{\"accessibleLabel\":[1,\"accessible-label\"],\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"iconPlacement\":[1,\"icon-placement\"],\"loading\":[4],\"monochrome\":[4],\"selectMethod\":[1025,\"select-method\"],\"selectType\":[1,\"select-type\"],\"size\":[1],\"theme\":[1],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"variant\":[513],\"lastKeyPressed\":[32]},[[0,\"icToggleChecked\",\"selectHandler\"]],{\"disabled\":[\"watchDisabledHandler\"],\"fullWidth\":[\"watchFullWidthHandler\"],\"loading\":[\"watchLoadingHandler\"],\"monochrome\":[\"watchMonochromeHandler\"],\"size\":[\"watchSizeHandler\"],\"theme\":[\"watchThemeHandler\"],\"tooltipPlacement\":[\"watchTooltipPlacementHandler\"],\"variant\":[\"watchVariantHandler\"]}]]],[\"ic-menu-item.cjs\",[[17,\"ic-menu-item\",{\"checked\":[1540],\"description\":[1],\"disabled\":[4],\"href\":[1],\"hreflang\":[1],\"keyboardShortcutLabel\":[1,\"keyboard-shortcut-label\"],\"label\":[1],\"referrerpolicy\":[1],\"rel\":[1],\"submenuTriggerFor\":[1,\"submenu-trigger-for\"],\"target\":[1],\"variant\":[1537]},[[2,\"click\",\"handleHostClick\"]],{\"disabled\":[\"watchDisabledHandler\"]}]]],[\"ic-navigation-menu.cjs\",[[1,\"ic-navigation-menu\",{\"status\":[1],\"theme\":[1],\"version\":[1]},[[0,\"navItemClicked\",\"navItemClickHandler\"],[4,\"keydown\",\"handleKeyDown\"]]]]],[\"ic-breadcrumb.cjs\",[[17,\"ic-breadcrumb\",{\"current\":[4],\"href\":[1],\"monochrome\":[4],\"pageTitle\":[1,\"page-title\"],\"showBackIcon\":[516,\"show-back-icon\"],\"theme\":[1],\"setFocus\":[64]},null,{\"current\":[\"watchCurrentHandler\"]}]]],[\"ic-divider.cjs\",[[6,\"ic-divider\",{\"borderStyle\":[1,\"border-style\"],\"label\":[1],\"labelPlacement\":[1,\"label-placement\"],\"monochrome\":[4],\"orientation\":[1],\"theme\":[1025],\"weight\":[1],\"foregroundColor\":[32]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-pagination-item.cjs\",[[1,\"ic-pagination-item\",{\"disabled\":[4],\"label\":[1],\"monochrome\":[4],\"page\":[2],\"selected\":[4],\"theme\":[1],\"type\":[1],\"capitalizedLabel\":[32]},null,{\"disabled\":[\"watchDisabledHandler\"],\"label\":[\"watchLabelHandler\"]}]]],[\"ic-horizontal-scroll.cjs\",[[1,\"ic-horizontal-scroll\",{\"appearance\":[1],\"monochrome\":[4],\"theme\":[1],\"focusTrigger\":[1,\"focus-trigger\"],\"firstItemVisible\":[32],\"itemOverflow\":[32],\"lastItemVisible\":[32],\"scrollItemIntoView\":[64]}]]],[\"ic-link.cjs\",[[17,\"ic-link\",{\"download\":[8],\"href\":[1],\"hreflang\":[1],\"monochrome\":[1028],\"referrerpolicy\":[1],\"rel\":[1],\"target\":[1],\"theme\":[1025],\"setFocus\":[64]},[[4,\"brandChange\",\"brandChangeHandler\"]]]]],[\"ic-section-container.cjs\",[[1,\"ic-section-container\",{\"aligned\":[1],\"fullHeight\":[4,\"full-height\"]}]]],[\"ic-input-component-container_3.cjs\",[[2,\"ic-menu\",{\"activationType\":[1,\"activation-type\"],\"anchorEl\":[16],\"autofocusOnSelected\":[4,\"autofocus-on-selected\"],\"closeOnSelect\":[4,\"close-on-select\"],\"fullWidth\":[4,\"full-width\"],\"inputEl\":[16],\"inputLabel\":[1,\"input-label\"],\"labelField\":[1,\"label-field\"],\"menuId\":[1,\"menu-id\"],\"open\":[516],\"parentEl\":[16],\"searchMode\":[1,\"search-mode\"],\"selectOnEnter\":[4,\"select-on-enter\"],\"size\":[1],\"options\":[16],\"value\":[1],\"valueField\":[1,\"value-field\"],\"focusFromSearchKeypress\":[32],\"initialOptionsListRender\":[32],\"keyboardNav\":[32],\"optionHighlighted\":[32],\"preventIncorrectTabOrder\":[32],\"menuOptions\":[32],\"popperProps\":[32],\"handleClickOpen\":[64],\"handleKeyboardOpen\":[64],\"handleSetFirstOption\":[64],\"initPopperJs\":[64],\"setExternalPopperProps\":[64]},null,{\"open\":[\"watchOpenHandler\"],\"options\":[\"watchOptionsHandler\"]}],[4,\"ic-input-component-container\",{\"disabled\":[4],\"fullWidth\":[4,\"full-width\"],\"multiLine\":[4,\"multi-line\"],\"readonly\":[4],\"size\":[1],\"validationInline\":[4,\"validation-inline\"],\"validationStatus\":[1,\"validation-status\"]},null,{\"disabled\":[\"watchDisabledHandler\"]}],[4,\"ic-input-container\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ic-input-label_2.cjs\",[[4,\"ic-input-validation\",{\"ariaLiveMode\":[1,\"aria-live-mode\"],\"for\":[1],\"fullWidth\":[4,\"full-width\"],\"message\":[1],\"status\":[1]}],[4,\"ic-input-label\",{\"disabled\":[4],\"for\":[1],\"helperText\":[1,\"helper-text\"],\"hideLabel\":[4,\"hide-label\"],\"label\":[1],\"readonly\":[4],\"required\":[4],\"status\":[1],\"useLabelTag\":[4,\"use-label-tag\"]}]]],[\"ic-button_3.cjs\",[[17,\"ic-button\",{\"accept\":[1],\"ariaControlsId\":[8,\"aria-controls-id\"],\"ariaOwnsId\":[8,\"aria-owns-id\"],\"disabled\":[4],\"disableTooltip\":[4,\"disable-tooltip\"],\"download\":[8],\"dropdown\":[4],\"dropdownExpanded\":[1540,\"dropdown-expanded\"],\"fileUpload\":[4,\"file-upload\"],\"fileInputName\":[1,\"file-input-name\"],\"form\":[1],\"formaction\":[1],\"formenctype\":[1],\"formmethod\":[1],\"formnovalidate\":[4],\"formtarget\":[1],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"hreflang\":[1],\"loading\":[4],\"monochrome\":[1028],\"multiple\":[4],\"referrerpolicy\":[1],\"rel\":[1],\"selectedFiles\":[16],\"size\":[1],\"target\":[1],\"theme\":[1025],\"tooltipPlacement\":[1,\"tooltip-placement\"],\"transparentBackground\":[4,\"transparent-background\"],\"type\":[1],\"variant\":[1],\"ariaLabel\":[32],\"describedByContent\":[32],\"title\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"],[4,\"brandChange\",\"brandChangeHandler\"]],{\"disabled\":[\"watchDisabledHandler\"]}],[1,\"ic-loading-indicator\",{\"description\":[1],\"fullWidth\":[516,\"full-width\"],\"innerLabel\":[2,\"inner-label\"],\"label\":[1],\"labelDuration\":[2,\"label-duration\"],\"max\":[2],\"min\":[2],\"monochrome\":[4],\"progress\":[2],\"size\":[513],\"theme\":[1],\"type\":[513],\"circularDiameter\":[32],\"circularLineWidth\":[32],\"circularDimensions\":[32],\"indicatorLabel\":[32],\"clipInnerElement\":[32]},null,{\"label\":[\"watchPropHandler\"],\"max\":[\"handleProgressChange\"],\"min\":[\"handleProgressChange\"],\"progress\":[\"handleProgressChange\"],\"type\":[\"setIndicatorDimensions\"]}],[1,\"ic-tooltip\",{\"disableClick\":[4,\"disable-click\"],\"disableHover\":[4,\"disable-hover\"],\"maxLines\":[2,\"max-lines\"],\"placement\":[1025],\"silent\":[4],\"target\":[513],\"theme\":[1],\"label\":[1],\"popperProps\":[32],\"setExternalPopperProps\":[64],\"displayTooltip\":[64],\"isTooltipVisible\":[64]},null,{\"disableClick\":[\"watchDisableClickHandler\"],\"disableHover\":[\"watchDisableHoverHandler\"],\"label\":[\"watchLabelHandler\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/ic-alert/ic-alert.js

@@ -45,13 +45,6 @@ export class Alert {
         this.dismissAction = () => {
             this.icDismiss.emit();
         };
-        this.calculateMinHeight = () => {
-            var _a;
-            const contentHeight = Number((_a = this.messageEl) === null || _a === void 0 ? void 0 : _a.clientHeight);
-            const minHeight = pxToRem(`${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`);
-            if (this.el.style.getPropertyValue("--ic-alert-min-height") !== minHeight)
-                this.el.style.setProperty("--ic-alert-min-height", minHeight);
-        };
     }
     themeChangeHandler() {
         if (this.theme !== "inherit")
@@ -90,6 +83,13 @@ export class Alert {
         this.darkMode = "detail" in ev ? ev.detail === "dark" : ev.matches;
         this.calculateMinHeight();
     }
+    calculateMinHeight() {
+        var _a;
+        const contentHeight = Number((_a = this.messageEl) === null || _a === void 0 ? void 0 : _a.clientHeight);
+        const minHeight = pxToRem(`${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`);
+        if (this.el.style.getPropertyValue("--ic-alert-min-height") !== minHeight)
+            this.el.style.setProperty("--ic-alert-min-height", minHeight);
+    }
     render() {
         const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, alertTitleWrap, dismissAction, } = this;
         const Icon = () => {

package/dist/collection/components/ic-alert/ic-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-alert.js","sourceRoot":"","sources":["../../../src/components/ic-alert/ic-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  State,\n  Listen,\n  Prop,\n  h,\n  Watch,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport {\n  isSlotUsed,\n  pxToRem,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcStatusVariants,\n  IcThemeMode,\n  IcThemeSettings,\n} from \"../../utils/types\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\n@Component({\n  tag: \"ic-alert\",\n  styleUrl: \"ic-alert.css\",\n  shadow: true,\n})\nexport class Alert {\n  private hostMutationObserver: MutationObserver | null = null;\n  private systemThemeObserver: MediaQueryList | null = null;\n  private darkMode: boolean = false;\n  private messageEl?: HTMLDivElement;\n  private titleEl?: HTMLIcTypographyElement;\n\n  @Element() el: HTMLIcAlertElement;\n\n  @State() alertTitleWrap: boolean = false;\n  @State() visible: boolean = true;\n\n  /**\n   * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\n   */\n  @Prop() announced: boolean = true;\n\n  /**\n   * If `true`, the alert will have a close icon at the end to dismiss it.\n   */\n  @Prop() dismissible: boolean = false;\n\n  /**\n   * The optional title to display at the start of the alert.\n   */\n  @Prop() heading: string = \"\";\n\n  /**\n   * The main body message of the alert.\n   */\n  @Prop() message?: string;\n\n  /**\n   * If `true`, the default icon for the neutral variant will appear on the left of the alert.\n   */\n  @Prop() showDefaultIcon: boolean = true;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  themeChangeHandler(): void {\n    if (this.theme !== \"inherit\") this.darkMode = this.theme === \"dark\";\n  }\n\n  /**\n   * If `true`, the title and message will appear above and below instead of inline.\n   */\n  @Prop() titleAbove: boolean = false;\n\n  /**\n   * The variant of the alert which will be rendered.\n   */\n  @Prop() variant: IcStatusVariants = \"neutral\";\n\n  /**\n   * Is emitted when the user dismisses the alert.\n   */\n  @Event() icDismiss: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n    this.systemThemeObserver?.removeEventListener(\n      \"change\",\n      this.darkModeChangeHandler\n    );\n  }\n\n  componentWillLoad(): void {\n    if (!this.el.closest(\"ic-theme\")) {\n      this.systemThemeObserver = window.matchMedia(\n        \"(prefers-color-scheme: dark)\"\n      );\n      this.systemThemeObserver.addEventListener(\n        \"change\",\n        this.darkModeChangeHandler\n      );\n      this.darkMode = this.systemThemeObserver.matches;\n    }\n\n    this.themeChangeHandler();\n  }\n\n  componentDidLoad(): void {\n    if (Number(this.titleEl?.clientHeight) > 24) this.alertTitleWrap = true;\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"action\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n\n    this.calculateMinHeight();\n  }\n\n  componentDidUpdate(): void {\n    this.calculateMinHeight();\n  }\n\n  @Listen(\"icDismiss\", { capture: true })\n  handleClick(): void {\n    this.visible = !this.visible;\n  }\n\n  @Listen(\"icThemeChange\", { target: \"document\", capture: true })\n  darkModeChangeHandler(\n    ev: CustomEvent<IcThemeSettings> | MediaQueryListEvent\n  ): void {\n    this.darkMode = \"detail\" in ev ? ev.detail === \"dark\" : ev.matches;\n\n    this.calculateMinHeight();\n  }\n\n  private dismissAction = (): void => {\n    this.icDismiss.emit();\n  };\n\n  private calculateMinHeight = (): void => {\n    const contentHeight = Number(this.messageEl?.clientHeight);\n\n    const minHeight = pxToRem(\n      `${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`\n    );\n\n    if (this.el.style.getPropertyValue(\"--ic-alert-min-height\") !== minHeight)\n      this.el.style.setProperty(\"--ic-alert-min-height\", minHeight);\n  };\n\n  render() {\n    const {\n      variant,\n      heading,\n      message,\n      titleAbove,\n      dismissible,\n      announced,\n      visible,\n      showDefaultIcon,\n      theme,\n      alertTitleWrap,\n      dismissAction,\n    } = this;\n\n    const Icon = () => {\n      const iconClass = {\n        \"alert-icon\": true,\n        \"svg-container\": true,\n        [`icon-${variant}`]: true,\n      };\n\n      if (variant === \"neutral\") {\n        if (isSlotUsed(this.el, \"neutral-icon\")) {\n          return (\n            <div class={iconClass}>\n              <slot name=\"neutral-icon\"></slot>\n            </div>\n          );\n        } else if (!showDefaultIcon) {\n          return <div class=\"icon-placeholder\"></div>;\n        }\n      }\n\n      return (\n        <span class={iconClass} innerHTML={VARIANT_ICONS[variant].icon}></span>\n      );\n    };\n\n    return (\n      visible && (\n        <Host\n          role={announced ? \"alert\" : null}\n          class={{\n            [`ic-theme-${theme}`]: theme !== \"inherit\",\n          }}\n        >\n          <div class={{ container: true, [`container-${variant}`]: true }}>\n            <div class=\"alert-icon-container\">\n              <div\n                class={{ divider: true, [`divider-${variant}`]: true }}\n              ></div>\n              <Icon />\n            </div>\n            <div class=\"alert-content\">\n              <div\n                class={{\n                  \"alert-message\": true,\n                  \"alert-message-title-above\": titleAbove || alertTitleWrap,\n                }}\n                ref={(el) => (this.messageEl = el)}\n              >\n                {heading && (\n                  <ic-typography\n                    class={{\n                      \"alert-title\": true,\n                      \"alert-title-above\": titleAbove || alertTitleWrap,\n                    }}\n                    variant=\"subtitle-large\"\n                    ref={(el) => (this.titleEl = el)}\n                  >\n                    <p>{heading}</p>\n                  </ic-typography>\n                )}\n                <slot name=\"message\">\n                  <ic-typography variant=\"body\">{message}</ic-typography>\n                </slot>\n              </div>\n              {isSlotUsed(this.el, \"action\") && (\n                <div class=\"alert-action-container\">\n                  <slot name=\"action\" />\n                </div>\n              )}\n            </div>\n            <div class=\"dismiss-icon-container\">\n              {dismissible && (\n                <ic-button\n                  class={{ \"svg-container\": true, \"dismiss-icon\": true }}\n                  innerHTML={closeIcon}\n                  onClick={dismissAction}\n                  variant=\"icon\"\n                  theme=\"dark\"\n                  title=\"Dismiss\"\n                ></ic-button>\n              )}\n            </div>\n          </div>\n        </Host>\n      )\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-alert.js","sourceRoot":"","sources":["../../../src/components/ic-alert/ic-alert.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  State,\n  Listen,\n  Prop,\n  h,\n  Watch,\n} from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport {\n  isSlotUsed,\n  pxToRem,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcStatusVariants,\n  IcThemeMode,\n  IcThemeSettings,\n} from \"../../utils/types\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\n@Component({\n  tag: \"ic-alert\",\n  styleUrl: \"ic-alert.css\",\n  shadow: true,\n})\nexport class Alert {\n  private hostMutationObserver: MutationObserver | null = null;\n  private systemThemeObserver: MediaQueryList | null = null;\n  private darkMode: boolean = false;\n  private messageEl?: HTMLDivElement;\n  private titleEl?: HTMLIcTypographyElement;\n\n  @Element() el: HTMLIcAlertElement;\n\n  @State() alertTitleWrap: boolean = false;\n  @State() visible: boolean = true;\n\n  /**\n   * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\n   */\n  @Prop() announced: boolean = true;\n\n  /**\n   * If `true`, the alert will have a close icon at the end to dismiss it.\n   */\n  @Prop() dismissible: boolean = false;\n\n  /**\n   * The optional title to display at the start of the alert.\n   */\n  @Prop() heading: string = \"\";\n\n  /**\n   * The main body message of the alert.\n   */\n  @Prop() message?: string;\n\n  /**\n   * If `true`, the default icon for the neutral variant will appear on the left of the alert.\n   */\n  @Prop() showDefaultIcon: boolean = true;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  themeChangeHandler(): void {\n    if (this.theme !== \"inherit\") this.darkMode = this.theme === \"dark\";\n  }\n\n  /**\n   * If `true`, the title and message will appear above and below instead of inline.\n   */\n  @Prop() titleAbove: boolean = false;\n\n  /**\n   * The variant of the alert which will be rendered.\n   */\n  @Prop() variant: IcStatusVariants = \"neutral\";\n\n  /**\n   * Is emitted when the user dismisses the alert.\n   */\n  @Event() icDismiss: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n    this.systemThemeObserver?.removeEventListener(\n      \"change\",\n      this.darkModeChangeHandler\n    );\n  }\n\n  componentWillLoad(): void {\n    if (!this.el.closest(\"ic-theme\")) {\n      this.systemThemeObserver = window.matchMedia(\n        \"(prefers-color-scheme: dark)\"\n      );\n      this.systemThemeObserver.addEventListener(\n        \"change\",\n        this.darkModeChangeHandler\n      );\n      this.darkMode = this.systemThemeObserver.matches;\n    }\n\n    this.themeChangeHandler();\n  }\n\n  componentDidLoad(): void {\n    if (Number(this.titleEl?.clientHeight) > 24) this.alertTitleWrap = true;\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"action\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n\n    this.calculateMinHeight();\n  }\n\n  componentDidUpdate(): void {\n    this.calculateMinHeight();\n  }\n\n  @Listen(\"icDismiss\", { capture: true })\n  handleClick(): void {\n    this.visible = !this.visible;\n  }\n\n  @Listen(\"icThemeChange\", { target: \"document\", capture: true })\n  darkModeChangeHandler(\n    ev: CustomEvent<IcThemeSettings> | MediaQueryListEvent\n  ): void {\n    this.darkMode = \"detail\" in ev ? ev.detail === \"dark\" : ev.matches;\n\n    this.calculateMinHeight();\n  }\n\n  private dismissAction = (): void => {\n    this.icDismiss.emit();\n  };\n\n  private calculateMinHeight(): void {\n    const contentHeight = Number(this.messageEl?.clientHeight);\n\n    const minHeight = pxToRem(\n      `${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`\n    );\n\n    if (this.el.style.getPropertyValue(\"--ic-alert-min-height\") !== minHeight)\n      this.el.style.setProperty(\"--ic-alert-min-height\", minHeight);\n  }\n\n  render() {\n    const {\n      variant,\n      heading,\n      message,\n      titleAbove,\n      dismissible,\n      announced,\n      visible,\n      showDefaultIcon,\n      theme,\n      alertTitleWrap,\n      dismissAction,\n    } = this;\n\n    const Icon = () => {\n      const iconClass = {\n        \"alert-icon\": true,\n        \"svg-container\": true,\n        [`icon-${variant}`]: true,\n      };\n\n      if (variant === \"neutral\") {\n        if (isSlotUsed(this.el, \"neutral-icon\")) {\n          return (\n            <div class={iconClass}>\n              <slot name=\"neutral-icon\"></slot>\n            </div>\n          );\n        } else if (!showDefaultIcon) {\n          return <div class=\"icon-placeholder\"></div>;\n        }\n      }\n\n      return (\n        <span class={iconClass} innerHTML={VARIANT_ICONS[variant].icon}></span>\n      );\n    };\n\n    return (\n      visible && (\n        <Host\n          role={announced ? \"alert\" : null}\n          class={{\n            [`ic-theme-${theme}`]: theme !== \"inherit\",\n          }}\n        >\n          <div class={{ container: true, [`container-${variant}`]: true }}>\n            <div class=\"alert-icon-container\">\n              <div\n                class={{ divider: true, [`divider-${variant}`]: true }}\n              ></div>\n              <Icon />\n            </div>\n            <div class=\"alert-content\">\n              <div\n                class={{\n                  \"alert-message\": true,\n                  \"alert-message-title-above\": titleAbove || alertTitleWrap,\n                }}\n                ref={(el) => (this.messageEl = el)}\n              >\n                {heading && (\n                  <ic-typography\n                    class={{\n                      \"alert-title\": true,\n                      \"alert-title-above\": titleAbove || alertTitleWrap,\n                    }}\n                    variant=\"subtitle-large\"\n                    ref={(el) => (this.titleEl = el)}\n                  >\n                    <p>{heading}</p>\n                  </ic-typography>\n                )}\n                <slot name=\"message\">\n                  <ic-typography variant=\"body\">{message}</ic-typography>\n                </slot>\n              </div>\n              {isSlotUsed(this.el, \"action\") && (\n                <div class=\"alert-action-container\">\n                  <slot name=\"action\" />\n                </div>\n              )}\n            </div>\n            <div class=\"dismiss-icon-container\">\n              {dismissible && (\n                <ic-button\n                  class={{ \"svg-container\": true, \"dismiss-icon\": true }}\n                  innerHTML={closeIcon}\n                  onClick={dismissAction}\n                  variant=\"icon\"\n                  theme=\"dark\"\n                  title=\"Dismiss\"\n                ></ic-button>\n              )}\n            </div>\n          </div>\n        </Host>\n      )\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-badge/ic-badge.js

@@ -69,7 +69,10 @@ export class Badge {
             }
         };
         this.setPositionInTopNavigation = () => {
-            this.position = this.isInMobileMode() ? "inline" : this.initialPosition;
+            this.position =
+                this.isInMobileMode() || this.isInNavigationItem()
+                    ? "inline"
+                    : this.initialPosition;
         };
         this.setPositionInSideNavigation = () => {
             this.position = "near";
@@ -105,6 +108,12 @@ export class Badge {
                     (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION) &&
                     greatGrandparentEl.classList.contains("mobile-mode")));
         };
+        this.isInNavigationItem = () => {
+            const parentEl = this.el.parentElement;
+            if (!parentEl)
+                return false;
+            return parentEl.tagName === "IC-NAVIGATION-ITEM";
+        };
         this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;
     }
     accessibleLabelHandler() {
@@ -145,7 +154,7 @@ export class Badge {
     }
     render() {
         const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;
-        return (h(Host, { key: '720f5c35c4d16cc484ea53a0f277befdbb087883', class: {
+        return (h(Host, { key: '09942d6bfbdeb2793ef14cc7adf3293ba43bb479', class: {
                 [`ic-badge-${position}`]: true,
                 [`ic-badge-${size}`]: true,
                 [`ic-badge-${variant}`]: true,
@@ -153,7 +162,7 @@ export class Badge {
                 [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === "custom",
                 [`${visible ? "ic-badge-show" : "ic-badge-hide"}`]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && h("slot", { key: '611a931cbdbfd72a7031adaec19d9cd5f83b097a', name: "badge-icon" }), type === "text" && label && (h("ic-typography", { key: '57620b02829df5547546474ad337f3cc23bb19c4', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && h("span", { key: '6f583cc04572a1818afc11e43cb5b41f95afe630', class: "sr-only" }, "badge")));
+            }, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && h("slot", { key: 'b11d77516fb8e7676af2e57b6e294c4debea4692', name: "badge-icon" }), type === "text" && label && (h("ic-typography", { key: '5c351c76e8c4fbfb1ec89dd89e7b099d48f16ab1', variant: size === "small" ? "badge-small" : "badge" }, getLabel())), type === "dot" && h("span", { key: '2db3b51d4ff7ab28b9dd12e72739871de623c5bd', class: "sr-only" }, "badge")));
     }
     static get is() { return "ic-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-badge/ic-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-badge.js","sourceRoot":"","sources":["../../../src/components/ic-badge/ic-badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  h,\n  Listen,\n} from \"@stencil/core\";\nimport {\n  IcBadgePositions,\n  IcBadgeTypes,\n  IcBadgeVariants,\n} from \"./ic-badge.types\";\nimport {\n  IcSizes,\n  IcBrandForeground,\n  IcColor,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  convertToRGBA,\n  getBrandForegroundAppearance,\n  isPropDefined,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\nconst SIDE_NAVIGATION = \"IC-SIDE-NAVIGATION\";\n\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\n@Component({\n  tag: \"ic-badge\",\n  styleUrl: \"ic-badge.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Badge {\n  private ariaLabel: string | null = null;\n  private foregroundColour: IcBrandForeground;\n  private parentAriaLabel: string;\n  private initialPosition: IcBadgePositions = this.position ?? \"far\";\n\n  @Element() el: HTMLIcBadgeElement;\n\n  /**\n   * The accessible label of the badge component to provide context for screen reader users.\n   */\n  @Prop() accessibleLabel?: string;\n\n  @Watch(\"accessibleLabel\")\n  accessibleLabelHandler(): void {\n    this.setAccessibleLabel();\n  }\n\n  /**\n   * The custom badge colour. This will only style the badge component if variant=\"custom\".\n   * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n   */\n  @Prop() customColor?: IcColor;\n\n  @Watch(\"customColor\")\n  customColorHandler(): void {\n    this.variant === \"custom\" && this.setBadgeColour();\n  }\n\n  /**\n   * The maximum number shown on the badge appended with a +.\n   * This will only be displayed if type=\"text\" and label is not empty.\n   */\n  @Prop() maxNumber?: number;\n\n  /**\n   * The positioning of the badge in reference to the parent element.\n   */\n  @Prop({ mutable: true }) position?: IcBadgePositions = \"far\";\n\n  /**\n   * The size of the badge to be displayed.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The text displayed in the badge. This will only be displayed if type=\"text\".\n   */\n  @Prop() label?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The type of badge to be displayed.\n   */\n  @Prop() type?: IcBadgeTypes = \"text\";\n\n  /**\n   * The variant of the badge to be displayed.\n   */\n  @Prop() variant?: IcBadgeVariants = \"neutral\";\n\n  @Watch(\"variant\")\n  variantHandler(): void {\n    if (this.variant === \"custom\") {\n      this.setBadgeColour();\n    }\n  }\n\n  /**\n   * If `true`, the badge will be displayed.\n   */\n  @Prop() visible?: boolean = true;\n\n  @Watch(\"visible\")\n  visibleHandler(): void {\n    this.setAccessibleLabel();\n  }\n\n  componentWillLoad(): void {\n    this.variant === \"custom\" && this.setBadgeColour();\n\n    const ariaLabel = this.el.parentElement?.ariaLabel;\n    if (ariaLabel) this.parentAriaLabel = ariaLabel;\n    this.setAccessibleLabel();\n  }\n\n  componentDidLoad(): void {\n    this.type === \"text\" &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.label, propName: \"label\" }],\n        \"Badge\"\n      );\n  }\n\n  componentWillRender(): void {\n    this.isInTopNav() && this.setPositionInTopNavigation();\n    this.isInSideNav() && this.setPositionInSideNavigation();\n  }\n\n  @Listen(\"icNavigationMenuOpened\", { target: \"document\" })\n  navBarMenuOpenHandler(): void {\n    this.isInTopNav() && (this.position = \"inline\");\n  }\n\n  @Listen(\"icNavigationMenuClosed\", { target: \"document\" })\n  navBarMenuCloseHandler(): void {\n    this.isInTopNav() && (this.position = this.initialPosition);\n  }\n\n  private setBadgeColour = () => {\n    const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n\n    if (colorRGBA) {\n      const { r, g, b, a } = colorRGBA;\n      this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n      this.foregroundColour = getBrandForegroundAppearance(\n        (r * 299 + g * 587 + b * 114) / 1000\n      );\n    }\n  };\n\n  private getLabel = () =>\n    this.maxNumber && Number(this.label) > this.maxNumber\n      ? `${this.maxNumber}+`\n      : this.label;\n\n  // Set aria-label on badge and / or parent element\n  // Aria-describedby seems to not work, probably due to shadow DOM\n  private setAccessibleLabel = () => {\n    const parentEl = this.el.parentElement;\n    const defaultAriaLabel = this.isAccessibleLabelDefined()\n      ? this.accessibleLabel\n      : this.label || \"with badge being displayed\";\n\n    if (parentEl) {\n      const { tagName } = parentEl;\n      if (\n        tagName !== \"IC-CARD\" &&\n        (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))\n      ) {\n        const ariaLabelPrefix = this.parentAriaLabel\n          ? `${this.parentAriaLabel} ,`\n          : \"\";\n        parentEl.ariaLabel = this.visible\n          ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n          : null;\n      } else {\n        this.ariaLabel = `, ${defaultAriaLabel}`;\n      }\n    }\n  };\n\n  private setPositionInTopNavigation = () => {\n    this.position = this.isInMobileMode() ? \"inline\" : this.initialPosition;\n  };\n\n  private setPositionInSideNavigation = () => {\n    this.position = \"near\";\n  };\n\n  private isInTopNav = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    const grandparentEl = parentEl.parentElement;\n    const greatGrandparentEl = grandparentEl?.parentElement;\n    return (\n      grandparentEl?.tagName === TOP_NAVIGATION ||\n      greatGrandparentEl?.tagName === TOP_NAVIGATION\n    );\n  };\n\n  private isInSideNav = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    const grandparentEl = parentEl.parentElement;\n    const greatGrandparentEl = grandparentEl?.parentElement;\n    return (\n      grandparentEl?.tagName === SIDE_NAVIGATION ||\n      greatGrandparentEl?.tagName === SIDE_NAVIGATION\n    );\n  };\n\n  private isInMobileMode = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    const grandparentEl = parentEl.parentElement;\n    const greatGrandparentEl = grandparentEl?.parentElement;\n    return (\n      ((grandparentEl?.tagName === TOP_NAVIGATION ||\n        grandparentEl?.tagName === SIDE_NAVIGATION) &&\n        grandparentEl.classList.contains(\"mobile-mode\")) ||\n      ((greatGrandparentEl?.tagName === TOP_NAVIGATION ||\n        greatGrandparentEl?.tagName === SIDE_NAVIGATION) &&\n        greatGrandparentEl.classList.contains(\"mobile-mode\"))\n    );\n  };\n\n  private isAccessibleLabelDefined = () =>\n    isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n\n  render() {\n    const {\n      ariaLabel,\n      el,\n      foregroundColour,\n      getLabel,\n      position,\n      size,\n      label,\n      type,\n      variant,\n      visible,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-badge-${position}`]: true,\n          [`ic-badge-${size}`]: true,\n          [`ic-badge-${variant}`]: true,\n          [`ic-badge-${type}`]: true,\n          [`ic-badge-foreground-${foregroundColour}`]:\n            foregroundColour !== null && variant === \"custom\",\n          [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        id={el.id || null}\n        aria-label={ariaLabel}\n        role=\"status\"\n      >\n        {type === \"icon\" && <slot name=\"badge-icon\"></slot>}\n        {type === \"text\" && label && (\n          <ic-typography variant={size === \"small\" ? \"badge-small\" : \"badge\"}>\n            {getLabel()}\n          </ic-typography>\n        )}\n        {type === \"dot\" && <span class=\"sr-only\">badge</span>}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-badge.js","sourceRoot":"","sources":["../../../src/components/ic-badge/ic-badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  Watch,\n  h,\n  Listen,\n} from \"@stencil/core\";\nimport {\n  IcBadgePositions,\n  IcBadgeTypes,\n  IcBadgeVariants,\n} from \"./ic-badge.types\";\nimport {\n  IcSizes,\n  IcBrandForeground,\n  IcColor,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  convertToRGBA,\n  getBrandForegroundAppearance,\n  isPropDefined,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\nconst SIDE_NAVIGATION = \"IC-SIDE-NAVIGATION\";\n\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\n@Component({\n  tag: \"ic-badge\",\n  styleUrl: \"ic-badge.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Badge {\n  private ariaLabel: string | null = null;\n  private foregroundColour: IcBrandForeground;\n  private parentAriaLabel: string;\n  private initialPosition: IcBadgePositions = this.position ?? \"far\";\n\n  @Element() el: HTMLIcBadgeElement;\n\n  /**\n   * The accessible label of the badge component to provide context for screen reader users.\n   */\n  @Prop() accessibleLabel?: string;\n\n  @Watch(\"accessibleLabel\")\n  accessibleLabelHandler(): void {\n    this.setAccessibleLabel();\n  }\n\n  /**\n   * The custom badge colour. This will only style the badge component if variant=\"custom\".\n   * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n   */\n  @Prop() customColor?: IcColor;\n\n  @Watch(\"customColor\")\n  customColorHandler(): void {\n    this.variant === \"custom\" && this.setBadgeColour();\n  }\n\n  /**\n   * The maximum number shown on the badge appended with a +.\n   * This will only be displayed if type=\"text\" and label is not empty.\n   */\n  @Prop() maxNumber?: number;\n\n  /**\n   * The positioning of the badge in reference to the parent element.\n   */\n  @Prop({ mutable: true }) position?: IcBadgePositions = \"far\";\n\n  /**\n   * The size of the badge to be displayed.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The text displayed in the badge. This will only be displayed if type=\"text\".\n   */\n  @Prop() label?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The type of badge to be displayed.\n   */\n  @Prop() type?: IcBadgeTypes = \"text\";\n\n  /**\n   * The variant of the badge to be displayed.\n   */\n  @Prop() variant?: IcBadgeVariants = \"neutral\";\n\n  @Watch(\"variant\")\n  variantHandler(): void {\n    if (this.variant === \"custom\") {\n      this.setBadgeColour();\n    }\n  }\n\n  /**\n   * If `true`, the badge will be displayed.\n   */\n  @Prop() visible?: boolean = true;\n\n  @Watch(\"visible\")\n  visibleHandler(): void {\n    this.setAccessibleLabel();\n  }\n\n  componentWillLoad(): void {\n    this.variant === \"custom\" && this.setBadgeColour();\n\n    const ariaLabel = this.el.parentElement?.ariaLabel;\n    if (ariaLabel) this.parentAriaLabel = ariaLabel;\n    this.setAccessibleLabel();\n  }\n\n  componentDidLoad(): void {\n    this.type === \"text\" &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.label, propName: \"label\" }],\n        \"Badge\"\n      );\n  }\n\n  componentWillRender(): void {\n    this.isInTopNav() && this.setPositionInTopNavigation();\n    this.isInSideNav() && this.setPositionInSideNavigation();\n  }\n\n  @Listen(\"icNavigationMenuOpened\", { target: \"document\" })\n  navBarMenuOpenHandler(): void {\n    this.isInTopNav() && (this.position = \"inline\");\n  }\n\n  @Listen(\"icNavigationMenuClosed\", { target: \"document\" })\n  navBarMenuCloseHandler(): void {\n    this.isInTopNav() && (this.position = this.initialPosition);\n  }\n\n  private setBadgeColour = () => {\n    const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n\n    if (colorRGBA) {\n      const { r, g, b, a } = colorRGBA;\n      this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n      this.foregroundColour = getBrandForegroundAppearance(\n        (r * 299 + g * 587 + b * 114) / 1000\n      );\n    }\n  };\n\n  private getLabel = () =>\n    this.maxNumber && Number(this.label) > this.maxNumber\n      ? `${this.maxNumber}+`\n      : this.label;\n\n  // Set aria-label on badge and / or parent element\n  // Aria-describedby seems to not work, probably due to shadow DOM\n  private setAccessibleLabel = () => {\n    const parentEl = this.el.parentElement;\n    const defaultAriaLabel = this.isAccessibleLabelDefined()\n      ? this.accessibleLabel\n      : this.label || \"with badge being displayed\";\n\n    if (parentEl) {\n      const { tagName } = parentEl;\n      if (\n        tagName !== \"IC-CARD\" &&\n        (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))\n      ) {\n        const ariaLabelPrefix = this.parentAriaLabel\n          ? `${this.parentAriaLabel} ,`\n          : \"\";\n        parentEl.ariaLabel = this.visible\n          ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n          : null;\n      } else {\n        this.ariaLabel = `, ${defaultAriaLabel}`;\n      }\n    }\n  };\n\n  private setPositionInTopNavigation = () => {\n    this.position =\n      this.isInMobileMode() || this.isInNavigationItem()\n        ? \"inline\"\n        : this.initialPosition;\n  };\n\n  private setPositionInSideNavigation = () => {\n    this.position = \"near\";\n  };\n\n  private isInTopNav = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    const grandparentEl = parentEl.parentElement;\n    const greatGrandparentEl = grandparentEl?.parentElement;\n    return (\n      grandparentEl?.tagName === TOP_NAVIGATION ||\n      greatGrandparentEl?.tagName === TOP_NAVIGATION\n    );\n  };\n\n  private isInSideNav = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    const grandparentEl = parentEl.parentElement;\n    const greatGrandparentEl = grandparentEl?.parentElement;\n    return (\n      grandparentEl?.tagName === SIDE_NAVIGATION ||\n      greatGrandparentEl?.tagName === SIDE_NAVIGATION\n    );\n  };\n\n  private isInMobileMode = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    const grandparentEl = parentEl.parentElement;\n    const greatGrandparentEl = grandparentEl?.parentElement;\n    return (\n      ((grandparentEl?.tagName === TOP_NAVIGATION ||\n        grandparentEl?.tagName === SIDE_NAVIGATION) &&\n        grandparentEl.classList.contains(\"mobile-mode\")) ||\n      ((greatGrandparentEl?.tagName === TOP_NAVIGATION ||\n        greatGrandparentEl?.tagName === SIDE_NAVIGATION) &&\n        greatGrandparentEl.classList.contains(\"mobile-mode\"))\n    );\n  };\n\n  private isInNavigationItem = (): boolean => {\n    const parentEl = this.el.parentElement;\n    if (!parentEl) return false;\n    return parentEl.tagName === \"IC-NAVIGATION-ITEM\";\n  };\n\n  private isAccessibleLabelDefined = () =>\n    isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n\n  render() {\n    const {\n      ariaLabel,\n      el,\n      foregroundColour,\n      getLabel,\n      position,\n      size,\n      label,\n      type,\n      variant,\n      visible,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-badge-${position}`]: true,\n          [`ic-badge-${size}`]: true,\n          [`ic-badge-${variant}`]: true,\n          [`ic-badge-${type}`]: true,\n          [`ic-badge-foreground-${foregroundColour}`]:\n            foregroundColour !== null && variant === \"custom\",\n          [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        id={el.id || null}\n        aria-label={ariaLabel}\n        role=\"status\"\n      >\n        {type === \"icon\" && <slot name=\"badge-icon\"></slot>}\n        {type === \"text\" && label && (\n          <ic-typography variant={size === \"small\" ? \"badge-small\" : \"badge\"}>\n            {getLabel()}\n          </ic-typography>\n        )}\n        {type === \"dot\" && <span class=\"sr-only\">badge</span>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-button/ic-button.css

@@ -1170,6 +1170,8 @@ video {
 :host(.ic-button-variant-icon-primary) .icon-container {
   width: var(--ic-space-lg) !important;
   height: var(--ic-space-lg) !important;
+  margin: 0;
+  pointer-events: none;
 }
 
 :host(.ic-button-variant-icon.monochrome) ::slotted(a),
@@ -1188,6 +1190,8 @@ video {
 :host(.ic-button-variant-icon-secondary) .icon-container {
   width: var(--ic-space-lg) !important;
   height: var(--ic-space-lg) !important;
+  margin: 0;
+  pointer-events: none;
 }
 
 /* Icon-tertiary */
@@ -1201,6 +1205,8 @@ video {
 :host(.ic-button-variant-icon-tertiary) .icon-container {
   width: var(--ic-space-lg) !important;
   height: var(--ic-space-lg) !important;
+  margin: 0;
+  pointer-events: none;
 }
 
 /* Icon-destructive */
@@ -1214,6 +1220,8 @@ video {
 :host(.ic-button-variant-icon-destructive) .icon-container {
   width: var(--ic-space-lg) !important;
   height: var(--ic-space-lg) !important;
+  margin: 0;
+  pointer-events: none;
 }
 
 /* Sizing */

package/dist/collection/components/ic-button/ic-button.stories.js

@@ -1384,7 +1384,7 @@ export const Dropdown = {
         >
       </div>
       <div
-        style="background-color:#17191C; padding:6px 10px; width:fit-content;"
+        style="background-color:var(--ic-color-page-background-dark); padding:6px 10px; width:fit-content;"
       >
         <ic-button dropdown="true" variant="primary" theme="light"
           >Button</ic-button
@@ -1954,7 +1954,9 @@ export const FullWidth = {
         />
       </svg>
     </ic-button>
-    <div style="background-color:#17191C; padding:6px 10px,">
+    <div
+      style="background-color:var(--ic-color-page-background-dark); padding:6px 10px,"
+    >
       <ic-button variant="primary" theme="light" full-width="true">
         Button
         <svg
@@ -2248,7 +2250,9 @@ export const Loading = {
     <div style="padding: 6px">
       <ic-button variant="primary" loading theme="dark">Button</ic-button>
     </div>
-    <div style="background-color:#17191C; padding:6px 10px; width:fit-content">
+    <div
+      style="background-color:var(--ic-color-page-background-dark); padding:6px 10px; width:fit-content"
+    >
       <ic-button variant="primary" loading theme="light">Button</ic-button>
     </div>
     <div style="padding: 6px">
@@ -2257,7 +2261,9 @@ export const Loading = {
     <div style="padding: 6px">
       <ic-button variant="secondary" loading theme="dark">Button</ic-button>
     </div>
-    <div style="background-color:#17191C; padding:6px 10px; width:fit-content">
+    <div
+      style="background-color:var(--ic-color-page-background-dark); padding:6px 10px; width:fit-content"
+    >
       <ic-button variant="secondary" loading theme="light">Button</ic-button>
     </div>
     <div style="padding: 6px">
@@ -2266,7 +2272,9 @@ export const Loading = {
     <div style="padding: 6px">
       <ic-button variant="tertiary" loading theme="dark">Button</ic-button>
     </div>
-    <div style="background-color:#17191C; padding:6px 10px; width:fit-content">
+    <div
+      style="background-color:var(--ic-color-page-background-dark); padding:6px 10px; width:fit-content"
+    >
       <ic-button variant="tertiary" loading theme="light">Button</ic-button>
     </div>
     <ic-button variant="destructive" loading>Button</ic-button>

package/dist/collection/components/ic-checkbox/ic-checkbox.css

@@ -565,12 +565,15 @@ video {
 }
 
 .checkbox-label {
-  padding-left: var(--ic-space-sm);
   color: var(--ic-checkbox-text);
 
   --ic-typography-color: var(--ic-checkbox-text);
 }
 
+.checkbox-label > label {
+  padding-left: var(--ic-space-sm);
+}
+
 :host(.ic-checkbox-disabled) .checkbox-label {
   color: var(--ic-checkbox-text-disabled);
 

package/dist/collection/components/ic-checkbox/ic-checkbox.js

@@ -79,8 +79,9 @@ export class Checkbox {
     }
     componentDidRender() {
         if (this.additionalFieldDisplay === "static") {
-            const textfieldElements = this.el.querySelectorAll("ic-text-field");
-            textfieldElements.forEach((textfield) => textfield.setAttribute("disabled", this.checked ? "false" : "true"));
+            this.el
+                .querySelectorAll("ic-text-field")
+                .forEach((textfield) => textfield.setAttribute("disabled", `${!this.checked}`));
         }
         else if (this.additionalFieldContainer) {
             this.additionalFieldContainer.style.display = !this.checked
@@ -105,17 +106,17 @@ export class Checkbox {
         checked
             ? renderHiddenInput(el, value, name, disabled)
             : removeHiddenInput(el);
-        return (h(Host, { key: '4e59ebe231623d859cfda67200bc46a77a16e2a0', class: {
+        return (h(Host, { key: 'eda047a45e6d0dc558095d7d23b16422633fe633', class: {
                 "ic-checkbox-disabled": disabled,
                 [`ic-checkbox-${size}`]: !!size,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, h("div", { key: '846fa84372c3c5ef0e30428348bc400f8f9d5dd6', class: "container" }, displayIndeterminate ? (h("div", { class: "indeterminate-symbol" })) : (checked && (h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, h("title", null, "checkmark icon"), h("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), h("input", { key: '5873bccb9f38a7a1c1a6e4b256cc1380c866f899', role: "checkbox", class: {
+            } }, h("div", { key: '20623bca4b576eb2da3050ce19c99ad5288a6957', class: "container" }, displayIndeterminate ? (h("div", { class: "indeterminate-symbol" })) : (checked && (h("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, h("title", null, "checkmark icon"), h("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" })))), h("input", { key: '37fcfb382fc5aac6c9d07e9ce9e7929e21528c15', role: "checkbox", class: {
                 checkbox: true,
                 checked,
                 indeterminate: displayIndeterminate,
-            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (h("ic-typography", { key: '5fc250523f1657dabc16280863cdff1d5fbe04bf', class: "checkbox-label", variant: "body" }, h("label", { key: '6521127be76536bb18268aaf5bd1f06ef65bb0b0', htmlFor: id }, label)))), isSlotUsed(el, "additional-field") && (h("div", { key: '3cf0dce0b43227f59990d6c4812cf3957f3ed519', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && h("div", { key: '371ee59d1e341ef533e14316d4bddea2f05daac4', class: "branch-corner" }), h("div", { key: 'da4b74e9f04ba113e150c42b36e8ae5f33daf6e0', class: "dynamic-field-container" }, isDynamicAdditionalField && (h("ic-typography", { key: '5258d47e88c8db9d617f66db38ac9bbde87e7dd3', variant: "caption" }, h("p", { key: '495ab440643663635f8b6af1599cebe325b58857', class: "dynamic-text", "aria-live": "polite" }, dynamicText))), h("div", { key: '4c19f7b3c0ad841042693d516f973c4e5881f71a', class: {
+            }, ref: (el) => (this.checkboxEl = el), type: "checkbox", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, "aria-label": hideLabel ? label : undefined }), !hideLabel && (h("ic-typography", { key: '0d8d605e8aa6dcb86362bb561a024a8c03a66854', class: "checkbox-label", variant: "body" }, h("label", { key: '3f2c395f32f47684475a7b6a1cefdb7d67c8beac', htmlFor: id }, label)))), isSlotUsed(el, "additional-field") && (h("div", { key: 'a6701087045999eb177a3a743770dad9aa47c79f', class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && h("div", { key: '18719e04d6854a600f87fe777fd475b424204875', class: "branch-corner" }), h("div", { key: 'a73508e06dea3c65f731db0050ca365bd31998c9', class: "dynamic-field-container" }, isDynamicAdditionalField && (h("ic-typography", { key: 'd4f422ba5eb1815418871081efc8c5cd55821775', variant: "caption" }, h("p", { key: 'd43c97bdcd3b22acc1ef3664544ca9783606ea15', class: "dynamic-text", "aria-live": "polite" }, dynamicText))), h("div", { key: '66fb65fdd27f2db8550ef58c5601391c7b88357d', class: {
                 "additional-field-wrapper": !isDynamicAdditionalField,
-            } }, h("slot", { key: '7bbef0fdd54fc3aed87c13fadd65f8036257a57c', name: "additional-field" })))))));
+            } }, h("slot", { key: '02493cc3d3c3aae17cfb61bf1e7e12e9f41fabba', name: "additional-field" })))))));
     }
     static get is() { return "ic-checkbox"; }
     static get encapsulation() { return "shadow"; }