@ukic/web-components 2.1.0-beta.13 → 2.1.0-beta.14

package/dist/core/core.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as a}from"./p-589f6dd3.js";const i=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};i().then((e=>a(JSON.parse('[["p-14835d6f",[[1,"ic-typography",{"variant":[1],"applyVerticalMargins":[4,"apply-vertical-margins"]}]]],["p-3e5eb873",[[17,"ic-search-bar",{"label":[1],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"fullWidth":[4,"full-width"],"disableFilter":[4,"disable-filter"],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"small":[4],"value":[1537],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"name":[1],"spellcheck":[4],"options":[16],"timeout":[2],"loadingLabel":[1,"loading-label"],"loadingErrorLabel":[1,"loading-error-label"],"loading":[1028],"focusOnLoad":[4,"focus-on-load"],"hintText":[1,"hint-text"],"emptyOptionListText":[1,"empty-option-list-text"],"charactersUntilSuggestion":[2,"characters-until-suggestion"],"open":[32],"filteredOptions":[32],"ariaActiveDescendant":[32],"showClearButton":[32],"clearButtonFocused":[32],"searchSubmitFocused":[32],"highlightedValue":[32],"setFocus":[64]},[[0,"icKeydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]]],["p-56fe91ad",[[17,"ic-select",{"label":[1],"options":[16],"required":[4],"hideLabel":[4,"hide-label"],"disabled":[516],"readonly":[4],"placeholder":[1],"helperText":[1,"helper-text"],"small":[4],"fullWidth":[4,"full-width"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"value":[1025],"debounce":[2],"name":[1],"showClearButton":[4,"show-clear-button"],"searchable":[4],"includeDescriptionsInSearch":[4,"include-descriptions-in-search"],"includeGroupTitlesInSearch":[4,"include-group-titles-in-search"],"searchMatchPosition":[1,"search-match-position"],"charactersUntilSuggestions":[2,"characters-until-suggestions"],"emptyOptionListText":[1,"empty-option-list-text"],"disableFilter":[4,"disable-filter"],"timeout":[2],"loadingLabel":[1,"loading-label"],"loadingErrorLabel":[1,"loading-error-label"],"loading":[1028],"open":[32],"clearButtonFocused":[32],"searchableSelectInputValue":[32],"filteredOptions":[32],"ariaActiveDescendant":[32],"noOptions":[32],"initialValue":[32],"currDebounce":[32],"currValue":[32],"debounceIcChange":[32],"pressedCharacters":[32],"hiddenInputValue":[32],"inputValueToFilter":[32],"setFocus":[64]}]]],["p-d5d9923a",[[1,"ic-top-navigation",{"appTitle":[1,"app-title"],"href":[1],"version":[1],"status":[1],"contentAligned":[1,"content-aligned"],"inline":[4],"menuOpen":[32],"deviceSize":[32],"mobileSearchBarVisible":[32],"navMenuVisible":[32],"searchValue":[32],"mobileSearchHiddenOnBlur":[32],"searchButtonClick":[32],"foregroundColor":[32],"hasFullWidthSearchBar":[32]},[[0,"icNavigationMenuClose","navBarMenuCloseHandler"],[0,"icSearchBarBlur","searchInputBlurHandler"],[0,"icChange","searchValueChangeHandler"],[4,"themeChange","themeChangeHandler"]]]]],["p-92c4fa7f",[[1,"ic-page-header",{"heading":[1],"subheading":[1],"aligned":[1],"small":[4],"border":[4],"sticky":[4],"stickyDesktopOnly":[4,"sticky-desktop-only"],"reverseOrder":[4,"reverse-order"],"deviceSize":[32],"areButtonsReversed":[32],"actionContent":[32]}]]],["p-ff6583e6",[[1,"ic-pagination",{"pages":[2],"type":[1],"defaultPage":[2,"default-page"],"adjacentCount":[1026,"adjacent-count"],"boundaryCount":[1026,"boundary-count"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"hideCurrentPage":[4,"hide-current-page"],"disabled":[4],"appearance":[1],"label":[1],"currentPage":[32],"startEllipsis":[32],"endEllipsis":[32],"startItems":[32],"endItems":[32],"midItems":[32]},[[0,"paginationItemClick","paginationItemClickHandler"]]]]],["p-ec8b228c",[[17,"ic-popover-menu",{"anchor":[1],"submenuId":[1,"submenu-id"],"open":[1540],"parentPopover":[16],"submenuLevel":[2,"submenu-level"],"parentLabel":[1,"parent-label"],"openingFromChild":[32],"openingFromParent":[32],"openFromChild":[64],"openFromParent":[64]},[[0,"handleMenuItemClick","handleMenuItemClick"],[2,"triggerPopoverMenuInstance","handleSubmenuChange"],[4,"click","handleClick"],[4,"keydown","handleKeyDown"]]]]],["p-52fd3533",[[1,"ic-side-navigation",{"appTitle":[1,"app-title"],"status":[1],"version":[1],"expanded":[4],"href":[1],"static":[4],"collapsedIconLabels":[4,"collapsed-icon-labels"],"inline":[4],"disableAutoParentStyling":[4,"disable-auto-parent-styling"],"foregroundColor":[32],"menuOpen":[32],"menuExpanded":[32],"deviceSize":[32],"deviceSizeAppTitle":[32],"hasSecondaryNavigation":[32]},[[4,"themeChange","themeChangeHandler"]]]]],["p-0a41c3cb",[[17,"ic-tab-group",{"contextId":[513,"context-id"],"inline":[516],"label":[1],"appearance":[1]}]]],["p-47b0ed42",[[1,"ic-alert",{"variant":[1],"heading":[1],"message":[1],"titleAbove":[4,"title-above"],"dismissible":[4],"announced":[4],"visible":[32],"alertTitleWrap":[32]},[[2,"icDismiss","handleClick"]]]]],["p-c0813424",[[1,"ic-card",{"clickable":[1028],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"heading":[1],"subheading":[1],"message":[1],"disabled":[4],"fullWidth":[4,"full-width"],"expandable":[4],"parentIsAnchorTag":[32],"isFocussed":[32],"parentEl":[32],"appearance":[32],"areaExpanded":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"themeChange","themeChangeHandler"]]]]],["p-e41e701a",[[17,"ic-navigation-button",{"label":[1],"href":[1],"target":[1],"rel":[1],"download":[8],"hreflang":[1],"referrerpolicy":[1],"mode":[32],"initialAppearance":[32],"setFocus":[64]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"],[4,"themeChange","themeChangeHandler"]]]]],["p-a0f4e641",[[1,"ic-toast",{"heading":[1],"variant":[1025],"message":[1],"dismissMode":[1025,"dismiss-mode"],"autoDismissTimeout":[1026,"auto-dismiss-timeout"],"neutralIconAriaLabel":[1,"neutral-icon-aria-label"],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"visible":[32],"timerProgress":[32],"setVisible":[64]},[[2,"icDismiss","handleDismiss"],[4,"keydown","handleKeyboard"],[1,"mouseenter","handleTimer"],[1,"mouseleave","handleTimer"]]]]],["p-b61e76e2",[[1,"ic-checkbox-group",{"label":[1],"name":[1],"required":[4],"hideLabel":[4,"hide-label"],"disabled":[4],"helperText":[1,"helper-text"],"small":[4],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"]},[[0,"icCheck","selectHandler"]]]]],["p-cb437317",[[1,"ic-radio-group",{"label":[1],"name":[1],"required":[4],"orientation":[1537],"hideLabel":[4,"hide-label"],"disabled":[4],"helperText":[1,"helper-text"],"small":[4],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"checkedValue":[32],"selectedChild":[32]},[[0,"icCheck","selectHandler"]]]]],["p-276f7ecb",[[1,"ic-breadcrumb-group",{"backBreadcrumbOnly":[4,"back-breadcrumb-only"],"collapsed":[4],"deviceSize":[32],"expandedBreadcrumbs":[32]}]]],["p-8780890e",[[17,"ic-chip",{"label":[1],"appearance":[1],"size":[1],"dismissible":[4],"disabled":[4],"visible":[32],"isHovered":[32],"setFocus":[64]},[[2,"icDismiss","handleClick"]]]]],["p-db7131b6",[[1,"ic-footer",{"description":[1],"aligned":[1],"breakpoint":[1],"groupLinks":[4,"group-links"],"caption":[1],"copyright":[4],"deviceSize":[32],"foregroundColor":[32]},[[4,"themeChange","themeChangeHandler"]]]]],["p-e384aaee",[[17,"ic-footer-link-group",{"groupTitle":[1,"group-title"],"small":[32],"expanded":[32],"dropdownIconStyle":[32],"deviceSize":[32]},[[4,"footerResized","footerResizeHandler"],[4,"themeChange","footerThemeChangeHandler"]]]]],["p-5d077cf7",[[1,"ic-hero",{"heading":[1],"subheading":[1],"secondaryHeading":[1,"secondary-heading"],"secondarySubheading":[1,"secondary-subheading"],"backgroundImage":[1,"background-image"],"disableBackgroundParallax":[4,"disable-background-parallax"],"aligned":[1],"contentAligned":[1,"content-aligned"],"small":[4],"rightContent":[32],"scrollFactor":[32],"leftContentFullWidth":[32],"foregroundColor":[32]},[[4,"themeChange","themeChangeHandler"],[5,"scroll","doScroll"]]]]],["p-f3e10149",[[17,"ic-navigation-item",{"label":[1],"href":[1],"target":[1],"rel":[1],"hreflang":[1],"referrerpolicy":[1],"download":[8],"selected":[4],"expandable":[4],"displayNavigationTooltip":[4,"display-navigation-tooltip"],"collapsedIconLabel":[4,"collapsed-icon-label"],"isTopNavChild":[32],"inTopNavSideMenu":[32],"deviceSize":[32],"focusStyle":[32],"navigationType":[32],"parentEl":[32],"sideNavExpanded":[32],"isSideNavMobile":[32],"setFocus":[64]},[[4,"themeChange","themeChangeHandler"]]]]],["p-de891d3d",[[1,"ic-step",{"variant":[1],"stepTitle":[1,"step-title"],"stepSubtitle":[1,"step-subtitle"],"stepStatus":[1,"step-status"],"stepType":[1,"step-type"],"current":[1028],"compactStepStyling":[1,"compact-step-styling"],"stepNum":[2,"step-num"],"lastStep":[4,"last-step"],"lastStepNum":[2,"last-step-num"],"nextStepTitle":[1,"next-step-title"],"progress":[2]}]]],["p-e839e5dc",[[17,"ic-switch",{"label":[1],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"checked":[4],"small":[4],"disabled":[4],"name":[1],"showState":[4,"show-state"],"value":[1],"checkedState":[32],"initiallyChecked":[32],"setFocus":[64]}]]],["p-1eb0992b",[[17,"ic-back-to-top",{"target":[1],"bannerOffset":[32],"targetElVisible":[32],"footerVisible":[32]}]]],["p-3845b769",[[17,"ic-checkbox",{"checked":[1540],"disabled":[4],"label":[1],"value":[1],"name":[1],"groupLabel":[1,"group-label"],"dynamicText":[1,"dynamic-text"],"additionalFieldDisplay":[513,"additional-field-display"],"indeterminate":[4],"small":[4],"initiallyChecked":[32],"setFocus":[64]}]]],["p-312c10b0",[[1,"ic-classification-banner",{"additionalSelectors":[1,"additional-selectors"],"classification":[1],"country":[1],"inline":[4],"upTo":[4,"up-to"]}]]],["p-de45134c",[[1,"ic-data-entity",{"heading":[1],"small":[4]}]]],["p-002a63e9",[[1,"ic-data-row",{"label":[1],"value":[1],"small":[4],"deviceSize":[32],"entitySize":[32]}]]],["p-28bc3bf0",[[1,"ic-menu-group",{"label":[1]}]]],["p-895bda21",[[17,"ic-navigation-group",{"label":[1],"expandable":[4],"dropdownOpen":[32],"inTopNavSideMenu":[32],"deviceSize":[32],"focusStyle":[32],"navigationType":[32],"parentEl":[32],"expanded":[32],"setFocus":[64]},[[0,"childBlur","childBlurHandler"],[0,"navItemClicked","navItemClickHandler"],[4,"themeChange","themeChangeHandler"]]]]],["p-6b39f8b4",[[17,"ic-radio-option",{"selected":[1540],"disabled":[4],"label":[1],"value":[1025],"name":[1],"groupLabel":[1,"group-label"],"dynamicText":[1,"dynamic-text"],"additionalFieldDisplay":[513,"additional-field-display"],"initiallySelected":[32],"setFocus":[64]},[[0,"icChange","textfieldValueHandler"]]]]],["p-9413d639",[[1,"ic-status-tag",{"label":[1],"status":[1],"appearance":[1],"small":[4],"announced":[4]}]]],["p-3dc2ff7b",[[1,"ic-tab",{"contextId":[513,"context-id"],"disabled":[4],"selected":[516],"tabId":[513,"tab-id"],"tabPosition":[2,"tab-position"],"appearance":[1],"setFocus":[64]}]]],["p-3a67718c",[[17,"ic-footer-link",{"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"download":[8],"footerConfig":[32],"deviceSize":[32],"foregroundColor":[32]},[[4,"footerResized","footerResizeHandler"],[4,"themeChange","footerThemeChangeHandler"]]]]],["p-454b1ecd",[[1,"ic-skeleton",{"variant":[1],"light":[4],"hasChild":[32],"default":[32],"heightOnly":[32],"widthOnly":[32]}]]],["p-546b620e",[[1,"ic-stepper",{"aligned":[1],"variant":[1025],"connectorWidth":[2,"connector-width"],"hideStepInfo":[4,"hide-step-info"],"stepperWidth":[32],"lastStepWidth":[32],"stepTypes":[32],"alignedFullWidth":[32],"autoSetStepTitles":[32],"variantOverride":[32],"noOfResizes":[32]}]]],["p-4b87445b",[[4,"ic-tab-context",{"contextId":[513,"context-id"],"activationType":[1,"activation-type"],"selectedTabIndex":[2,"selected-tab-index"],"appearance":[1],"selectedTab":[32],"tabRemovedHandler":[64]},[[0,"tabClick","tabClickHandler"],[0,"tabCreated","tabCreatedHandler"],[0,"tabPanelCreated","tabCreatedHandler"]]]]],["p-ea526b54",[[1,"ic-tab-panel",{"contextId":[513,"context-id"],"tabPosition":[514,"tab-position"],"panelId":[513,"panel-id"],"selectedTab":[1,"selected-tab"],"appearance":[1]}]]],["p-6a77992e",[[1,"ic-theme",{"color":[1]}]]],["p-223a214f",[[4,"ic-toast-region",{"setVisible":[64]},[[2,"icDismiss","handleDismissedToast"]]]]],["p-3c23f963",[[1,"ic-text-field",{"inputId":[1,"input-id"],"label":[1],"required":[4],"disabled":[4],"readonly":[516],"placeholder":[1],"fullWidth":[4,"full-width"],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"rows":[2],"resize":[4],"small":[516],"value":[1537],"min":[8],"max":[8],"maxLength":[2,"max-length"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"validationInline":[4,"validation-inline"],"validationInlineInternal":[4,"validation-inline-internal"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autoFocus":[4,"auto-focus"],"debounce":[2],"type":[1],"inputmode":[1],"name":[1],"spellcheck":[4],"ariaActiveDescendant":[1,"aria-active-descendant"],"truncateValue":[4,"truncate-value"],"ariaExpanded":[1,"aria-expanded"],"ariaOwns":[1,"aria-owns"],"ariaAutocomplete":[1,"aria-autocomplete"],"role":[1],"hiddenInput":[4,"hidden-input"],"numChars":[32],"maxLengthExceeded":[32],"minValueUnattained":[32],"maxValueExceeded":[32],"initialValue":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"]]]]],["p-e0f24ccd",[[17,"ic-menu-item",{"variant":[1537],"label":[1],"description":[1],"disabled":[4],"href":[1],"target":[1],"rel":[1],"hreflang":[1],"referrerpolicy":[1],"keyboardShortcut":[1,"keyboard-shortcut"],"submenuTriggerFor":[1,"submenu-trigger-for"],"toggleChecked":[32]},[[2,"click","handleHostClick"]]]]],["p-a5bee11f",[[1,"ic-navigation-menu",{"version":[1],"status":[1]},[[0,"navItemClicked","navItemClickHandler"],[4,"keydown","handleKeyDown"]]]]],["p-a33a04b2",[[17,"ic-breadcrumb",{"pageTitle":[1,"page-title"],"href":[1],"current":[4],"showBackIcon":[516,"show-back-icon"],"setFocus":[64]}]]],["p-80eff050",[[1,"ic-pagination-item",{"page":[2],"selected":[4],"type":[1],"disabled":[4],"appearance":[1],"label":[1],"ariaOverride":[4,"aria-override"],"pages":[2]}]]],["p-dc0b9e80",[[2,"ic-divider",{"foregroundColor":[32]},[[4,"themeChange","themeChangeHandler"]]]]],["p-3fb307e6",[[17,"ic-link",{"download":[8],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"showIcon":[4,"show-icon"],"appearance":[1025],"setFocus":[64]},[[4,"themeChange","themeChangeHandler"]]]]],["p-0575a77f",[[1,"ic-horizontal-scroll",{"appearance":[1],"firstItemVisible":[32],"lastItemVisible":[32],"itemOverflow":[32],"scrollItemIntoView":[64]}]]],["p-fc7dce3d",[[1,"ic-section-container",{"aligned":[1],"fullHeight":[4,"full-height"]}]]],["p-4c8fcfe6",[[2,"ic-menu",{"open":[516],"options":[16],"small":[516],"menuId":[1,"menu-id"],"value":[1],"activationType":[1,"activation-type"],"inputEl":[16],"parentEl":[16],"inputLabel":[1,"input-label"],"anchorEl":[16],"fullWidth":[4,"full-width"],"autoFocusOnSelected":[4,"auto-focus-on-selected"],"keyboardNav":[32],"optionHighlighted":[32],"focusFromSearchKeypress":[32],"initialOptionsListRender":[32],"preventIncorrectTabOrder":[32],"handleClickOpen":[64],"handleKeyboardOpen":[64],"handleSetFirstOption":[64]}],[4,"ic-input-component-container",{"disabled":[4],"readonly":[4],"validationStatus":[1,"validation-status"],"small":[4],"multiLine":[4,"multi-line"],"validationInline":[4,"validation-inline"],"dark":[4],"fullWidth":[4,"full-width"]}],[4,"ic-input-container",{"disabled":[4],"readonly":[4]}]]],["p-100dbcec",[[4,"ic-input-validation",{"message":[1],"for":[1],"status":[1],"fullWidth":[4,"full-width"],"ariaLiveMode":[1,"aria-live-mode"]}],[0,"ic-input-label",{"for":[1],"required":[4],"helperText":[1,"helper-text"],"label":[1],"disabled":[4],"readonly":[4],"error":[4],"dark":[4]}]]],["p-864b46bf",[[17,"ic-button",{"disabled":[4],"loading":[4],"type":[1],"href":[1],"target":[1],"rel":[1],"download":[8],"hreflang":[1],"referrerpolicy":[1],"variant":[1],"size":[1],"fullWidth":[4,"full-width"],"disableTooltip":[4,"disable-tooltip"],"tooltipPlacement":[1,"tooltip-placement"],"appearance":[1025],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"setFocus":[64],"updateAriaLabel":[64]},[[2,"click","handleHostClick"],[4,"themeChange","themeChangeHandler"]]],[1,"ic-loading-indicator",{"progress":[2],"min":[2],"max":[2],"label":[1],"description":[1],"innerLabel":[2,"inner-label"],"labelDuration":[2,"label-duration"],"size":[513],"type":[513],"fullWidth":[516,"full-width"],"appearance":[1],"indicatorLabel":[32],"indeterminate":[32],"showSecond":[32],"circularLineWidth":[32],"circularDiameter":[32]}],[1,"ic-tooltip",{"target":[513],"placement":[1],"label":[1],"disableHover":[4,"disable-hover"],"displayTooltip":[64]}]]]]'),e)));
+import{p as e,b as a}from"./p-589f6dd3.js";const i=()=>{const a=import.meta.url;const i={};if(a!==""){i.resourcesUrl=new URL(".",a).href}return e(i)};i().then((e=>a(JSON.parse('[["p-14835d6f",[[1,"ic-typography",{"variant":[1],"applyVerticalMargins":[4,"apply-vertical-margins"]}]]],["p-3e5eb873",[[17,"ic-search-bar",{"label":[1],"required":[4],"disabled":[4],"readonly":[4],"placeholder":[1],"fullWidth":[4,"full-width"],"disableFilter":[4,"disable-filter"],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"small":[4],"value":[1537],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"debounce":[2],"name":[1],"spellcheck":[4],"options":[16],"timeout":[2],"loadingLabel":[1,"loading-label"],"loadingErrorLabel":[1,"loading-error-label"],"loading":[1028],"focusOnLoad":[4,"focus-on-load"],"hintText":[1,"hint-text"],"emptyOptionListText":[1,"empty-option-list-text"],"charactersUntilSuggestion":[2,"characters-until-suggestion"],"open":[32],"filteredOptions":[32],"ariaActiveDescendant":[32],"showClearButton":[32],"clearButtonFocused":[32],"searchSubmitFocused":[32],"highlightedValue":[32],"setFocus":[64]},[[0,"icKeydown","handleKeyDown"],[0,"keyup","handleKeyUp"]]]]],["p-56fe91ad",[[17,"ic-select",{"label":[1],"options":[16],"required":[4],"hideLabel":[4,"hide-label"],"disabled":[516],"readonly":[4],"placeholder":[1],"helperText":[1,"helper-text"],"small":[4],"fullWidth":[4,"full-width"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"value":[1025],"debounce":[2],"name":[1],"showClearButton":[4,"show-clear-button"],"searchable":[4],"includeDescriptionsInSearch":[4,"include-descriptions-in-search"],"includeGroupTitlesInSearch":[4,"include-group-titles-in-search"],"searchMatchPosition":[1,"search-match-position"],"charactersUntilSuggestions":[2,"characters-until-suggestions"],"emptyOptionListText":[1,"empty-option-list-text"],"disableFilter":[4,"disable-filter"],"timeout":[2],"loadingLabel":[1,"loading-label"],"loadingErrorLabel":[1,"loading-error-label"],"loading":[1028],"open":[32],"clearButtonFocused":[32],"searchableSelectInputValue":[32],"filteredOptions":[32],"ariaActiveDescendant":[32],"noOptions":[32],"initialValue":[32],"currDebounce":[32],"currValue":[32],"debounceIcChange":[32],"pressedCharacters":[32],"hiddenInputValue":[32],"inputValueToFilter":[32],"setFocus":[64]}]]],["p-d5d9923a",[[1,"ic-top-navigation",{"appTitle":[1,"app-title"],"href":[1],"version":[1],"status":[1],"contentAligned":[1,"content-aligned"],"inline":[4],"menuOpen":[32],"deviceSize":[32],"mobileSearchBarVisible":[32],"navMenuVisible":[32],"searchValue":[32],"mobileSearchHiddenOnBlur":[32],"searchButtonClick":[32],"foregroundColor":[32],"hasFullWidthSearchBar":[32]},[[0,"icNavigationMenuClose","navBarMenuCloseHandler"],[0,"icSearchBarBlur","searchInputBlurHandler"],[0,"icChange","searchValueChangeHandler"],[4,"themeChange","themeChangeHandler"]]]]],["p-92c4fa7f",[[1,"ic-page-header",{"heading":[1],"subheading":[1],"aligned":[1],"small":[4],"border":[4],"sticky":[4],"stickyDesktopOnly":[4,"sticky-desktop-only"],"reverseOrder":[4,"reverse-order"],"deviceSize":[32],"areButtonsReversed":[32],"actionContent":[32]}]]],["p-2e949135",[[1,"ic-pagination",{"pages":[2],"type":[1],"defaultPage":[2,"default-page"],"adjacentCount":[1026,"adjacent-count"],"boundaryCount":[1026,"boundary-count"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"hideCurrentPage":[4,"hide-current-page"],"disabled":[4],"appearance":[1],"label":[1],"currentPage":[32],"startEllipsis":[32],"endEllipsis":[32],"startItems":[32],"endItems":[32],"midItems":[32]},[[0,"paginationItemClick","paginationItemClickHandler"]]]]],["p-ec8b228c",[[17,"ic-popover-menu",{"anchor":[1],"submenuId":[1,"submenu-id"],"open":[1540],"parentPopover":[16],"submenuLevel":[2,"submenu-level"],"parentLabel":[1,"parent-label"],"openingFromChild":[32],"openingFromParent":[32],"openFromChild":[64],"openFromParent":[64]},[[0,"handleMenuItemClick","handleMenuItemClick"],[2,"triggerPopoverMenuInstance","handleSubmenuChange"],[4,"click","handleClick"],[4,"keydown","handleKeyDown"]]]]],["p-52fd3533",[[1,"ic-side-navigation",{"appTitle":[1,"app-title"],"status":[1],"version":[1],"expanded":[4],"href":[1],"static":[4],"collapsedIconLabels":[4,"collapsed-icon-labels"],"inline":[4],"disableAutoParentStyling":[4,"disable-auto-parent-styling"],"foregroundColor":[32],"menuOpen":[32],"menuExpanded":[32],"deviceSize":[32],"deviceSizeAppTitle":[32],"hasSecondaryNavigation":[32]},[[4,"themeChange","themeChangeHandler"]]]]],["p-0a41c3cb",[[17,"ic-tab-group",{"contextId":[513,"context-id"],"inline":[516],"label":[1],"appearance":[1]}]]],["p-47b0ed42",[[1,"ic-alert",{"variant":[1],"heading":[1],"message":[1],"titleAbove":[4,"title-above"],"dismissible":[4],"announced":[4],"visible":[32],"alertTitleWrap":[32]},[[2,"icDismiss","handleClick"]]]]],["p-c0813424",[[1,"ic-card",{"clickable":[1028],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"heading":[1],"subheading":[1],"message":[1],"disabled":[4],"fullWidth":[4,"full-width"],"expandable":[4],"parentIsAnchorTag":[32],"isFocussed":[32],"parentEl":[32],"appearance":[32],"areaExpanded":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"themeChange","themeChangeHandler"]]]]],["p-e41e701a",[[17,"ic-navigation-button",{"label":[1],"href":[1],"target":[1],"rel":[1],"download":[8],"hreflang":[1],"referrerpolicy":[1],"mode":[32],"initialAppearance":[32],"setFocus":[64]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"],[4,"themeChange","themeChangeHandler"]]]]],["p-a0f4e641",[[1,"ic-toast",{"heading":[1],"variant":[1025],"message":[1],"dismissMode":[1025,"dismiss-mode"],"autoDismissTimeout":[1026,"auto-dismiss-timeout"],"neutralIconAriaLabel":[1,"neutral-icon-aria-label"],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"visible":[32],"timerProgress":[32],"setVisible":[64]},[[2,"icDismiss","handleDismiss"],[4,"keydown","handleKeyboard"],[1,"mouseenter","handleTimer"],[1,"mouseleave","handleTimer"]]]]],["p-b61e76e2",[[1,"ic-checkbox-group",{"label":[1],"name":[1],"required":[4],"hideLabel":[4,"hide-label"],"disabled":[4],"helperText":[1,"helper-text"],"small":[4],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"]},[[0,"icCheck","selectHandler"]]]]],["p-cb437317",[[1,"ic-radio-group",{"label":[1],"name":[1],"required":[4],"orientation":[1537],"hideLabel":[4,"hide-label"],"disabled":[4],"helperText":[1,"helper-text"],"small":[4],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"checkedValue":[32],"selectedChild":[32]},[[0,"icCheck","selectHandler"]]]]],["p-276f7ecb",[[1,"ic-breadcrumb-group",{"backBreadcrumbOnly":[4,"back-breadcrumb-only"],"collapsed":[4],"deviceSize":[32],"expandedBreadcrumbs":[32]}]]],["p-8780890e",[[17,"ic-chip",{"label":[1],"appearance":[1],"size":[1],"dismissible":[4],"disabled":[4],"visible":[32],"isHovered":[32],"setFocus":[64]},[[2,"icDismiss","handleClick"]]]]],["p-a7fdb9a8",[[1,"ic-footer",{"description":[1],"aligned":[1],"breakpoint":[1],"groupLinks":[4,"group-links"],"caption":[1],"copyright":[4],"deviceSize":[32],"foregroundColor":[32]},[[4,"themeChange","themeChangeHandler"]]]]],["p-e384aaee",[[17,"ic-footer-link-group",{"groupTitle":[1,"group-title"],"small":[32],"expanded":[32],"dropdownIconStyle":[32],"deviceSize":[32]},[[4,"footerResized","footerResizeHandler"],[4,"themeChange","footerThemeChangeHandler"]]]]],["p-5d077cf7",[[1,"ic-hero",{"heading":[1],"subheading":[1],"secondaryHeading":[1,"secondary-heading"],"secondarySubheading":[1,"secondary-subheading"],"backgroundImage":[1,"background-image"],"disableBackgroundParallax":[4,"disable-background-parallax"],"aligned":[1],"contentAligned":[1,"content-aligned"],"small":[4],"rightContent":[32],"scrollFactor":[32],"leftContentFullWidth":[32],"foregroundColor":[32]},[[4,"themeChange","themeChangeHandler"],[5,"scroll","doScroll"]]]]],["p-f3e10149",[[17,"ic-navigation-item",{"label":[1],"href":[1],"target":[1],"rel":[1],"hreflang":[1],"referrerpolicy":[1],"download":[8],"selected":[4],"expandable":[4],"displayNavigationTooltip":[4,"display-navigation-tooltip"],"collapsedIconLabel":[4,"collapsed-icon-label"],"isTopNavChild":[32],"inTopNavSideMenu":[32],"deviceSize":[32],"focusStyle":[32],"navigationType":[32],"parentEl":[32],"sideNavExpanded":[32],"isSideNavMobile":[32],"setFocus":[64]},[[4,"themeChange","themeChangeHandler"]]]]],["p-de891d3d",[[1,"ic-step",{"variant":[1],"stepTitle":[1,"step-title"],"stepSubtitle":[1,"step-subtitle"],"stepStatus":[1,"step-status"],"stepType":[1,"step-type"],"current":[1028],"compactStepStyling":[1,"compact-step-styling"],"stepNum":[2,"step-num"],"lastStep":[4,"last-step"],"lastStepNum":[2,"last-step-num"],"nextStepTitle":[1,"next-step-title"],"progress":[2]}]]],["p-e839e5dc",[[17,"ic-switch",{"label":[1],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"checked":[4],"small":[4],"disabled":[4],"name":[1],"showState":[4,"show-state"],"value":[1],"checkedState":[32],"initiallyChecked":[32],"setFocus":[64]}]]],["p-1eb0992b",[[17,"ic-back-to-top",{"target":[1],"bannerOffset":[32],"targetElVisible":[32],"footerVisible":[32]}]]],["p-3845b769",[[17,"ic-checkbox",{"checked":[1540],"disabled":[4],"label":[1],"value":[1],"name":[1],"groupLabel":[1,"group-label"],"dynamicText":[1,"dynamic-text"],"additionalFieldDisplay":[513,"additional-field-display"],"indeterminate":[4],"small":[4],"initiallyChecked":[32],"setFocus":[64]}]]],["p-312c10b0",[[1,"ic-classification-banner",{"additionalSelectors":[1,"additional-selectors"],"classification":[1],"country":[1],"inline":[4],"upTo":[4,"up-to"]}]]],["p-de45134c",[[1,"ic-data-entity",{"heading":[1],"small":[4]}]]],["p-002a63e9",[[1,"ic-data-row",{"label":[1],"value":[1],"small":[4],"deviceSize":[32],"entitySize":[32]}]]],["p-28bc3bf0",[[1,"ic-menu-group",{"label":[1]}]]],["p-895bda21",[[17,"ic-navigation-group",{"label":[1],"expandable":[4],"dropdownOpen":[32],"inTopNavSideMenu":[32],"deviceSize":[32],"focusStyle":[32],"navigationType":[32],"parentEl":[32],"expanded":[32],"setFocus":[64]},[[0,"childBlur","childBlurHandler"],[0,"navItemClicked","navItemClickHandler"],[4,"themeChange","themeChangeHandler"]]]]],["p-6b39f8b4",[[17,"ic-radio-option",{"selected":[1540],"disabled":[4],"label":[1],"value":[1025],"name":[1],"groupLabel":[1,"group-label"],"dynamicText":[1,"dynamic-text"],"additionalFieldDisplay":[513,"additional-field-display"],"initiallySelected":[32],"setFocus":[64]},[[0,"icChange","textfieldValueHandler"]]]]],["p-9413d639",[[1,"ic-status-tag",{"label":[1],"status":[1],"appearance":[1],"small":[4],"announced":[4]}]]],["p-3dc2ff7b",[[1,"ic-tab",{"contextId":[513,"context-id"],"disabled":[4],"selected":[516],"tabId":[513,"tab-id"],"tabPosition":[2,"tab-position"],"appearance":[1],"setFocus":[64]}]]],["p-3a67718c",[[17,"ic-footer-link",{"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"download":[8],"footerConfig":[32],"deviceSize":[32],"foregroundColor":[32]},[[4,"footerResized","footerResizeHandler"],[4,"themeChange","footerThemeChangeHandler"]]]]],["p-454b1ecd",[[1,"ic-skeleton",{"variant":[1],"light":[4],"hasChild":[32],"default":[32],"heightOnly":[32],"widthOnly":[32]}]]],["p-546b620e",[[1,"ic-stepper",{"aligned":[1],"variant":[1025],"connectorWidth":[2,"connector-width"],"hideStepInfo":[4,"hide-step-info"],"stepperWidth":[32],"lastStepWidth":[32],"stepTypes":[32],"alignedFullWidth":[32],"autoSetStepTitles":[32],"variantOverride":[32],"noOfResizes":[32]}]]],["p-4b87445b",[[4,"ic-tab-context",{"contextId":[513,"context-id"],"activationType":[1,"activation-type"],"selectedTabIndex":[2,"selected-tab-index"],"appearance":[1],"selectedTab":[32],"tabRemovedHandler":[64]},[[0,"tabClick","tabClickHandler"],[0,"tabCreated","tabCreatedHandler"],[0,"tabPanelCreated","tabCreatedHandler"]]]]],["p-ea526b54",[[1,"ic-tab-panel",{"contextId":[513,"context-id"],"tabPosition":[514,"tab-position"],"panelId":[513,"panel-id"],"selectedTab":[1,"selected-tab"],"appearance":[1]}]]],["p-6a77992e",[[1,"ic-theme",{"color":[1]}]]],["p-223a214f",[[4,"ic-toast-region",{"setVisible":[64]},[[2,"icDismiss","handleDismissedToast"]]]]],["p-3c23f963",[[1,"ic-text-field",{"inputId":[1,"input-id"],"label":[1],"required":[4],"disabled":[4],"readonly":[516],"placeholder":[1],"fullWidth":[4,"full-width"],"hideLabel":[4,"hide-label"],"helperText":[1,"helper-text"],"rows":[2],"resize":[4],"small":[516],"value":[1537],"min":[8],"max":[8],"maxLength":[2,"max-length"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"validationInline":[4,"validation-inline"],"validationInlineInternal":[4,"validation-inline-internal"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autoFocus":[4,"auto-focus"],"debounce":[2],"type":[1],"inputmode":[1],"name":[1],"spellcheck":[4],"ariaActiveDescendant":[1,"aria-active-descendant"],"truncateValue":[4,"truncate-value"],"ariaExpanded":[1,"aria-expanded"],"ariaOwns":[1,"aria-owns"],"ariaAutocomplete":[1,"aria-autocomplete"],"role":[1],"hiddenInput":[4,"hidden-input"],"numChars":[32],"maxLengthExceeded":[32],"minValueUnattained":[32],"maxValueExceeded":[32],"initialValue":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"]]]]],["p-e0f24ccd",[[17,"ic-menu-item",{"variant":[1537],"label":[1],"description":[1],"disabled":[4],"href":[1],"target":[1],"rel":[1],"hreflang":[1],"referrerpolicy":[1],"keyboardShortcut":[1,"keyboard-shortcut"],"submenuTriggerFor":[1,"submenu-trigger-for"],"toggleChecked":[32]},[[2,"click","handleHostClick"]]]]],["p-a5bee11f",[[1,"ic-navigation-menu",{"version":[1],"status":[1]},[[0,"navItemClicked","navItemClickHandler"],[4,"keydown","handleKeyDown"]]]]],["p-a33a04b2",[[17,"ic-breadcrumb",{"pageTitle":[1,"page-title"],"href":[1],"current":[4],"showBackIcon":[516,"show-back-icon"],"setFocus":[64]}]]],["p-80eff050",[[1,"ic-pagination-item",{"page":[2],"selected":[4],"type":[1],"disabled":[4],"appearance":[1],"label":[1],"ariaOverride":[4,"aria-override"],"pages":[2]}]]],["p-dc0b9e80",[[2,"ic-divider",{"foregroundColor":[32]},[[4,"themeChange","themeChangeHandler"]]]]],["p-3fb307e6",[[17,"ic-link",{"download":[8],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"showIcon":[4,"show-icon"],"appearance":[1025],"setFocus":[64]},[[4,"themeChange","themeChangeHandler"]]]]],["p-0575a77f",[[1,"ic-horizontal-scroll",{"appearance":[1],"firstItemVisible":[32],"lastItemVisible":[32],"itemOverflow":[32],"scrollItemIntoView":[64]}]]],["p-fc7dce3d",[[1,"ic-section-container",{"aligned":[1],"fullHeight":[4,"full-height"]}]]],["p-4c8fcfe6",[[2,"ic-menu",{"open":[516],"options":[16],"small":[516],"menuId":[1,"menu-id"],"value":[1],"activationType":[1,"activation-type"],"inputEl":[16],"parentEl":[16],"inputLabel":[1,"input-label"],"anchorEl":[16],"fullWidth":[4,"full-width"],"autoFocusOnSelected":[4,"auto-focus-on-selected"],"keyboardNav":[32],"optionHighlighted":[32],"focusFromSearchKeypress":[32],"initialOptionsListRender":[32],"preventIncorrectTabOrder":[32],"handleClickOpen":[64],"handleKeyboardOpen":[64],"handleSetFirstOption":[64]}],[4,"ic-input-component-container",{"disabled":[4],"readonly":[4],"validationStatus":[1,"validation-status"],"small":[4],"multiLine":[4,"multi-line"],"validationInline":[4,"validation-inline"],"dark":[4],"fullWidth":[4,"full-width"]}],[4,"ic-input-container",{"disabled":[4],"readonly":[4]}]]],["p-100dbcec",[[4,"ic-input-validation",{"message":[1],"for":[1],"status":[1],"fullWidth":[4,"full-width"],"ariaLiveMode":[1,"aria-live-mode"]}],[0,"ic-input-label",{"for":[1],"required":[4],"helperText":[1,"helper-text"],"label":[1],"disabled":[4],"readonly":[4],"error":[4],"dark":[4]}]]],["p-4595f48f",[[17,"ic-button",{"disabled":[4],"loading":[4],"type":[1],"href":[1],"target":[1],"rel":[1],"download":[8],"hreflang":[1],"referrerpolicy":[1],"variant":[1],"size":[1],"fullWidth":[4,"full-width"],"disableTooltip":[4,"disable-tooltip"],"tooltipPlacement":[1,"tooltip-placement"],"appearance":[1025],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"setFocus":[64],"updateAriaLabel":[64]},[[2,"click","handleHostClick"],[4,"themeChange","themeChangeHandler"]]],[1,"ic-loading-indicator",{"progress":[2],"min":[2],"max":[2],"label":[1],"description":[1],"innerLabel":[2,"inner-label"],"labelDuration":[2,"label-duration"],"size":[513],"type":[513],"fullWidth":[516,"full-width"],"appearance":[1],"indicatorLabel":[32],"indeterminate":[32],"showSecond":[32],"circularLineWidth":[32],"circularDiameter":[32]}],[1,"ic-tooltip",{"target":[513],"placement":[1],"label":[1],"disableHover":[4,"disable-hover"],"displayTooltip":[64]}]]]]'),e)));
 //# sourceMappingURL=core.esm.js.map

package/dist/core/p-2e949135.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as s,g as a}from"./p-589f6dd3.js";import{a as n}from"./p-3dea2867.js";import"./p-6f57b13c.js";const o=`<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.08748 0L0.912476 1.175L4.72914 5L0.912476 8.825L2.08748 10L7.08748 5L2.08748 0Z" fill="currentColor"/>\n</svg>\n`;const l=`<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.1709 8.825L7.34589 5L11.1709 1.175L9.99589 0L4.99589 5L9.99589 10L11.1709 8.825ZM0.829224 0H2.49589V10H0.829224V0Z" fill="currentColour"/>\n</svg>`;const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{box-sizing:border-box;width:100%;display:flex;justify-content:center}nav{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}ic-button{cursor:pointer}ic-button.next-previous{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}ic-button.first-last{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}.disabled{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hide-current-page{display:none}';const h=class{constructor(s){t(this,s);this.icPageChange=i(this,"icPageChange",7);this.handleClickFirst=()=>{this.currentPage=1;this.icPageChange.emit({value:this.currentPage})};this.handleClickPrevious=()=>{this.currentPage--;this.icPageChange.emit({value:this.currentPage})};this.handleClickNext=()=>{this.currentPage++;this.icPageChange.emit({value:this.currentPage})};this.handleClickLast=()=>{this.currentPage=this.pages;this.icPageChange.emit({value:this.currentPage})};this.firstButton=()=>e("ic-button",{id:"first-page-button","aria-label":"Go to first page",disableTooltip:true,appearance:this.appearance,onClick:this.handleClickFirst,class:"page-button first-last",disabled:this.currentPage===1||this.disabled,variant:"icon",innerHTML:l});this.previousButton=()=>e("ic-button",{id:"previous-page-button","aria-label":"Go to previous page",disableTooltip:true,appearance:this.appearance,onClick:this.handleClickPrevious,class:"page-button next-previous flip",disabled:this.currentPage===1||this.disabled,variant:"icon",innerHTML:o});this.nextButton=()=>e("ic-button",{id:"next-page-button","aria-label":"Go to next page",disableTooltip:true,appearance:this.appearance,onClick:this.handleClickNext,class:"page-button next-previous",disabled:this.currentPage===this.pages||this.disabled,variant:"icon",innerHTML:o});this.lastButton=()=>e("ic-button",{id:"last-page-button","aria-label":"Go to last page",disableTooltip:true,appearance:this.appearance,onClick:this.handleClickLast,class:"page-button first-last flip",disabled:this.currentPage===this.pages||this.disabled,variant:"icon",innerHTML:l});this.renderStartEllipsis=()=>e("ic-pagination-item",{appearance:this.appearance,type:"ellipsis",id:"start-ellipsis",disabled:this.disabled});this.renderEndEllipsis=()=>e("ic-pagination-item",{appearance:this.appearance,type:"ellipsis",id:"end-ellipsis",disabled:this.disabled});this.renderStartItems=()=>this.startItems.map((t=>e("ic-pagination-item",{appearance:this.appearance,selected:t===this.currentPage,id:`pagination-item-${t}`,type:"page",page:t,disabled:this.disabled})));this.renderEndItems=()=>this.endItems.map((t=>e("ic-pagination-item",{appearance:this.appearance,selected:t===this.currentPage,id:`pagination-item-${t}`,type:"page",page:t,disabled:this.disabled})));this.renderMiddleItems=()=>this.midItems.map((t=>e("ic-pagination-item",{appearance:this.appearance,selected:t===this.currentPage,id:`pagination-item-${t}`,type:"page",page:t,disabled:this.disabled})));this.pages=undefined;this.type="simple";this.defaultPage=1;this.adjacentCount=1;this.boundaryCount=1;this.hideFirstAndLastPageButton=false;this.hideCurrentPage=false;this.disabled=false;this.appearance="default";this.label="Page";this.currentPage=this.defaultPage;this.startEllipsis=false;this.endEllipsis=false;this.startItems=[];this.endItems=[];this.midItems=[]}paginationItemClickHandler(t){const i=t.detail.page;this.currentPage=i;this.icPageChange.emit({value:this.currentPage})}watchPageChangeHandler(){if(this.type==="simple"){return}const t=[];let i=0;const e=[];let s=this.pages;const a=[];let n;let o;let l=false;let r=false;if(this.pages<=this.boundaryCount*2+this.adjacentCount*2+3){this.startEllipsis=false;this.endEllipsis=false;for(let i=1;i<=this.pages;i++){t.push(i)}this.startItems=t;return}i=this.boundaryCount===0?1:this.boundaryCount;s=this.boundaryCount===0?this.pages:this.pages-this.boundaryCount+1;if(this.currentPage<=this.adjacentCount+this.boundaryCount+2){l=false;r=true;let t=2*this.adjacentCount+1;if(this.boundaryCount===0){t--}n=i+1;o=n+t}else{l=true;if(this.currentPage>this.pages-(this.adjacentCount+this.boundaryCount+2)){let t=2*this.adjacentCount+1;if(this.boundaryCount===0){t--}o=this.boundaryCount===0?this.pages-1:this.pages-this.boundaryCount;n=o-t}else{r=true;n=this.currentPage-this.adjacentCount;o=this.currentPage+this.adjacentCount}}if(this.boundaryCount>0||this.boundaryCount===0&&l===false){for(let e=1;e<=i;e++){t.push(e)}}if(this.boundaryCount>0||this.boundaryCount===0&&r===false){for(let t=s;t<=this.pages;t++){e.push(t)}}for(let t=n;t<=o;t++){a.push(t)}this.startEllipsis=l;this.endEllipsis=r;this.startItems=t;this.endItems=e;this.midItems=a}componentDidLoad(){n([{prop:this.pages,propName:"pages"}],"Pagination")}componentWillLoad(){this.watchPageChangeHandler();if(this.boundaryCount>2){this.boundaryCount=2}if(this.adjacentCount>2){this.adjacentCount=2}}render(){const{type:t,pages:i,currentPage:a,hideCurrentPage:n,disabled:o,hideFirstAndLastPageButton:l,label:r}=this;return e(s,null,t==="simple"&&e("nav",{class:{["disabled"]:o},role:"navigation","aria-label":"Pagination Navigation"},l?null:this.firstButton(),this.previousButton(),e("ic-pagination-item",{pages:i,appearance:this.appearance,type:"simple-current",page:a,label:r,class:{["hide-current-page"]:n}}),this.nextButton(),l?null:this.lastButton()),t==="complex"&&e("nav",{class:{["disabled"]:o},role:"navigation","aria-label":"Pagination Navigation"},l?null:this.firstButton(),this.previousButton(),this.renderStartItems(),this.startEllipsis&&this.renderStartEllipsis(),this.renderMiddleItems(),this.endEllipsis&&this.renderEndEllipsis(),this.renderEndItems(),this.nextButton(),l?null:this.lastButton()))}get el(){return a(this)}static get watchers(){return{currentPage:["watchPageChangeHandler"]}}};h.style=r;export{h as ic_pagination};
+//# sourceMappingURL=p-2e949135.entry.js.map

package/dist/core/p-2e949135.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/ic-pagination/ic-pagination.css?tag=ic-pagination&encapsulation=shadow","src/components/ic-pagination/ic-pagination.tsx"],"names":["icPaginationCss","Pagination","this","handleClickFirst","currentPage","icPageChange","emit","value","handleClickPrevious","handleClickNext","handleClickLast","pages","firstButton","h","id","aria-label","disableTooltip","appearance","onClick","class","disabled","variant","innerHTML","paginationFirstLast","previousButton","paginationNextPrevious","nextButton","lastButton","renderStartEllipsis","type","renderEndEllipsis","renderStartItems","startItems","map","page","selected","renderEndItems","endItems","renderMiddleItems","midItems","defaultPage","[object Object]","ev","detail","startItemCount","endStart","midStart","midEnd","startEllipsis","endEllipsis","boundaryCount","adjacentCount","i","push","numItems","onComponentRequiredPropUndefined","prop","propName","watchPageChangeHandler","hideCurrentPage","hideFirstAndLastPageButton","label","Host","role"],"mappings":"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","sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  box-sizing: border-box;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\nnav {\n  width: 100%;\n  display: flex;\n  flex-flow: row wrap;\n  justify-content: flex-start;\n  align-items: center;\n}\n\nic-button {\n  cursor: pointer;\n}\n\nic-button.next-previous {\n  --icon-width: var(--ic-space-xs);\n  --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n\n  padding: 0 var(--ic-space-xxs) 0 var(--ic-space-xxxs);\n}\n\nic-button.first-last {\n  --icon-width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n  --icon-height: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.disabled {\n  color: var(--ic-architectural-200);\n  pointer-events: none;\n  cursor: none;\n  user-select: none;\n}\n\n.hide-current-page {\n  display: none;\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  Listen,\n  State,\n  Watch,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport paginationNextPrevious from \"../../assets/pagination-next-previous.svg\";\nimport paginationFirstLast from \"../../assets/pagination-first-last.svg\";\nimport { IcThemeForeground } from \"../../interface\";\nimport { IcPaginationTypes, IcChangeEventDetail } from \"./ic-pagination.types\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-pagination\",\n  styleUrl: \"ic-pagination.css\",\n  shadow: true,\n})\nexport class Pagination {\n  @Element() el: HTMLIcPaginationElement;\n\n  /**\n   * The total number of pages.\n   */\n  @Prop() pages!: number;\n  /**\n   * The type of pagination to be used.\n   */\n  @Prop() type: IcPaginationTypes = \"simple\";\n  /**\n   * The default page to display.\n   */\n  @Prop() defaultPage: number = 1;\n  /**\n   * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n   */\n  @Prop({ mutable: true }) adjacentCount: number = 1;\n  /**\n   * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.\n   */\n  @Prop({ mutable: true }) boundaryCount: number = 1;\n  /**\n   * If `true`, the first and last page buttons will not be displayed.\n   */\n  @Prop() hideFirstAndLastPageButton: boolean = false;\n  /**\n   * If `true`, the current page of the simple pagination will not be displayed.\n   */\n  @Prop() hideCurrentPage: boolean = false;\n  /**\n   * If `true`, the pagination will not allow interaction.\n   */\n  @Prop() disabled: boolean = false;\n  /**\n   * The appearance of the pagination, e.g. dark, light or the default.\n   */\n  @Prop() appearance: IcThemeForeground = \"default\";\n  /**\n   * The label for the pagination item (applicable when simple pagination is being used).\n   */\n  @Prop() label: string = \"Page\";\n\n  @State() currentPage: number = this.defaultPage;\n  @State() startEllipsis: boolean = false;\n  @State() endEllipsis: boolean = false;\n  @State() startItems: number[] = [];\n  @State() endItems: number[] = [];\n  @State() midItems: number[] = [];\n\n  /**\n   * Emitted when a page is selected.\n   */\n  @Event() icPageChange: EventEmitter<IcChangeEventDetail>;\n\n  @Listen(\"paginationItemClick\")\n  paginationItemClickHandler(ev: CustomEvent) {\n    const page = ev.detail.page;\n    this.currentPage = page;\n    this.icPageChange.emit({ value: this.currentPage });\n  }\n\n  @Watch(\"currentPage\")\n  watchPageChangeHandler(): void {\n    if (this.type === \"simple\") {\n      return;\n    }\n\n    const startItems = [];\n    let startItemCount = 0;\n    const endItems = [];\n    let endStart = this.pages;\n    const midItems = [];\n    let midStart;\n    let midEnd;\n    let startEllipsis = false;\n    let endEllipsis = false;\n\n    if (this.pages <= this.boundaryCount * 2 + this.adjacentCount * 2 + 3) {\n      this.startEllipsis = false;\n      this.endEllipsis = false;\n      for (let i = 1; i <= this.pages; i++) {\n        startItems.push(i);\n      }\n      this.startItems = startItems;\n      return;\n    }\n\n    startItemCount = this.boundaryCount === 0 ? 1 : this.boundaryCount;\n    endStart =\n      this.boundaryCount === 0\n        ? this.pages\n        : this.pages - this.boundaryCount + 1;\n\n    if (this.currentPage <= this.adjacentCount + this.boundaryCount + 2) {\n      startEllipsis = false;\n      endEllipsis = true;\n\n      let numItems = 2 * this.adjacentCount + 1;\n      if (this.boundaryCount === 0) {\n        numItems--;\n      }\n      midStart = startItemCount + 1;\n      midEnd = midStart + numItems;\n    } else {\n      startEllipsis = true;\n      if (\n        this.currentPage >\n        this.pages - (this.adjacentCount + this.boundaryCount + 2)\n      ) {\n        let numItems = 2 * this.adjacentCount + 1;\n        if (this.boundaryCount === 0) {\n          numItems--;\n        }\n        midEnd =\n          this.boundaryCount === 0\n            ? this.pages - 1\n            : this.pages - this.boundaryCount;\n        midStart = midEnd - numItems;\n      } else {\n        endEllipsis = true;\n        midStart = this.currentPage - this.adjacentCount;\n        midEnd = this.currentPage + this.adjacentCount;\n      }\n    }\n\n    //create array of start items\n    if (\n      this.boundaryCount > 0 ||\n      (this.boundaryCount === 0 && startEllipsis === false)\n    ) {\n      for (let i = 1; i <= startItemCount; i++) {\n        startItems.push(i);\n      }\n    }\n\n    //create array of end items\n    if (\n      this.boundaryCount > 0 ||\n      (this.boundaryCount === 0 && endEllipsis === false)\n    ) {\n      for (let i = endStart; i <= this.pages; i++) {\n        endItems.push(i);\n      }\n    }\n\n    //create array of mid items\n    for (let i = midStart; i <= midEnd; i++) {\n      midItems.push(i);\n    }\n\n    this.startEllipsis = startEllipsis;\n    this.endEllipsis = endEllipsis;\n    this.startItems = startItems;\n    this.endItems = endItems;\n    this.midItems = midItems;\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.pages, propName: \"pages\" }],\n      \"Pagination\"\n    );\n  }\n\n  private handleClickFirst = () => {\n    this.currentPage = 1;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickPrevious = (): void => {\n    this.currentPage--;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickNext = (): void => {\n    this.currentPage++;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  private handleClickLast = (): void => {\n    this.currentPage = this.pages;\n    this.icPageChange.emit({ value: this.currentPage });\n  };\n\n  // button rendering abstracted from component render methods for clarity\n  private firstButton = () => {\n    return (\n      <ic-button\n        id=\"first-page-button\"\n        aria-label=\"Go to first page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickFirst}\n        class=\"page-button first-last\"\n        disabled={this.currentPage === 1 || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationFirstLast}\n      />\n    );\n  };\n\n  private previousButton = () => {\n    return (\n      <ic-button\n        id=\"previous-page-button\"\n        aria-label=\"Go to previous page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickPrevious}\n        class=\"page-button next-previous flip\"\n        disabled={this.currentPage === 1 || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationNextPrevious}\n      />\n    );\n  };\n\n  private nextButton = () => {\n    return (\n      <ic-button\n        id=\"next-page-button\"\n        aria-label=\"Go to next page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickNext}\n        class=\"page-button next-previous\"\n        disabled={this.currentPage === this.pages || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationNextPrevious}\n      />\n    );\n  };\n\n  private lastButton = () => {\n    return (\n      <ic-button\n        id=\"last-page-button\"\n        aria-label=\"Go to last page\"\n        disableTooltip={true}\n        appearance={this.appearance}\n        onClick={this.handleClickLast}\n        class=\"page-button first-last flip\"\n        disabled={this.currentPage === this.pages || this.disabled}\n        variant=\"icon\"\n        innerHTML={paginationFirstLast}\n      />\n    );\n  };\n\n  private renderStartEllipsis = () => {\n    return (\n      <ic-pagination-item\n        appearance={this.appearance}\n        type=\"ellipsis\"\n        id=\"start-ellipsis\"\n        disabled={this.disabled}\n      />\n    );\n  };\n\n  private renderEndEllipsis = () => {\n    return (\n      <ic-pagination-item\n        appearance={this.appearance}\n        type=\"ellipsis\"\n        id=\"end-ellipsis\"\n        disabled={this.disabled}\n      />\n    );\n  };\n\n  private renderStartItems = () => {\n    return this.startItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          appearance={this.appearance}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  private renderEndItems = () => {\n    return this.endItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          appearance={this.appearance}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  private renderMiddleItems = () => {\n    return this.midItems.map((page: number) => {\n      return (\n        <ic-pagination-item\n          appearance={this.appearance}\n          selected={page === this.currentPage}\n          id={`pagination-item-${page}`}\n          type=\"page\"\n          page={page}\n          disabled={this.disabled}\n        />\n      );\n    });\n  };\n\n  componentWillLoad(): void {\n    this.watchPageChangeHandler();\n    if (this.boundaryCount > 2) {\n      this.boundaryCount = 2;\n    }\n    if (this.adjacentCount > 2) {\n      this.adjacentCount = 2;\n    }\n  }\n\n  render() {\n    const {\n      type,\n      pages,\n      currentPage,\n      hideCurrentPage,\n      disabled,\n      hideFirstAndLastPageButton,\n      label,\n    } = this;\n\n    return (\n      <Host>\n        {type === \"simple\" && (\n          <nav\n            class={{\n              [\"disabled\"]: disabled,\n            }}\n            role=\"navigation\"\n            aria-label=\"Pagination Navigation\"\n          >\n            {hideFirstAndLastPageButton ? null : this.firstButton()}\n            {this.previousButton()}\n            <ic-pagination-item\n              pages={pages}\n              appearance={this.appearance}\n              type=\"simple-current\"\n              page={currentPage}\n              label={label}\n              class={{ [\"hide-current-page\"]: hideCurrentPage }}\n            />\n            {this.nextButton()}\n            {hideFirstAndLastPageButton ? null : this.lastButton()}\n          </nav>\n        )}\n        {type === \"complex\" && (\n          <nav\n            class={{\n              [\"disabled\"]: disabled,\n            }}\n            role=\"navigation\"\n            aria-label=\"Pagination Navigation\"\n          >\n            {hideFirstAndLastPageButton ? null : this.firstButton()}\n            {this.previousButton()}\n            {this.renderStartItems()}\n            {this.startEllipsis && this.renderStartEllipsis()}\n            {this.renderMiddleItems()}\n            {this.endEllipsis && this.renderEndEllipsis()}\n            {this.renderEndItems()}\n            {this.nextButton()}\n            {hideFirstAndLastPageButton ? null : this.lastButton()}\n          </nav>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/core/p-4595f48f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,H as o,g as a}from"./p-589f6dd3.js";import{b as r,m as n,n as s,a as c}from"./p-3dea2867.js";import{I as l}from"./p-6f57b13c.js";import{c as d}from"./p-ec26fc38.js";const h='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}.button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}.button:hover{cursor:pointer}.button:focus,:host .button:focus{box-shadow:var(--ic-border-focus)}:host(.light) .button:focus{box-shadow:var(--ic-border-focus)}.button:focus-visible{outline:var(--ic-hc-focus-outline)}:host(.dark) .button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}:host(.light) .button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}:host(.button-variant-primary.light) .button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}:host(.button-variant-primary.dark) .button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}:host(.disabled),:host(.disabled) .button,:host(.loading),:host(.loading) .button{pointer-events:none}:host(.button-variant-primary) .button{color:var(--ic-architectural-white);background-color:var(--button-default)}:host(.button-variant-primary) .button:hover:not(:focus){background-color:var(--button-default-hover)}:host(.button-variant-primary) .button:active:not(:focus),:host(.button-variant-primary.loading) .button{background-color:var(--button-default-active)}:host(.button-variant-primary.disabled) .button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-variant-primary.light.disabled) .button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}:host(.button-variant-secondary) .button{border:var(--ic-space-1px) solid var(--button-default);color:var(--button-default)}:host(.button-variant-secondary) .button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.button-variant-secondary) .button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.disabled) .button,:host(.button-variant-secondary.disabled) .button:hover,:host(.button-variant-secondary.disabled) .button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-secondary.light.disabled) .button,:host(.button-variant-secondary.light.disabled) .button:hover,:host(.button-variant-secondary.light.disabled) .button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}:host(.button-variant-tertiary) .button{color:var(--button-default)}:host(.button-variant-tertiary) .button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-tertiary) .button:active:not(:focus),:host(.button-variant-tertiary.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-tertiary.disabled) .button,:host(.button-variant-tertiary.disabled) .button:hover,:host(.button-variant-tertiary.disabled) .button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-tertiary.light.disabled) .button,:host(.button-variant-tertiary.light.disabled) .button:hover,:host(.button-variant-tertiary.light.disabled) .button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}:host(.button-variant-icon) .button{color:var(--button-default);min-width:0}:host(.button-variant-icon) .button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) .button:hover,:host(.button-variant-icon.disabled) .button:active{color:var(--ic-architectural-300);background:none}:host(.button-variant-destructive) .button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}:host(.button-variant-destructive) .button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}:host(.button-variant-destructive) .button:active:not(:focus),:host(.button-variant-destructive.loading) .button{background-color:var(--ic-action-destructive-active)}:host(.button-variant-destructive.disabled) .button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-size-default) .button{height:2.5rem;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.button-size-small) .button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.button-size-large) .button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}:host(.button-size-default.button-variant-icon) .button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:0.375rem}:host(.button-size-small.button-variant-icon) .button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.button-size-large.button-variant-icon) .button{height:2.5rem;width:2.5rem;padding:var(--ic-space-xs)}:host(.full-width),:host(.full-width) .button{width:100%}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}::slotted(*){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem}:host(.popout-menu-button) .button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}@media (forced-colors: active){.button{border:0.125rem solid transparent}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';var u=undefined&&undefined.__rest||function(t,i){var e={};for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o)&&i.indexOf(o)<0)e[o]=t[o];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,o=Object.getOwnPropertySymbols(t);a<o.length;a++){if(i.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(t,o[a]))e[o[a]]=t[o[a]]}return e};let b=0;const p=class{constructor(e){t(this,e);this.icFocus=i(this,"icFocus",7);this.icBlur=i(this,"icBlur",7);this.inheritedAttributes={};this.hasTooltip=false;this.buttonIdNum=b++;this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!!this.el.closest("FORM")){this.handleHiddenFormButtonClick(this.el.closest("FORM"))}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.disabled=false;this.loading=false;this.type="button";this.href=undefined;this.target=undefined;this.rel=undefined;this.download=false;this.hreflang=undefined;this.referrerpolicy=undefined;this.variant="primary";this.size="default";this.fullWidth=false;this.disableTooltip=false;this.tooltipPlacement="bottom";this.appearance="default";this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined}handleHostClick(t){if(this.disabled||this.loading){t.stopImmediatePropagation()}}themeChangeHandler(t){const i=t.detail;this.updateTheme(i.mode)}async setFocus(){if(this.buttonEl){this.buttonEl.focus()}}async updateAriaLabel(t){if(this.hasTooltip){this.tooltipEl.label=t;this.buttonEl.setAttribute("aria-label",t)}}hasIconSlot(){const t=this.el.querySelector(`[slot="icon"]`);if(t!=null){return true}return false}handleHiddenFormButtonClick(t){const i=document.createElement("button");i.setAttribute("type",this.el.type);i.style.display="none";t.appendChild(i);i.click();i.remove()}updateTheme(t=null){const i=r(this.el,t||null);if(i!==l.Default){this.appearance=i}}componentWillLoad(){this.inheritedAttributes=n(this.el,[...s,"aria-expanded","title"]);this.el.setAttribute("exportparts","button");const t=this.el.id;this.id=t!==undefined?t:null;this.hasTooltip=this.variant==="icon"}componentDidLoad(){this.updateTheme()}render(){const t=this.href&&"a"||"button";const i=this.inheritedAttributes,{title:a,"aria-label":r}=i,n=u(i,["title","aria-label"]);const s=t==="button"?{type:this.type,disabled:this.disabled,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}:{download:this.download!==false?this.download:null,href:this.href,rel:this.rel,target:this.target,referrerpolicy:this.referrerpolicy,hreflang:this.hreflang};const c=a&&a;const d=this.hasTooltip?{}:{title:c};let h="";if(this.hasTooltip){if(c!==undefined){h=c}else if(r!==null){h=r}}let b=null;let p=null;if(this.hasTooltip){p=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;b=`ic-tooltip-${p}`}const f=()=>e(t,Object.assign({class:"button","aria-disabled":this.loading||this.disabled?"true":null,"aria-label":this.loading?"Loading":r},s,n,d,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,id:p,"aria-describedby":b,part:"button"}),this.hasIconSlot()&&!this.loading&&e("div",{class:"icon-container"},e("slot",{name:"icon"})),this.loading?e("div",{class:"loading-container"},e("ic-loading-indicator",{type:"linear",appearance:this.variant==="primary"||this.variant==="destructive"||this.appearance===l.Dark||this.appearance===l.Light?"light":"dark"})):e("slot",null));return e(o,{class:{["disabled"]:this.disabled&&!this.loading,[`button-variant-${this.variant}`]:true,[`button-size-${this.size}`]:true,["loading"]:this.loading,["dark"]:this.appearance===l.Dark,["light"]:this.appearance===l.Light,["full-width"]:this.fullWidth},onClick:this.handleClick},this.hasTooltip&&e("ic-tooltip",{class:{["tooltip-disabled"]:this.disableTooltip},ref:t=>this.tooltipEl=t,label:h,target:p,placement:this.tooltipPlacement},e(f,null)),!this.hasTooltip&&e(f,null))}static get delegatesFocus(){return true}get el(){return a(this)}};p.style=h;const f='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.light){--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size="small"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size="default"]){--circular-diameter:5rem}:host([size="large"]){--circular-diameter:7.5rem}:host([size="icon"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{white-space:nowrap;color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--outer-color);stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--ic-theme-primary)}:host(.not-required.compact-step-progress-indicator) .inner-text{color:var(--ic-color-tertiary-text)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-hc-border)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const v=class{constructor(i){t(this,i);this.updateCircularProgressMeter=()=>{if(!this.indeterminate){this.circularMeter.style.setProperty("--progress-value",String(this.progress))}};this.getLabel=(t,i)=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}i(this.labelList[t])}),this.labelDuration)}));this.getLabelVariant=()=>{var t;let i="h4";const e=(t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth;if(this.size==="small"||this.type==="circular"&&e<60){i="label"}else if(this.size==="large"||this.type==="circular"&&e>=120){i="h2"}return i};this.setCircleLineWidth=()=>{const{offsetWidth:t}=this.outerElement;const i=this.host.classList.contains("compact-step-progress-indicator")?40:0;const e=this.host.classList.contains("toast-dismiss-timer")?20:0;if(t||i||e){this.circularLineWidth=(i||e||t)*.1;this.circularDiameter=i||e||t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}};this.setLinearDeterminateWidth=()=>{if(!this.innerElement)return;const t=Math.min(this.max,Math.max(this.min,this.progress));const i=(t-this.min)/(this.max-this.min);this.showSecond=i>.5;if(this.showSecond){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${i*100}%`)};this.calcOuterClass=()=>{let t=`ic-loading-${this.type}-outer`;t+=this.indeterminate?" indeterminate":" determinate";return t};this.updateLabel=()=>{if(this.label!==undefined){this.labelList=this.label.split("/");const t=0;this.indicatorLabel=this.labelList[t];if(this.labelList.length>1){this.getLabel(t,(t=>{this.indicatorLabel=t}))}}};this.setCircleXY=()=>{if(this.circularDiameter>0){const t=this.circularDiameter/2;const i=t;const e=t;const o=t-this.circularLineWidth/2;this.setDashSteps(o);return{x:i,y:e,r:o}}return{x:0,y:0,r:0}};this.setDashSteps=t=>{const i=2*Math.PI*t;const e=Math.min(Math.max(this.progress,this.min),this.max);const o=-1-(e-this.min)/(this.max-this.min);this.circularMeter.style.setProperty("--stroke-dasharray",`${i}px`);if(!this.indeterminate){this.circularMeter.style.setProperty("--circular-steps-max",String(this.max));this.circularMeter.style.setProperty("--stroke-dashoffset",`${o*i}px`)}};this.progress=undefined;this.min=0;this.max=100;this.label=undefined;this.description="Loading";this.innerLabel=undefined;this.labelDuration=8e3;this.size="default";this.type="circular";this.fullWidth=false;this.appearance="dark";this.indicatorLabel=undefined;this.indeterminate=undefined;this.showSecond=false;this.circularLineWidth=undefined;this.circularDiameter=undefined}watchPropHandler(){this.updateLabel()}watchProgressHandler(){if(this.type==="circular"){this.updateCircularProgressMeter()}}componentWillLoad(){this.indeterminate=this.progress===undefined;this.updateLabel()}componentDidLoad(){if(this.type==="circular"){this.setCircleLineWidth();this.circularMeter=this.host.shadowRoot.querySelector(".ic-loading-circular-svg circle:nth-child(2)");this.updateCircularProgressMeter()}if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}componentWillUpdate(){this.indeterminate=this.progress===undefined}componentDidUpdate(){if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}disconnectedCallback(){clearInterval(this.interval)}render(){const{appearance:t,label:i,description:a,size:r,fullWidth:n,innerLabel:s}=this;const{x:c,y:d,r:h}=this.setCircleXY();return e(o,{class:{["light"]:t===l.Light,["label"]:!!i,["full-width"]:n,["inner-label"]:!!s}},e("div",{class:"ic-loading-container"},e("div",{ref:t=>this.outerElement=t,class:this.calcOuterClass(),role:"progressbar","aria-labelledby":this.label&&this.size!=="icon"&&"ic-loading-label","aria-label":a,"aria-valuenow":this.progress,"aria-valuemin":this.min,"aria-valuemax":this.max},e("div",{ref:t=>this.innerElement=t,class:`ic-loading-${this.type}-inner`},this.innerLabel&&this.innerLabel!==undefined&&this.size==="small"&&e("ic-typography",{variant:"subtitle-small",class:"inner-text"},this.innerLabel),this.type==="circular"&&e("svg",{class:"ic-loading-circular-svg",viewBox:`0 0 ${this.circularDiameter||0} ${this.circularDiameter||0}`},e("circle",{cx:`${c}`,cy:`${d}`,r:`${h}`}),e("circle",{cx:`${c}`,cy:`${d}`,r:`${h}`})))),i&&r!=="icon"&&e("ic-typography",{id:"ic-loading-label",class:"ic-loading-label",role:"status",variant:this.getLabelVariant()},e("p",null,this.indicatorLabel))))}get host(){return a(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};v.style=f;const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 0.625rem;border-radius:var(--ic-border-radius);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:""}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{bottom:calc(-1 * var(--ic-space-md))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{right:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{left:-0.875rem}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container{border:var(--ic-hc-border)}}';const g=class{constructor(i){t(this,i);this.mouseOverTool=false;this.showEvents=this.disableHover?["click"]:["mouseenter","focusin"];this.instantHideEvents=["focusout"];this.delayedHideEvents=["mouseleave"];this.persistTooltip=false;this.show=t=>{this.toolTip.setAttribute("data-show","");t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));t.update()};this.hide=t=>{this.toolTip.removeAttribute("data-show");t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:false}]})));this.persistTooltip=false};this.checkCloseTooltip=t=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide(t)}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=t=>{this.mouseOverTool=false;this.checkCloseTooltip(t)};this.handleKeyDown=t=>{if(t==="Escape"&&!this.persistTooltip){this.hide(this.popperInstance)}};this.manageEventListeners=t=>{const i=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{this.el[i](t,(()=>this.show(this.popperInstance)));if(this.toolTip!==undefined){this.toolTip[i](t,(()=>this.mouseEnterTooltip()))}}));this.instantHideEvents.forEach((t=>{this.el[i](t,(()=>!this.persistTooltip&&this.hide(this.popperInstance)))}));this.delayedHideEvents.forEach((t=>{this.el[i](t,(()=>this.checkCloseTooltip(this.popperInstance)));if(this.toolTip!==undefined){this.toolTip[i](t,(()=>this.mouseLeaveTooltip(this.popperInstance)))}}));document[i]("keydown",(t=>this.handleKeyDown(t.key)))};this.screenReaderOnlyStyles={position:"absolute",left:"-10000px",top:"auto",width:"1px",height:"1px",overflow:"hidden"};this.target=undefined;this.placement="bottom";this.label=undefined;this.disableHover=false}updateLabel(t){const i=this.el.previousElementSibling;if(i!==null){i.innerText=t}}async displayTooltip(t,i){this.persistTooltip=i;t?this.show(this.popperInstance):this.hide(this.popperInstance)}componentDidLoad(){this.popperInstance=d(this.el,this.toolTip,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}}]});this.manageEventListeners("add");c([{prop:this.label,propName:"label"}],"Tooltip");if(this.target!==undefined){const t=document.createElement("span");t.id=`ic-tooltip-${this.target}`;t.innerText=this.label;t.classList.add("ic-tooltip-label");Object.assign(t.style,this.screenReaderOnlyStyles);this.el.insertAdjacentElement("beforebegin",t)}}disconnectedCallback(){this.manageEventListeners("remove")}render(){const{label:t}=this;return e(o,{class:{"ic-tooltip":true}},e("div",{ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container"},e("ic-typography",{variant:"caption"},t),e("div",{ref:t=>this.arrow=t,class:"ic-tooltip-arrow","data-popper-arrow":true})),e("slot",null))}get el(){return a(this)}static get watchers(){return{label:["updateLabel"]}}};g.style=m;export{p as ic_button,v as ic_loading_indicator,g as ic_tooltip};
+//# sourceMappingURL=p-4595f48f.entry.js.map

package/dist/core/p-4595f48f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/ic-button/ic-button.css?tag=ic-button&encapsulation=shadow","src/components/ic-button/ic-button.tsx","src/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","src/components/ic-loading-indicator/ic-loading-indicator.tsx","src/components/ic-tooltip/ic-tooltip.css?tag=ic-tooltip&encapsulation=shadow","src/components/ic-tooltip/ic-tooltip.tsx"],"names":["icButtonCss","buttonIds","Button","this","inheritedAttributes","hasTooltip","buttonIdNum","handleClick","el","type","closest","handleHiddenFormButtonClick","onFocus","icFocus","emit","onBlur","icBlur","[object Object]","event","disabled","loading","stopImmediatePropagation","ev","theme","detail","updateTheme","mode","buttonEl","focus","newValue","tooltipEl","label","setAttribute","iconEl","querySelector","form","hiddenFormButton","document","createElement","style","display","appendChild","click","remove","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","appearance","inheritAttributes","IC_INHERITED_ARIA","id","undefined","variant","TagType","href","_a","title","aria-label","ariaLabel","restInheritedAttributes","__rest","buttonAttrs","formaction","formenctype","formmethod","formnovalidate","formtarget","download","rel","target","referrerpolicy","hreflang","newTitle","titleAttr","tooltipText","describedBy","buttonId","ButtonContent","h","Object","assign","class","aria-disabled","ref","aria-describedby","part","hasIconSlot","name","Dark","Light","Host","size","fullWidth","onClick","disableTooltip","placement","tooltipPlacement","icLoadingIndicatorCss","LoadingIndicator","updateCircularProgressMeter","indeterminate","circularMeter","setProperty","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","length","labelDuration","getLabelVariant","width","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","host","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","min","max","proportion","showSecond","add","calcOuterClass","cls","updateLabel","split","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","shadowRoot","Number","clearInterval","description","innerLabel","role","aria-labelledby","aria-valuenow","aria-valuemin","aria-valuemax","viewBox","cx","cy","icTooltipCss","Tooltip","mouseOverTool","showEvents","disableHover","instantHideEvents","delayedHideEvents","persistTooltip","show","popper","toolTip","setOptions","options","modifiers","enabled","update","hide","removeAttribute","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","handleKeyDown","key","popperInstance","manageEventListeners","action","method","forEach","screenReaderOnlyStyles","position","left","top","height","overflow","describedBySpan","previousElementSibling","innerText","createPopper","offset","element","arrow","onComponentRequiredPropUndefined","prop","propName","ariaDescribedBy","insertAdjacentElement","ic-tooltip","data-popper-arrow"],"mappings":"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","sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n* @prop --min-width: Minimum width of the button.\n*/\n\n:host {\n  display: inline-block;\n\n  --button-default: var(--ic-action-default);\n  --button-default-hover: var(--ic-action-default-hover);\n  --button-default-active: var(--ic-action-default-active);\n  --button-default-background-hover: var(--ic-action-default-bg-hover);\n  --button-default-background-active: var(--ic-action-default-bg-active);\n  --icon-width: 100%;\n  --icon-height: 100%;\n}\n\n.button {\n  font-family: var(--ic-font-body-family);\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.875rem;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  min-width: var(--min-width, 6.25rem);\n  display: inline-flex;\n  gap: var(--ic-space-xs);\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n.button:hover {\n  cursor: pointer;\n}\n\n.button:focus,\n:host .button:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n:host(.light) .button:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.button:focus-visible {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.dark) .button {\n  --button-default: var(--ic-action-dark);\n  --button-default-hover: var(--ic-action-dark);\n  --button-default-active: var(--ic-action-dark);\n  --button-default-background-hover: var(--ic-action-dark-bg-hover);\n  --button-default-background-active: var(--ic-action-dark-bg-active);\n}\n\n:host(.light) .button {\n  --button-default: var(--ic-action-light);\n  --button-default-hover: var(--ic-action-light);\n  --button-default-active: var(--ic-action-light);\n  --button-default-background-hover: var(--ic-action-light-bg-hover);\n  --button-default-background-active: var(--ic-action-light-bg-active);\n}\n\n:host(.button-variant-primary.light) .button {\n  color: var(--ic-color-primary-text);\n\n  --button-default-hover: var(--ic-action-light-hover);\n  --button-default-active: var(--ic-action-light-active);\n}\n\n:host(.button-variant-primary.dark) .button {\n  --button-default-hover: var(--ic-action-dark-hover);\n  --button-default-active: var(--ic-action-dark-active);\n}\n\n:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button {\n  pointer-events: none;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.button-variant-primary) .button {\n  color: var(--ic-architectural-white);\n  background-color: var(--button-default);\n}\n\n:host(.button-variant-primary) .button:hover:not(:focus) {\n  background-color: var(--button-default-hover);\n}\n\n:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button {\n  background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary.disabled) .button {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n:host(.button-variant-primary.light.disabled) .button {\n  background: var(--ic-architectural-600);\n  color: var(--ic-architectural-500);\n}\n\n/* Secondary */\n\n:host(.button-variant-secondary) .button {\n  border: var(--ic-space-1px) solid var(--button-default);\n  color: var(--button-default);\n}\n\n:host(.button-variant-secondary) .button:hover:not(:focus) {\n  background-color: var(--button-default-background-hover);\n  border-color: var(--button-default-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-secondary) .button:active:not(:focus) {\n  border-color: var(--button-default-active);\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.loading) .button {\n  border-color: var(--button-default-active);\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active {\n  border-color: var(--ic-architectural-300);\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active {\n  border-color: var(--ic-architectural-500);\n  color: var(--ic-architectural-500);\n  background: none;\n}\n\n/* Tertiary */\n\n:host(.button-variant-tertiary) .button {\n  color: var(--button-default);\n}\n\n:host(.button-variant-tertiary) .button:hover:not(:focus) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active {\n  border-color: var(--ic-architectural-300);\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active {\n  border-color: var(--ic-architectural-500);\n  color: var(--ic-architectural-500);\n  background: none;\n}\n\n/* Icon */\n\n:host(.button-variant-icon) .button {\n  color: var(--button-default);\n  min-width: 0;\n}\n\n:host(.button-variant-icon) .button:hover:not(:focus) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n/* Destructive */\n\n:host(.button-variant-destructive) .button {\n  color: var(--ic-architectural-white);\n  background-color: var(--ic-action-destructive);\n  text-transform: uppercase;\n}\n\n:host(.button-variant-destructive) .button:hover:not(:focus) {\n  background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive.loading) .button {\n  background-color: var(--ic-action-destructive-active);\n}\n\n:host(.button-variant-destructive.disabled) .button {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n/* Sizing */\n\n:host(.button-size-default) .button {\n  height: 2.5rem;\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.button-size-small) .button {\n  height: var(--ic-space-xl);\n  padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.button-size-large) .button {\n  height: var(--ic-space-xxl);\n  padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.button-size-default.button-variant-icon) .button {\n  height: var(--ic-space-xl);\n  width: var(--ic-space-xl);\n  padding: 0.375rem;\n}\n\n:host(.button-size-small.button-variant-icon) .button {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.button-size-large.button-variant-icon) .button {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n/* Width */\n:host(.full-width),\n:host(.full-width) .button {\n  width: 100%;\n}\n\n/* Loading */\n\ndiv.loading-container {\n  position: relative;\n  align-items: center;\n  width: 100%;\n}\n\nic-loading-indicator {\n  --outer-color: transparent;\n}\n\n@keyframes loading-animation {\n  0% {\n    width: 0%;\n    left: 0%;\n  }\n\n  25% {\n    width: 0%;\n    left: 0%;\n    opacity: 0;\n  }\n\n  50% {\n    width: 100%;\n    left: 0%;\n    opacity: 1;\n  }\n\n  75% {\n    width: 0%;\n    left: 100%;\n  }\n\n  100% {\n    width: 0%;\n    left: 100%;\n    opacity: 0;\n  }\n}\n\n/* Icons */\n\ndiv.icon-container {\n  box-sizing: border-box;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n::slotted(*) {\n  width: var(--icon-width) !important;\n  height: var(--icon-height) !important;\n  fill: currentcolor !important;\n  pointer-events: none;\n}\n\n:host(.button-variant-icon) .button .icon-container {\n  margin: 0;\n  pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n  --icon-height: 1.25rem;\n  --icon-width: 1.25rem;\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n  --icon-height: 1rem;\n  --icon-width: 1rem;\n}\n\n:host(.clear-button) {\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.search-submit-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n  box-shadow: none;\n  background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n  --icon-height: 0.875rem;\n  --icon-width: 0.875rem;\n}\n\n:host(.popout-menu-button) .button {\n  justify-content: left;\n  border-radius: 0;\n  white-space: pre-line;\n  text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n  flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n  display: none;\n}\n\n:host .ic-tooltip {\n  display: block;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .button {\n    border: 0.125rem solid transparent;\n  }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n  transform: scaleX(-1);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  h,\n} from \"@stencil/core\";\n\nimport { getThemeFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcButtonSizes,\n  IcButtonTypes,\n  IcButtonVariants,\n  IcButtonTooltipPlacement,\n} from \"./ic-button.types\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\n\nlet buttonIds = 0;\n\n/**\n * @slot icon - Content will be placed to the left of the button label.\n */\n@Component({\n  tag: \"ic-button\",\n  styleUrl: \"ic-button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Button {\n  @Element() el: HTMLIcButtonElement;\n  /**\n   * If `true`, the button will be in disabled state.\n   */\n  @Prop() disabled?: boolean = false;\n  /**\n   * If `true`, the button will be in loading state.\n   */\n  @Prop() loading?: boolean = false;\n  /**\n   * The type of the button.\n   */\n  @Prop() type?: IcButtonTypes = \"button\";\n  /**\n   * The URL that the link points to. This will render the button as an \"a\" tag.\n   */\n  @Prop() href?: string;\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download?: string | boolean = false;\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n  /**\n   * The variant of the button to be displayed.\n   */\n  @Prop() variant?: IcButtonVariants = \"primary\";\n  /**\n   * The size of the button to be displayed.\n   */\n  @Prop() size?: IcButtonSizes = \"default\";\n  /**\n   * If `true`, the button will fill the width of the container.\n   */\n  @Prop() fullWidth?: boolean = false;\n  /**\n   * If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.\n   */\n  @Prop() disableTooltip?: boolean = false;\n  /**\n   * The position of the tooltip in relation to the button.\n   */\n  @Prop() tooltipPlacement?: IcButtonTooltipPlacement = \"bottom\";\n  /**\n   * The appearance of the button, e.g. dark, light, or the default.\n   */\n  @Prop({ mutable: true }) appearance?: IcThemeForeground = \"default\";\n  /**\n   * The <form> element to associate the button with.\n   */\n  @Prop() form?: string;\n  /**\n   * The URL that processes the information submitted by the button. It overrides the action attribute of the button's form owner. Does nothing if there is no form owner.\n   */\n  @Prop() formaction?: string;\n  /**\n   * The way the submitted form data is encoded.\n   */\n  @Prop() formenctype?: string;\n  /**\n   * The HTTP method used to submit the form.\n   */\n  @Prop() formmethod?: string;\n  /**\n   * If `true`, the form will not be validated when submitted.\n   */\n  @Prop() formnovalidate?: boolean;\n  /**\n   * The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.\n   */\n  @Prop() formtarget?: string;\n  /**\n   * Emitted when button has focus\n   */\n  @Event() icFocus!: EventEmitter<void>;\n  /**\n   * Emitted when button has blur\n   */\n  @Event() icBlur!: EventEmitter<void>;\n\n  private inheritedAttributes: { [k: string]: unknown } = {};\n  private buttonEl: HTMLElement;\n  private hasTooltip: boolean = false;\n  private buttonIdNum = buttonIds++;\n  private tooltipEl: HTMLIcTooltipElement;\n  private id: string;\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (this.disabled || this.loading) {\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.updateTheme(theme.mode);\n  }\n\n  /**\n   * Sets focus on the native `button`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.buttonEl) {\n      this.buttonEl.focus();\n    }\n  }\n\n  /**\n   * @internal Updates tooltip/aria-label text - needed as can't watch an ARIA attribute change.\n   */\n  @Method()\n  async updateAriaLabel(newValue: string): Promise<void> {\n    if (this.hasTooltip) {\n      this.tooltipEl.label = newValue;\n      this.buttonEl.setAttribute(\"aria-label\", newValue);\n    }\n  }\n\n  private hasIconSlot(): boolean {\n    const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n    if (iconEl != null) {\n      return true;\n    }\n    return false;\n  }\n\n  private handleHiddenFormButtonClick(form: HTMLFormElement): void {\n    const hiddenFormButton = document.createElement(\"button\");\n\n    hiddenFormButton.setAttribute(\"type\", this.el.type);\n    hiddenFormButton.style.display = \"none\";\n\n    form.appendChild(hiddenFormButton);\n\n    hiddenFormButton.click();\n    hiddenFormButton.remove();\n  }\n\n  private handleClick = (): void => {\n    if (\n      (this.el.type === \"submit\" || this.el.type === \"reset\") &&\n      !!this.el.closest(\"FORM\")\n    ) {\n      this.handleHiddenFormButtonClick(this.el.closest(\"FORM\"));\n    }\n  };\n\n  private onFocus = () => {\n    this.icFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.icBlur.emit();\n  };\n\n  private updateTheme(newTheme: IcThemeForeground = null): void {\n    const foregroundColor = getThemeFromContext(this.el, newTheme || null);\n\n    if (foregroundColor !== IcThemeForegroundEnum.Default) {\n      this.appearance = foregroundColor;\n    }\n  }\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.el, [\n      ...IC_INHERITED_ARIA,\n      \"aria-expanded\",\n      \"title\",\n    ]);\n\n    this.el.setAttribute(\"exportparts\", \"button\");\n\n    const id = this.el.id;\n    this.id = id !== undefined ? id : null;\n    this.hasTooltip = this.variant === \"icon\";\n  }\n\n  componentDidLoad(): void {\n    this.updateTheme();\n  }\n\n  render() {\n    const TagType = (this.href && \"a\") || \"button\";\n    const {\n      title,\n      \"aria-label\": ariaLabel,\n      ...restInheritedAttributes\n    } = this.inheritedAttributes;\n    const buttonAttrs =\n      TagType === \"button\"\n        ? {\n            type: this.type,\n            disabled: this.disabled,\n            form: this.form,\n            formaction: this.formaction,\n            formenctype: this.formenctype,\n            formmethod: this.formmethod,\n            formnovalidate: this.formnovalidate,\n            formtarget: this.formtarget,\n          }\n        : {\n            download: this.download !== false ? this.download : null,\n            href: this.href,\n            rel: this.rel,\n            target: this.target,\n            referrerpolicy: this.referrerpolicy,\n            hreflang: this.hreflang,\n          };\n    const newTitle = title && (title as string);\n    const titleAttr = this.hasTooltip ? {} : { title: newTitle };\n    let tooltipText = \"\";\n    if (this.hasTooltip) {\n      if (newTitle !== undefined) {\n        tooltipText = newTitle;\n      } else if (ariaLabel !== null) {\n        tooltipText = ariaLabel as string;\n      }\n    }\n\n    let describedBy: string = null;\n    let buttonId: string = null;\n    if (this.hasTooltip) {\n      buttonId =\n        this.id !== null\n          ? `ic-button-with-tooltip-${this.id}`\n          : `ic-button-with-tooltip-${this.buttonIdNum}`;\n      describedBy = `ic-tooltip-${buttonId}`;\n    }\n\n    const ButtonContent = () => {\n      return (\n        <TagType\n          class=\"button\"\n          aria-disabled={this.loading || this.disabled ? \"true\" : null}\n          aria-label={this.loading ? \"Loading\" : ariaLabel}\n          {...buttonAttrs}\n          {...restInheritedAttributes}\n          {...titleAttr}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n          ref={(el) => (this.buttonEl = el)}\n          id={buttonId}\n          aria-describedby={describedBy}\n          part=\"button\"\n        >\n          {this.hasIconSlot() && !this.loading && (\n            <div class=\"icon-container\">\n              <slot name=\"icon\" />\n            </div>\n          )}\n          {this.loading ? (\n            <div class=\"loading-container\">\n              <ic-loading-indicator\n                type=\"linear\"\n                appearance={\n                  this.variant === \"primary\" ||\n                  this.variant === \"destructive\" ||\n                  this.appearance === IcThemeForegroundEnum.Dark ||\n                  this.appearance === IcThemeForegroundEnum.Light\n                    ? \"light\"\n                    : \"dark\"\n                }\n              ></ic-loading-indicator>\n            </div>\n          ) : (\n            <slot />\n          )}\n        </TagType>\n      );\n    };\n\n    return (\n      <Host\n        class={{\n          [\"disabled\"]: this.disabled && !this.loading,\n          [`button-variant-${this.variant}`]: true,\n          [`button-size-${this.size}`]: true,\n          [\"loading\"]: this.loading,\n          [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n          [\"light\"]: this.appearance === IcThemeForegroundEnum.Light,\n          [\"full-width\"]: this.fullWidth,\n        }}\n        onClick={this.handleClick}\n      >\n        {this.hasTooltip && (\n          <ic-tooltip\n            class={{ [\"tooltip-disabled\"]: this.disableTooltip }}\n            ref={(el) => (this.tooltipEl = el)}\n            label={tooltipText}\n            target={buttonId}\n            placement={this.tooltipPlacement}\n          >\n            <ButtonContent />\n          </ic-tooltip>\n        )}\n\n        {!this.hasTooltip && <ButtonContent />}\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --circular-diameter: Diameter of the circular-indicator\n   */\n\n  display: block;\n\n  --linear-border-radius: 0.25rem;\n  --inner-color: var(--ic-action-default);\n  --outer-color: var(--ic-architectural-100);\n  --label-color: var(--ic-color-primary-text);\n  --margin: none;\n  --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.light) {\n  --inner-color: var(--ic-architectural-white);\n  --outer-color: var(--ic-architectural-800);\n  --label-color: var(--ic-architectural-white);\n}\n\n.ic-loading-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([size=\"small\"]) {\n  --circular-diameter: 2.5rem;\n  --linear-line-height: var(--ic-space-xxs);\n}\n\n:host([size=\"default\"]) {\n  --circular-diameter: 5rem;\n}\n\n:host([size=\"large\"]) {\n  --circular-diameter: 7.5rem;\n}\n\n:host([size=\"icon\"]) {\n  display: inline-block;\n\n  --margin: var(--ic-space-xxxs);\n  --circular-diameter: 1.25rem;\n}\n\n:host(.label) {\n  --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n  white-space: nowrap;\n  color: var(--label-color);\n  margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n  height: var(--circular-diameter);\n  width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n  animation: circular-animation 1s linear;\n  animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n  margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n  background-color: var(--outer-color);\n  height: var(--linear-line-height);\n  width: 100%;\n  border-radius: var(--linear-border-radius);\n  overflow: hidden;\n}\n\n.ic-loading-linear-inner {\n  position: relative;\n  height: 100%;\n  background-color: var(--inner-color);\n  border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n  animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n  transition: width 0.5s;\n  width: var(--linear-width);\n}\n\n:host(.full-width) {\n  --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n  0% {\n    width: 0%;\n    left: -1%;\n  }\n\n  25% {\n    width: 0%;\n    left: -1%;\n  }\n\n  50% {\n    width: 101%;\n    left: -1%;\n  }\n\n  75% {\n    width: 0%;\n    left: 101%;\n  }\n\n  100% {\n    width: 0%;\n    left: 101%;\n  }\n}\n\n.ic-loading-circular-svg {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: var(--outer-color);\n  stroke-width: var(--circular-line-width);\n  stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n  --circular-indeterminate: calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );\n\n  stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n  stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n  stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n:host(.inner-label) .ic-loading-circular-inner {\n  display: grid;\n}\n\n:host(.inner-label) .ic-loading-circular-svg,\n.inner-text {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2) {\n  stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ic-space-lg);\n  height: inherit;\n  overflow: hidden;\n  margin: auto;\n  color: var(--ic-theme-primary);\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n  color: var(--ic-color-tertiary-text);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .indeterminate > .ic-loading-circular-inner {\n    forced-color-adjust: none;\n  }\n\n  .ic-loading-linear-outer {\n    border: var(--ic-hc-border);\n  }\n\n  .ic-loading-linear-inner {\n    background-color: canvastext;\n  }\n\n  .ic-loading-circular-svg circle {\n    stroke: Background;\n  }\n\n  .ic-loading-circular-svg circle:nth-child(2) {\n    stroke: canvastext;\n  }\n\n  :host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2) {\n    stroke: GrayText;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport {\n  IcLoadingCircleXYR,\n  IcLoadingSizes,\n  IcLoadingTypes,\n} from \"./ic-loading-indicator.types\";\nimport {\n  IcThemeForegroundEnum,\n  IcThemeForegroundNoDefault,\n} from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-loading-indicator\",\n  styleUrl: \"ic-loading-indicator.css\",\n  shadow: true,\n})\nexport class LoadingIndicator {\n  @Element() host: HTMLIcLoadingIndicatorElement;\n\n  /**\n   * The current amount of progress made.\n   * If not provided, component acts as an indeterminate loading indicator.\n   */\n  @Prop() progress?: number;\n\n  /**\n   * The minimum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() min?: number = 0;\n\n  /**\n   * The maximum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() max?: number = 100;\n\n  /**\n   * The label to be displayed beneath the loading indicator.\n   * Display a changing label by separating multiple messages with forward slashes.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The description that will be set as the aria-label of the loading indicator when not using a visible label.\n   */\n  @Prop() description?: string = \"Loading\";\n\n  /**\n   * @internal The step number of a compact step, managed by ic-step.\n   */\n  @Prop() innerLabel?: number;\n\n  /**\n   * The time in milliseconds before the label changes.\n   */\n  @Prop() labelDuration?: number = 8000;\n\n  /**\n   * The size of the loading indicator.\n   */\n  @Prop({ reflect: true }) size?: IcLoadingSizes = \"default\";\n\n  /**\n   * The type of indicator, either linear or circular.\n   */\n  @Prop({ reflect: true }) type?: IcLoadingTypes = \"circular\";\n\n  /**\n   * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\n   */\n  @Prop({ reflect: true }) fullWidth?: boolean = false;\n\n  /**\n   * The appearance of the loading indicator, e.g. dark or light.\n   */\n  @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n\n  @State() indicatorLabel: string;\n  @State() indeterminate: boolean;\n  @State() showSecond: boolean = false;\n  @State() circularLineWidth: number;\n  @State() circularDiameter: number;\n\n  @Watch(\"label\")\n  watchPropHandler(): void {\n    this.updateLabel();\n  }\n\n  @Watch(\"progress\")\n  watchProgressHandler(): void {\n    if (this.type === \"circular\") {\n      this.updateCircularProgressMeter();\n    }\n  }\n\n  private outerElement?: HTMLDivElement;\n  private innerElement?: HTMLDivElement;\n  private labelList: string[];\n  private circularMeter: SVGCircleElement;\n  private interval: ReturnType<typeof setInterval>;\n\n  private updateCircularProgressMeter = () => {\n    if (!this.indeterminate) {\n      this.circularMeter.style.setProperty(\n        \"--progress-value\",\n        String(this.progress)\n      );\n    }\n  };\n\n  private getLabel = (\n    labelIndex: number,\n    setLabel: (label: string) => void\n  ) => {\n    return new Promise(() => {\n      this.interval = setInterval(() => {\n        if (labelIndex < this.labelList.length - 1) {\n          labelIndex++;\n        } else {\n          labelIndex = 0;\n        }\n        setLabel(this.labelList[labelIndex]);\n      }, this.labelDuration);\n    });\n  };\n\n  private getLabelVariant = () => {\n    let variant: \"label\" | \"h4\" | \"h2\" = \"h4\";\n    const width = this.outerElement?.offsetWidth;\n    if (this.size === \"small\" || (this.type === \"circular\" && width < 60)) {\n      variant = \"label\";\n    } else if (\n      this.size === \"large\" ||\n      (this.type === \"circular\" && width >= 120)\n    ) {\n      variant = \"h2\";\n    }\n    return variant;\n  };\n\n  // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n  private setCircleLineWidth = () => {\n    const { offsetWidth: width } = this.outerElement;\n\n    const compactStepCircularLineWidth = this.host.classList.contains(\n      \"compact-step-progress-indicator\"\n    )\n      ? 40\n      : 0;\n    const toastDismissTimerCircularLineWidth = this.host.classList.contains(\n      \"toast-dismiss-timer\"\n    )\n      ? 20\n      : 0;\n\n    if (\n      width ||\n      compactStepCircularLineWidth ||\n      toastDismissTimerCircularLineWidth\n    ) {\n      this.circularLineWidth =\n        (compactStepCircularLineWidth ||\n          toastDismissTimerCircularLineWidth ||\n          width) * 0.1;\n      this.circularDiameter =\n        compactStepCircularLineWidth ||\n        toastDismissTimerCircularLineWidth ||\n        width;\n      this.outerElement.style.setProperty(\n        \"--circular-line-width\",\n        `${this.circularLineWidth}px`\n      );\n    }\n  };\n\n  private setLinearDeterminateWidth = () => {\n    if (!this.innerElement) return;\n    // Ensure progress cannot be out of bounds\n\n    const progress = Math.min(this.max, Math.max(this.min, this.progress));\n    const proportion = (progress - this.min) / (this.max - this.min);\n    this.showSecond = proportion > 0.5;\n    if (this.showSecond) {\n      this.innerElement.classList.remove(\"clip\");\n    } else {\n      this.innerElement.classList.add(\"clip\");\n    }\n    this.innerElement.style.setProperty(\n      \"--linear-width\",\n      `${proportion * 100}%`\n    );\n  };\n\n  private calcOuterClass = (): string => {\n    let cls = `ic-loading-${this.type}-outer`;\n    cls += this.indeterminate ? \" indeterminate\" : \" determinate\";\n    return cls;\n  };\n\n  private updateLabel = (): void => {\n    if (this.label !== undefined) {\n      this.labelList = this.label.split(\"/\");\n      const labelIndex = 0;\n      this.indicatorLabel = this.labelList[labelIndex];\n      if (this.labelList.length > 1) {\n        this.getLabel(labelIndex, (label) => {\n          this.indicatorLabel = label;\n        });\n      }\n    }\n  };\n\n  private setCircleXY = (): IcLoadingCircleXYR => {\n    if (this.circularDiameter > 0) {\n      const r = this.circularDiameter / 2;\n      const x = r;\n      const y = r;\n      const nextRadius = r - this.circularLineWidth / 2;\n      this.setDashSteps(nextRadius);\n\n      return { x, y, r: nextRadius };\n    }\n    return { x: 0, y: 0, r: 0 };\n  };\n\n  private setDashSteps = (radius: number) => {\n    const dashArray = 2 * Math.PI * radius;\n    const progress = Math.min(Math.max(this.progress, this.min), this.max);\n    const proportion = -1 - (progress - this.min) / (this.max - this.min);\n\n    this.circularMeter.style.setProperty(\n      \"--stroke-dasharray\",\n      `${dashArray}px`\n    );\n\n    if (!this.indeterminate) {\n      this.circularMeter.style.setProperty(\n        \"--circular-steps-max\",\n        String(this.max)\n      );\n      this.circularMeter.style.setProperty(\n        \"--stroke-dashoffset\",\n        `${proportion * dashArray}px`\n      );\n    }\n  };\n\n  componentWillLoad(): void {\n    this.indeterminate = this.progress === undefined;\n    this.updateLabel();\n  }\n\n  componentDidLoad(): void {\n    if (this.type === \"circular\") {\n      this.setCircleLineWidth();\n      this.circularMeter = this.host.shadowRoot.querySelector(\n        \".ic-loading-circular-svg circle:nth-child(2)\"\n      );\n      this.updateCircularProgressMeter();\n    }\n\n    if (Number(this.progress) >= 0 && this.type === \"linear\") {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  componentWillUpdate(): void {\n    this.indeterminate = this.progress === undefined;\n  }\n\n  componentDidUpdate(): void {\n    if (Number(this.progress) >= 0 && this.type === \"linear\") {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  disconnectedCallback(): void {\n    clearInterval(this.interval);\n  }\n  render() {\n    const { appearance, label, description, size, fullWidth, innerLabel } =\n      this;\n    const { x, y, r } = this.setCircleXY();\n\n    return (\n      <Host\n        class={{\n          [\"light\"]: appearance === IcThemeForegroundEnum.Light,\n          [\"label\"]: !!label,\n          [\"full-width\"]: fullWidth,\n          [\"inner-label\"]: !!innerLabel,\n        }}\n      >\n        <div class=\"ic-loading-container\">\n          <div\n            ref={(el) => (this.outerElement = el as HTMLDivElement)}\n            class={this.calcOuterClass()}\n            role=\"progressbar\"\n            aria-labelledby={\n              this.label && this.size !== \"icon\" && \"ic-loading-label\"\n            }\n            aria-label={description}\n            aria-valuenow={this.progress}\n            aria-valuemin={this.min}\n            aria-valuemax={this.max}\n          >\n            <div\n              ref={(el) => (this.innerElement = el as HTMLDivElement)}\n              class={`ic-loading-${this.type}-inner`}\n            >\n              {this.innerLabel &&\n                this.innerLabel !== undefined &&\n                this.size === \"small\" && (\n                  <ic-typography variant=\"subtitle-small\" class=\"inner-text\">\n                    {this.innerLabel}\n                  </ic-typography>\n                )}\n              {this.type === \"circular\" && (\n                <svg\n                  class=\"ic-loading-circular-svg\"\n                  viewBox={`0 0 ${this.circularDiameter || 0} ${\n                    this.circularDiameter || 0\n                  }`}\n                >\n                  <circle cx={`${x}`} cy={`${y}`} r={`${r}`}></circle>\n                  <circle cx={`${x}`} cy={`${y}`} r={`${r}`}></circle>\n                </svg>\n              )}\n            </div>\n          </div>\n          {label && size !== \"icon\" && (\n            <ic-typography\n              id=\"ic-loading-label\"\n              class=\"ic-loading-label\"\n              role=\"status\"\n              variant={this.getLabelVariant()}\n            >\n              <p>{this.indicatorLabel}</p>\n            </ic-typography>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-tooltip: z-index of tooltip\n */\n\n:host(.ic-tooltip) .ic-tooltip-container {\n  background-color: var(--ic-architectural-800);\n  color: #ffff;\n  text-align: center;\n  padding: var(--ic-space-xxxs) 0.625rem;\n  border-radius: var(--ic-border-radius);\n  position: absolute;\n  max-width: 20rem;\n  display: none;\n  z-index: var(--ic-z-index-tooltip);\n  box-shadow: var(--ic-elevation-overlay);\n}\n\n:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n  .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container {\n  display: none !important;\n}\n\n:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n  .ic-tooltip-container[data-show] {\n  display: block !important;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  position: absolute;\n  background: inherit;\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow {\n  visibility: hidden;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  visibility: visible;\n  content: \"\";\n}\n\n:host(.ic-tooltip) .ic-tooltip-container[data-show] {\n  display: block;\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow {\n  bottom: calc(-1 * var(--ic-space-md));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);\n  left: 0;\n  height: var(--ic-space-xxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow {\n  top: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;\n  left: 0;\n  height: var(--ic-space-xxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow {\n  right: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 var(--ic-border-radius) var(--ic-border-radius) 0;\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow {\n  left: -0.875rem;\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) 0 0 var(--ic-border-radius);\n}\n\n@media (forced-colors: active) {\n  :host(.ic-tooltip) .ic-tooltip-container {\n    border: var(--ic-hc-border);\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  Watch,\n  Method,\n} from \"@stencil/core\";\nimport { Instance, createPopper } from \"@popperjs/core\";\nimport { IcTooltipPlacements } from \"./ic-tooltip.types\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-tooltip\",\n  styleUrl: \"ic-tooltip.css\",\n  shadow: true,\n})\nexport class Tooltip {\n  @Element() el: HTMLIcTooltipElement;\n\n  /**\n   * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.\n   */\n  @Prop({ reflect: true }) target?: string;\n\n  /**\n   * The position of the tool-tip in relation to the parent element.\n   */\n  @Prop() placement?: IcTooltipPlacements = \"bottom\";\n\n  /**\n   * The text to display on the tooltip.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If `true`, the tooltip will not be displayed on hover, it will require a click.\n   */\n  @Prop() disableHover?: boolean = false;\n\n  @Watch(\"label\")\n  updateLabel(newValue: string): void {\n    const describedBySpan = this.el.previousElementSibling as HTMLElement;\n    if (describedBySpan !== null) {\n      describedBySpan.innerText = newValue;\n    }\n  }\n\n  /**\n   * Method to programmatically show/hide the tooltip without needing to interact with an anchor element\n   * @param show Whether to show or hide the tooltip\n   * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\n   */\n  @Method()\n  async displayTooltip(show: boolean, persistTooltip?: boolean): Promise<void> {\n    this.persistTooltip = persistTooltip;\n    show ? this.show(this.popperInstance) : this.hide(this.popperInstance);\n  }\n\n  private toolTip: HTMLDivElement;\n  private arrow: HTMLDivElement;\n  private mouseOverTool: boolean = false;\n  private showEvents = this.disableHover\n    ? [\"click\"]\n    : [\"mouseenter\", \"focusin\"];\n  private instantHideEvents = [\"focusout\"];\n  private delayedHideEvents = [\"mouseleave\"];\n  private popperInstance: Instance;\n  private persistTooltip = false;\n\n  private show = (popper: Instance) => {\n    this.toolTip.setAttribute(\"data-show\", \"\");\n    popper.setOptions((options) => ({\n      ...options,\n      modifiers: [\n        ...options.modifiers,\n        { name: \"eventListeners\", enabled: true },\n      ],\n    }));\n    popper.update();\n  };\n\n  private hide = (popper: Instance) => {\n    this.toolTip.removeAttribute(\"data-show\");\n    popper.setOptions((options) => ({\n      ...options,\n      modifiers: [\n        ...options.modifiers,\n        { name: \"eventListeners\", enabled: false },\n      ],\n    }));\n    this.persistTooltip = false;\n  };\n\n  private checkCloseTooltip = (popper: Instance) => {\n    setTimeout(() => {\n      if (!this.mouseOverTool && !this.persistTooltip) {\n        this.hide(popper);\n      }\n    }, 100);\n  };\n\n  private mouseEnterTooltip = () => {\n    this.mouseOverTool = true;\n  };\n\n  private mouseLeaveTooltip = (popper: Instance) => {\n    this.mouseOverTool = false;\n    this.checkCloseTooltip(popper);\n  };\n\n  private handleKeyDown = (key: string) => {\n    if (key === \"Escape\" && !this.persistTooltip) {\n      this.hide(this.popperInstance);\n    }\n  };\n\n  private manageEventListeners = (action: \"add\" | \"remove\") => {\n    const method =\n      action === \"add\" ? \"addEventListener\" : \"removeEventListener\";\n\n    this.showEvents.forEach((event) => {\n      this.el[method](event, () => this.show(this.popperInstance));\n      if (this.toolTip !== undefined) {\n        this.toolTip[method](event, () => this.mouseEnterTooltip());\n      }\n    });\n\n    this.instantHideEvents.forEach((event) => {\n      this.el[method](\n        event,\n        () => !this.persistTooltip && this.hide(this.popperInstance)\n      );\n    });\n\n    this.delayedHideEvents.forEach((event) => {\n      this.el[method](event, () => this.checkCloseTooltip(this.popperInstance));\n      if (this.toolTip !== undefined) {\n        this.toolTip[method](event, () =>\n          this.mouseLeaveTooltip(this.popperInstance)\n        );\n      }\n    });\n\n    document[method](\"keydown\", (event: KeyboardEvent) =>\n      this.handleKeyDown(event.key)\n    );\n  };\n\n  private screenReaderOnlyStyles = {\n    position: \"absolute\",\n    left: \"-10000px\",\n    top: \"auto\",\n    width: \"1px\",\n    height: \"1px\",\n    overflow: \"hidden\",\n  };\n\n  componentDidLoad(): void {\n    this.popperInstance = createPopper(this.el, this.toolTip, {\n      placement: this.placement,\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 10],\n          },\n        },\n        {\n          name: \"arrow\",\n          options: {\n            element: this.arrow,\n          },\n        },\n      ],\n    });\n\n    this.manageEventListeners(\"add\");\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Tooltip\"\n    );\n\n    if (this.target !== undefined) {\n      const ariaDescribedBy = document.createElement(\"span\");\n      ariaDescribedBy.id = `ic-tooltip-${this.target}`;\n      ariaDescribedBy.innerText = this.label;\n      ariaDescribedBy.classList.add(\"ic-tooltip-label\");\n      Object.assign(ariaDescribedBy.style, this.screenReaderOnlyStyles);\n\n      this.el.insertAdjacentElement(\"beforebegin\", ariaDescribedBy);\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.manageEventListeners(\"remove\");\n  }\n\n  render() {\n    const { label } = this;\n    return (\n      <Host class={{ \"ic-tooltip\": true }}>\n        <div\n          ref={(el) => (this.toolTip = el as HTMLDivElement)}\n          role=\"tooltip\"\n          class=\"ic-tooltip-container\"\n        >\n          <ic-typography variant=\"caption\">{label}</ic-typography>\n          <div\n            ref={(el) => (this.arrow = el as HTMLDivElement)}\n            class=\"ic-tooltip-arrow\"\n            data-popper-arrow\n          ></div>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/core/p-a7fdb9a8.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as i,g as r}from"./p-589f6dd3.js";import{g as n,I as a,k as s,c as l,i as c,l as d}from"./p-3dea2867.js";import{I as p}from"./p-6f57b13c.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host(.footer-sparse){--footer-links-padding:1.5rem 0;--footer-compliance-padding:1.5rem 0 0.5rem 0;--footer-logo-margin-bottom:var(--ic-space-lg);--footer-link-inner-flex-direction:row}:host(.footer-small){--footer-links-padding:0 0;--footer-compliance-padding:1rem 0 0.5rem;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}:host(.footer-light){--footer-theme-secondary:var(--ic-theme-secondary);--footer-theme-tertiary:var(--ic-theme-tertiary);--footer-keyline:var(--ic-keyline-lighten)}:host(.footer-dark){--footer-theme-secondary:var(--ic-theme-secondary-light);--footer-theme-tertiary:var(--ic-theme-tertiary-light);--footer-keyline:var(--ic-keyline-darken)}:host(.footer-small.footer-ungrouped){--footer-links-padding:var(--ic-space-md) 0 0 0}footer{display:flex;flex-direction:column;width:100%}.footer-description{background-color:var(--footer-theme-secondary);color:var(--ic-theme-text);border-bottom:var(--footer-keyline)}.footer-description-inner{padding:1rem 0}.footer-links{padding:var(--footer-links-padding);background-color:var(--footer-theme-secondary);color:var(--ic-theme-text)}.footer-links-inner{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}.footer-compliance{background-color:var(--footer-theme-tertiary);color:var(--ic-theme-text)}.footer-compliance-inner{padding:var(--footer-compliance-padding)}.footer-logo{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}.footer-logo>::slotted(){margin-right:var(--ic-space-md)}.footer-caption{margin-bottom:var(--ic-space-md)}.classification-spacing{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){footer{border-top:var(--ic-hc-border)}}';const f=class{constructor(o){e(this,o);this.footerResized=t(this,"footerResized",7);this.resizeObserverCallback=e=>{if(e!==this.deviceSize){this.deviceSize=e}this.footerResized.emit()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const e=n();this.resizeObserverCallback(e)}));this.resizeObserver.observe(this.footerEl)};this.description=undefined;this.aligned="left";this.breakpoint="medium";this.groupLinks=false;this.caption=undefined;this.copyright=true;this.deviceSize=a.XL;this.foregroundColor=s()}isSmall(){const e=this.breakpoint;return e==="extra small"?this.deviceSize<a.XS:e==="small"?this.deviceSize<a.S:e==="medium"?this.deviceSize<a.M:e==="large"?this.deviceSize<a.L:e==="extra large"?this.deviceSize<a.XL:false}themeChangeHandler(e){const t=e.detail;this.foregroundColor=t.mode}componentWillLoad(){this.deviceSize=n()}componentDidLoad(){l(this.runResizeObserver)}disconnectedCallback(){this.resizeObserver.disconnect()}render(){const{aligned:e,caption:t,copyright:r,description:n,groupLinks:s,foregroundColor:l}=this;const m=this.isSmall();return o(i,{class:{footer:true,[`footer-${m?"small":"sparse"}`]:true,[`footer-${s?"grouped":"ungrouped"}`]:true,[`footer-${l}`]:true,[p.Dark]:l===p.Dark,[p.Light]:l===p.Light}},o("footer",{ref:e=>this.footerEl=e},o("div",{class:"footer-description"},o("ic-section-container",{aligned:e,fullHeight:true},o("div",{class:"footer-description-inner"},o("ic-typography",{variant:"body"},o("slot",{name:"description"},n))))),o("div",{class:"footer-links"},s&&m?o("div",{class:"footer-links-inner"},o("slot",{name:"link"})):o("ic-section-container",{fullHeight:true,aligned:e},o("div",{class:"footer-links-inner"},o("slot",{name:"link"})))),o("div",{class:"footer-compliance"},o("ic-section-container",{aligned:e,fullHeight:true},o("div",{class:"footer-compliance-inner"},c(this.el,"logo")&&o("div",{class:"footer-logo"},o("slot",{name:"logo"})),(c(this.el,"caption")||t)&&o("div",{class:"footer-caption"},o("ic-typography",{variant:this.deviceSize<=a.M?"caption":"body"},o("slot",{name:"caption"},t))),r&&o("div",{class:{["footer-copyright"]:true,["classification-spacing"]:d()}},o("ic-typography",{variant:this.deviceSize<=a.M?"caption-uppercase":"label-uppercase"},"© Crown Copyright")))))))}get el(){return r(this)}};f.style=m;export{f as ic_footer};
+//# sourceMappingURL=p-a7fdb9a8.entry.js.map

package/dist/core/p-a7fdb9a8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/ic-footer/ic-footer.css?tag=ic-footer&encapsulation=shadow","src/components/ic-footer/ic-footer.tsx"],"names":["icFooterCss","Footer","this","resizeObserverCallback","currSize","deviceSize","footerResized","emit","runResizeObserver","resizeObserver","ResizeObserver","getCurrentDeviceSize","observe","footerEl","IC_DEVICE_SIZES","XL","getThemeForegroundColor","[object Object]","bp","breakpoint","XS","S","M","L","ev","theme","detail","foregroundColor","mode","checkResizeObserver","disconnect","aligned","caption","copyright","description","groupLinks","small","isSmall","h","Host","class","footer","IcThemeForegroundEnum","Dark","Light","ref","fullHeight","variant","name","isSlotUsed","el","hasClassificationBanner"],"mappings":"2KAAA,MAAMA,EAAc,+iICuCPC,EAAM,4EAmETC,KAAAC,uBAA0BC,IAChC,GAAIA,IAAaF,KAAKG,WAAY,CAChCH,KAAKG,WAAaD,EAEpBF,KAAKI,cAAcC,QAGbL,KAAAM,kBAAoB,KAC1BN,KAAKO,eAAiB,IAAIC,gBAAe,KACvC,MAAMN,EAAWO,IACjBT,KAAKC,uBAAuBC,MAG9BF,KAAKO,eAAeG,QAAQV,KAAKW,mDAhEH,uBAKW,yBAKZ,4CAUF,qBAECC,EAAgBC,wBAEAC,IAEtCC,UACN,MAAMC,EAAKhB,KAAKiB,WAEhB,OAAOD,IAAO,cACVhB,KAAKG,WAAaS,EAAgBM,GAClCF,IAAO,QACPhB,KAAKG,WAAaS,EAAgBO,EAClCH,IAAO,SACPhB,KAAKG,WAAaS,EAAgBQ,EAClCJ,IAAO,QACPhB,KAAKG,WAAaS,EAAgBS,EAClCL,IAAO,cACPhB,KAAKG,WAAaS,EAAgBC,GAClC,MAINE,mBAAmBO,GACjB,MAAMC,EAAiBD,EAAGE,OAC1BxB,KAAKyB,gBAAkBF,EAAMG,KAsB/BX,oBACEf,KAAKG,WAAaM,IAGpBM,mBACEY,EAAoB3B,KAAKM,mBAG3BS,uBACEf,KAAKO,eAAeqB,aAGtBb,SACE,MAAMc,QACJA,EAAOC,QACPA,EAAOC,UACPA,EAASC,YACTA,EAAWC,WACXA,EAAUR,gBACVA,GACEzB,KACJ,MAAMkC,EAAQlC,KAAKmC,UAEnB,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,OAAQ,KACRxB,CAAC,UAAUmB,EAAQ,QAAU,YAAa,KAC1CnB,CAAC,UAAUkB,EAAa,UAAY,eAAgB,KACpDlB,CAAC,UAAUU,KAAoB,KAE/BV,CAACyB,EAAsBC,MACrBhB,IAAoBe,EAAsBC,KAC5C1B,CAACyB,EAAsBE,OACrBjB,IAAoBe,EAAsBE,QAG9CN,EAAA,SAAA,CAAQO,IAAMhC,GAAcX,KAAKW,SAAWA,GAE1CyB,EAAA,MAAA,CAAKE,MAAM,sBACTF,EAAA,uBAAA,CAAsBP,QAASA,EAASe,WAAY,MAClDR,EAAA,MAAA,CAAKE,MAAM,4BACTF,EAAA,gBAAA,CAAeS,QAAQ,QACrBT,EAAA,OAAA,CAAMU,KAAK,eAAed,OAOlCI,EAAA,MAAA,CAAKE,MAAM,gBACRL,GAAcC,EACbE,EAAA,MAAA,CAAKE,MAAM,sBACTF,EAAA,OAAA,CAAMU,KAAK,UAGbV,EAAA,uBAAA,CAAsBQ,WAAU,KAACf,QAASA,GACxCO,EAAA,MAAA,CAAKE,MAAM,sBACTF,EAAA,OAAA,CAAMU,KAAK,YAOnBV,EAAA,MAAA,CAAKE,MAAM,qBACTF,EAAA,uBAAA,CAAsBP,QAASA,EAASe,WAAY,MAClDR,EAAA,MAAA,CAAKE,MAAM,2BACRS,EAAW/C,KAAKgD,GAAI,SACnBZ,EAAA,MAAA,CAAKE,MAAM,eAETF,EAAA,OAAA,CAAMU,KAAK,WAGbC,EAAW/C,KAAKgD,GAAI,YAAclB,IAClCM,EAAA,MAAA,CAAKE,MAAM,kBACTF,EAAA,gBAAA,CACES,QACE7C,KAAKG,YAAcS,EAAgBQ,EAC/B,UACA,QAGNgB,EAAA,OAAA,CAAMU,KAAK,WAAWhB,KAI3BC,GACCK,EAAA,MAAA,CACEE,MAAO,CACLvB,CAAC,oBAAqB,KACtBA,CAAC,0BAA2BkC,MAG9Bb,EAAA,gBAAA,CACES,QACE7C,KAAKG,YAAcS,EAAgBQ,EAC/B,oBACA,mBAAiB","sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: block;\n}\n\n:host(.footer-sparse) {\n  --footer-links-padding: 1.5rem 0;\n  --footer-compliance-padding: 1.5rem 0 0.5rem 0;\n  --footer-logo-margin-bottom: var(--ic-space-lg);\n  --footer-link-inner-flex-direction: row;\n}\n\n:host(.footer-small) {\n  --footer-links-padding: 0 0;\n  --footer-compliance-padding: 1rem 0 0.5rem;\n  --footer-logo-margin-bottom: var(--ic-space-md);\n  --footer-link-inner-flex-direction: column;\n}\n\n:host(.footer-light) {\n  --footer-theme-secondary: var(--ic-theme-secondary);\n  --footer-theme-tertiary: var(--ic-theme-tertiary);\n  --footer-keyline: var(--ic-keyline-lighten);\n}\n\n:host(.footer-dark) {\n  --footer-theme-secondary: var(--ic-theme-secondary-light);\n  --footer-theme-tertiary: var(--ic-theme-tertiary-light);\n  --footer-keyline: var(--ic-keyline-darken);\n}\n\n:host(.footer-small.footer-ungrouped) {\n  --footer-links-padding: var(--ic-space-md) 0 0 0;\n}\n\n/* Main inner footer element */\nfooter {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n/* Description */\n\n.footer-description {\n  background-color: var(--footer-theme-secondary);\n  color: var(--ic-theme-text);\n  border-bottom: var(--footer-keyline);\n}\n\n.footer-description-inner {\n  padding: 1rem 0;\n}\n\n/* Links */\n\n.footer-links {\n  padding: var(--footer-links-padding);\n  background-color: var(--footer-theme-secondary);\n  color: var(--ic-theme-text);\n}\n\n.footer-links-inner {\n  display: flex;\n  flex-direction: var(--footer-link-inner-flex-direction);\n}\n\n/* Compliance */\n\n.footer-compliance {\n  background-color: var(--footer-theme-tertiary);\n  color: var(--ic-theme-text);\n}\n\n.footer-compliance-inner {\n  padding: var(--footer-compliance-padding);\n}\n\n.footer-logo {\n  margin-bottom: var(--footer-logo-margin-bottom);\n  display: flex;\n  gap: var(--ic-space-xxl);\n}\n\n.footer-logo > ::slotted() {\n  margin-right: var(--ic-space-md);\n}\n\n.footer-caption {\n  margin-bottom: var(--ic-space-md);\n}\n\n.classification-spacing {\n  margin-bottom: var(--ic-space-lg);\n}\n\n@media (forced-colors: active) {\n  footer {\n    border-top: var(--ic-hc-border);\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n  h,\n  Host,\n  Listen,\n} from \"@stencil/core\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\nimport {\n  getCurrentDeviceSize,\n  getThemeForegroundColor,\n  checkResizeObserver,\n  hasClassificationBanner,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport {\n  IcAlignment,\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcFooterBreakpoints } from \"./ic-footer.types\";\n\n/**\n * @slot description - Content will be rendered at the top of the footer.\n * @slot link - Content will be rendered between description and logos.\n * @slot logo - Content will be rendered underneath footer links.\n * @slot caption - Content will be rendered above Crown Copyright.\n */\n\n@Component({\n  tag: \"ic-footer\",\n  styleUrl: \"ic-footer.css\",\n  shadow: true,\n})\nexport class Footer {\n  @Element() el: HTMLIcFooterElement;\n\n  /**\n   *  @internal Triggers on page resize and triggers style changes in footer links and link groups\n   */\n  @Event() footerResized: EventEmitter<void>;\n\n  /**\n   * The description displayed at the top of the footer.\n   */\n  @Prop() description: string;\n\n  /**\n   * The alignment of the section containers used within the footer.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * The screen size breakpoint at which to switch to the small layout.\n   */\n  @Prop() breakpoint?: IcFooterBreakpoints = \"medium\";\n\n  /**\n   * If `true`, the footer will be set up to handle link groups instead of standalone links.\n   */\n  @Prop() groupLinks?: boolean = false;\n\n  /**\n   * The caption displayed at the bottom of the footer.\n   */\n  @Prop() caption: string;\n\n  /**\n   * If `true`, the footer will display the crown copyright at the bottom.\n   */\n  @Prop() copyright: boolean = true;\n\n  @State() deviceSize: number = IC_DEVICE_SIZES.XL;\n\n  @State() foregroundColor: IcThemeForeground = getThemeForegroundColor();\n\n  private isSmall() {\n    const bp = this.breakpoint;\n\n    return bp === \"extra small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XS\n      : bp === \"small\"\n      ? this.deviceSize < IC_DEVICE_SIZES.S\n      : bp === \"medium\"\n      ? this.deviceSize < IC_DEVICE_SIZES.M\n      : bp === \"large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.L\n      : bp === \"extra large\"\n      ? this.deviceSize < IC_DEVICE_SIZES.XL\n      : false;\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.foregroundColor = theme.mode;\n  }\n\n  private resizeObserver: ResizeObserver;\n  private footerEl: HTMLElement;\n\n  private resizeObserverCallback = (currSize: number) => {\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n    this.footerResized.emit();\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const currSize = getCurrentDeviceSize();\n      this.resizeObserverCallback(currSize);\n    });\n\n    this.resizeObserver.observe(this.footerEl);\n  };\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver.disconnect();\n  }\n\n  render() {\n    const {\n      aligned,\n      caption,\n      copyright,\n      description,\n      groupLinks,\n      foregroundColor,\n    } = this;\n    const small = this.isSmall();\n\n    return (\n      <Host\n        class={{\n          footer: true,\n          [`footer-${small ? \"small\" : \"sparse\"}`]: true,\n          [`footer-${groupLinks ? \"grouped\" : \"ungrouped\"}`]: true,\n          [`footer-${foregroundColor}`]: true,\n          // Slots will be able to infer their own color\n          [IcThemeForegroundEnum.Dark]:\n            foregroundColor === IcThemeForegroundEnum.Dark,\n          [IcThemeForegroundEnum.Light]:\n            foregroundColor === IcThemeForegroundEnum.Light,\n        }}\n      >\n        <footer ref={(footerEl) => (this.footerEl = footerEl)}>\n          {/* Description */}\n          <div class=\"footer-description\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-description-inner\">\n                <ic-typography variant=\"body\">\n                  <slot name=\"description\">{description}</slot>\n                </ic-typography>\n              </div>\n            </ic-section-container>\n          </div>\n\n          {/* Links */}\n          <div class=\"footer-links\">\n            {groupLinks && small ? (\n              <div class=\"footer-links-inner\">\n                <slot name=\"link\" />\n              </div>\n            ) : (\n              <ic-section-container fullHeight aligned={aligned}>\n                <div class=\"footer-links-inner\">\n                  <slot name=\"link\" />\n                </div>\n              </ic-section-container>\n            )}\n          </div>\n\n          {/* Compliance (logo, caption, copyright) */}\n          <div class=\"footer-compliance\">\n            <ic-section-container aligned={aligned} fullHeight={true}>\n              <div class=\"footer-compliance-inner\">\n                {isSlotUsed(this.el, \"logo\") && (\n                  <div class=\"footer-logo\">\n                    {/* Logo */}\n                    <slot name=\"logo\" />\n                  </div>\n                )}\n                {(isSlotUsed(this.el, \"caption\") || caption) && (\n                  <div class=\"footer-caption\">\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption\"\n                          : \"body\"\n                      }\n                    >\n                      <slot name=\"caption\">{caption}</slot>\n                    </ic-typography>\n                  </div>\n                )}\n                {copyright && (\n                  <div\n                    class={{\n                      [\"footer-copyright\"]: true,\n                      [\"classification-spacing\"]: hasClassificationBanner(),\n                    }}\n                  >\n                    <ic-typography\n                      variant={\n                        this.deviceSize <= IC_DEVICE_SIZES.M\n                          ? \"caption-uppercase\"\n                          : \"label-uppercase\"\n                      }\n                    >\n                      &copy; Crown Copyright\n                    </ic-typography>\n                  </div>\n                )}\n              </div>\n            </ic-section-container>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm/ic-button_3.entry.js

@@ -3,7 +3,7 @@ import { b as getThemeFromContext, m as inheritAttributes, n as IC_INHERITED_ARI
 import { I as IcThemeForegroundEnum } from './types-dd515332.js';
 import { c as createPopper } from './popper-f860750c.js';
 
-const icButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}.button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}.button:hover{cursor:pointer}.button:focus,:host .button:focus{box-shadow:var(--ic-border-focus)}:host(.light) .button:focus{box-shadow:var(--ic-border-focus)}.button:focus-visible{outline:var(--ic-hc-focus-outline)}:host(.dark) .button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}:host(.light) .button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}:host(.button-variant-primary.light) .button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}:host(.button-variant-primary.dark) .button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}:host(.disabled),:host(.disabled) .button,:host(.loading),:host(.loading) .button{pointer-events:none}:host(.button-variant-primary) .button{color:var(--ic-architectural-white);background-color:var(--button-default)}:host(.button-variant-primary) .button:hover:not(:focus){background-color:var(--button-default-hover)}:host(.button-variant-primary) .button:active:not(:focus),:host(.button-variant-primary.loading) .button{background-color:var(--button-default-active)}:host(.button-variant-primary.disabled) .button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-variant-primary.light.disabled) .button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}:host(.button-variant-secondary) .button{border:var(--ic-space-1px) solid var(--button-default);color:var(--button-default)}:host(.button-variant-secondary) .button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.button-variant-secondary) .button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.disabled) .button,:host(.button-variant-secondary.disabled) .button:hover,:host(.button-variant-secondary.disabled) .button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-secondary.light.disabled) .button,:host(.button-variant-secondary.light.disabled) .button:hover,:host(.button-variant-secondary.light.disabled) .button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}:host(.button-variant-tertiary) .button{color:var(--button-default)}:host(.button-variant-tertiary) .button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-tertiary) .button:active:not(:focus),:host(.button-variant-tertiary.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-tertiary.disabled) .button,:host(.button-variant-tertiary.disabled) .button:hover,:host(.button-variant-tertiary.disabled) .button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-tertiary.light.disabled) .button,:host(.button-variant-tertiary.light.disabled) .button:hover,:host(.button-variant-tertiary.light.disabled) .button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}:host(.button-variant-icon) .button{color:var(--button-default);min-width:0}:host(.button-variant-icon) .button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) .button:hover,:host(.button-variant-icon.disabled) .button:active{color:var(--ic-architectural-300);background:none}:host(.button-variant-destructive) .button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}:host(.button-variant-destructive) .button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}:host(.button-variant-destructive) .button:active:not(:focus),:host(.button-variant-destructive.loading) .button{background-color:var(--ic-action-destructive-active)}:host(.button-variant-destructive.disabled) .button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-size-default) .button{height:2.5rem;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.button-size-small) .button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.button-size-large) .button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}:host(.button-size-default.button-variant-icon) .button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:0.375rem}:host(.button-size-small.button-variant-icon) .button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.button-size-large.button-variant-icon) .button{height:2.5rem;width:2.5rem;padding:var(--ic-space-xs)}:host(.full-width),:host(.full-width) .button{width:100%}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}::slotted(*){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem}:host(.popout-menu-button) .button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}@media (forced-colors: active){.button{border:0.125rem solid transparent}}";
+const icButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}.button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}.button:hover{cursor:pointer}.button:focus,:host .button:focus{box-shadow:var(--ic-border-focus)}:host(.light) .button:focus{box-shadow:var(--ic-border-focus)}.button:focus-visible{outline:var(--ic-hc-focus-outline)}:host(.dark) .button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}:host(.light) .button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}:host(.button-variant-primary.light) .button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}:host(.button-variant-primary.dark) .button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}:host(.disabled),:host(.disabled) .button,:host(.loading),:host(.loading) .button{pointer-events:none}:host(.button-variant-primary) .button{color:var(--ic-architectural-white);background-color:var(--button-default)}:host(.button-variant-primary) .button:hover:not(:focus){background-color:var(--button-default-hover)}:host(.button-variant-primary) .button:active:not(:focus),:host(.button-variant-primary.loading) .button{background-color:var(--button-default-active)}:host(.button-variant-primary.disabled) .button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-variant-primary.light.disabled) .button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}:host(.button-variant-secondary) .button{border:var(--ic-space-1px) solid var(--button-default);color:var(--button-default)}:host(.button-variant-secondary) .button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.button-variant-secondary) .button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.disabled) .button,:host(.button-variant-secondary.disabled) .button:hover,:host(.button-variant-secondary.disabled) .button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-secondary.light.disabled) .button,:host(.button-variant-secondary.light.disabled) .button:hover,:host(.button-variant-secondary.light.disabled) .button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}:host(.button-variant-tertiary) .button{color:var(--button-default)}:host(.button-variant-tertiary) .button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-tertiary) .button:active:not(:focus),:host(.button-variant-tertiary.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-tertiary.disabled) .button,:host(.button-variant-tertiary.disabled) .button:hover,:host(.button-variant-tertiary.disabled) .button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-tertiary.light.disabled) .button,:host(.button-variant-tertiary.light.disabled) .button:hover,:host(.button-variant-tertiary.light.disabled) .button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}:host(.button-variant-icon) .button{color:var(--button-default);min-width:0}:host(.button-variant-icon) .button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) .button:hover,:host(.button-variant-icon.disabled) .button:active{color:var(--ic-architectural-300);background:none}:host(.button-variant-destructive) .button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}:host(.button-variant-destructive) .button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}:host(.button-variant-destructive) .button:active:not(:focus),:host(.button-variant-destructive.loading) .button{background-color:var(--ic-action-destructive-active)}:host(.button-variant-destructive.disabled) .button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-size-default) .button{height:2.5rem;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.button-size-small) .button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.button-size-large) .button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}:host(.button-size-default.button-variant-icon) .button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:0.375rem}:host(.button-size-small.button-variant-icon) .button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.button-size-large.button-variant-icon) .button{height:2.5rem;width:2.5rem;padding:var(--ic-space-xs)}:host(.full-width),:host(.full-width) .button{width:100%}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}::slotted(*){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem}:host(.popout-menu-button) .button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}@media (forced-colors: active){.button{border:0.125rem solid transparent}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}";
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};