@ukic/web-components 3.28.0 → 3.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ic-accordion.js +53 -38
- package/components/ic-accordion.js.map +1 -1
- package/components/ic-breadcrumb-group.js +16 -12
- package/components/ic-breadcrumb-group.js.map +1 -1
- package/components/ic-menu-item2.js +7 -2
- package/components/ic-menu-item2.js.map +1 -1
- package/components/ic-menu2.js +1393 -307
- package/components/ic-menu2.js.map +1 -1
- package/components/ic-navigation-button.js +8 -5
- package/components/ic-navigation-button.js.map +1 -1
- package/components/ic-pagination-bar.js.map +1 -1
- package/components/ic-pagination-item2.js.map +1 -1
- package/components/ic-pagination2.js.map +1 -1
- package/components/ic-popover-menu.js +17 -5
- package/components/ic-popover-menu.js.map +1 -1
- package/components/ic-radio-group.js.map +1 -1
- package/components/ic-skip-link.js.map +1 -1
- package/components/ic-status-tag.js.map +1 -1
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +53 -38
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +16 -12
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1393 -307
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +5 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +8 -5
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +16 -5
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.js +53 -38
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +17 -13
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +9 -14
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +24 -0
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +8 -5
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +36 -5
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.stories.js +169 -1
- package/dist/components/ic-accordion.js +53 -38
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +16 -12
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +7 -2
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +1393 -307
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +8 -5
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-popover-menu.js +17 -5
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skip-link.js.map +1 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-9ced00a7.entry.js → p-41bbdc4c.entry.js} +2 -2
- package/dist/core/{p-9ced00a7.entry.js.map → p-41bbdc4c.entry.js.map} +1 -1
- package/dist/core/p-8fc5e9f9.entry.js.map +1 -1
- package/dist/core/p-98dee727.entry.js.map +1 -1
- package/dist/core/{p-fc4b7d2b.entry.js → p-9cf35c23.entry.js} +2 -2
- package/dist/core/p-9cf35c23.entry.js.map +1 -0
- package/dist/core/p-be8bbed8.entry.js +2 -0
- package/dist/core/p-be8bbed8.entry.js.map +1 -0
- package/dist/core/p-ccba84b7.entry.js +3 -0
- package/dist/core/p-ccba84b7.entry.js.map +1 -0
- package/dist/core/p-ef289935.entry.js +2 -0
- package/dist/core/p-ef289935.entry.js.map +1 -0
- package/dist/core/p-f8aa89ff.entry.js +2 -0
- package/dist/core/p-f8aa89ff.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/ic-accordion.entry.js +53 -38
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +16 -12
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +1393 -307
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +5 -1
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +8 -5
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +16 -5
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +2 -0
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +6 -1
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +4 -0
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +4 -0
- package/dist/types/components.d.ts +18 -2
- package/hydrate/index.js +1494 -369
- package/hydrate/index.mjs +1494 -369
- package/package.json +10 -6
- package/vscode-data.json +20 -1
- package/dist/core/p-2b1ce5b7.entry.js +0 -2
- package/dist/core/p-2b1ce5b7.entry.js.map +0 -1
- package/dist/core/p-56ab6fb7.entry.js +0 -2
- package/dist/core/p-56ab6fb7.entry.js.map +0 -1
- package/dist/core/p-d5fcd4f9.entry.js +0 -2
- package/dist/core/p-d5fcd4f9.entry.js.map +0 -1
- package/dist/core/p-fc4b7d2b.entry.js.map +0 -1
- package/dist/core/p-fdc4376e.entry.js +0 -3
- package/dist/core/p-fdc4376e.entry.js.map +0 -1
package/dist/core/core.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-8e4e97b4.js";export{s as setNonce}from"./p-8e4e97b4.js";import{g as t}from"./p-e1255160.js";var i=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};i().then((async e=>{await t();return a(JSON.parse('[["p-ca64b7ba",[[1,"ic-typography",{"applyVerticalMargins":[4,"apply-vertical-margins"],"bold":[4],"italic":[4],"maxLines":[1026,"max-lines"],"strikethrough":[4],"theme":[1],"underline":[4],"variant":[1],"truncated":[32],"truncButtonFocussed":[32],"expanded":[32],"resetTruncation":[64],"checkMaxLines":[64],"setShowHideExpanded":[64]},null,{"expanded":["watchExpandedHandler"]}]]],["p-3ee66d00",[[1,"ic-pagination-bar",{"accessibleLabel":[1,"accessible-label"],"alignment":[1],"currentPage":[2,"current-page"],"selectedItemsPerPage":[2,"selected-items-per-page"],"hideAllFromItemsPerPage":[4,"hide-all-from-items-per-page"],"hideCurrentPage":[4,"hide-current-page"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"itemLabel":[1,"item-label"],"itemsPerPageOptions":[16],"monochrome":[4],"theme":[1],"type":[1],"rangeLabelType":[1,"range-label-type"],"pageLabel":[1,"page-label"],"showGoToPageControl":[4,"show-go-to-page-control"],"hideRangeLabel":[4,"hide-range-label"],"selectItemsPerPageOnEnter":[4,"select-items-per-page-on-enter"],"showItemsPerPageControl":[4,"show-items-per-page-control"],"totalItems":[2,"total-items"],"setToFirstPageOnPaginationChange":[4,"set-to-first-page-on-pagination-change"],"capitalizedItemLabel":[32],"capitalizedPageLabel":[32],"activePage":[32],"displayedItemsPerPageOptions":[32],"inputError":[32],"itemsPerPage":[32],"itemsPerPageString":[32],"lowerBound":[32],"lowerCaseItemLabel":[32],"lowerCasePageLabel":[32],"paginationWidth":[32],"paginationWrapped":[32],"totalPages":[32],"upperBound":[32]},[[0,"icPageChange","pageChangeHandler"]],{"currentPage":["watchPageNumberHandler"],"selectedItemsPerPage":["watchSelectedItemsPerPageHandler"],"itemLabel":["watchItemLabelHandler"],"itemsPerPageOptions":["watchItemsPerPageOptionsHandler"],"pageLabel":["watchPageLabelHandler"],"totalItems":["watchTotalItemsHandler"],"setToFirstPageOnPaginationChange":["watchSetToFirstPageOnPaginationChange"]}]]],["p-4b61e92e",[[17,"ic-search-bar",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"charactersUntilSuggestion":[2,"characters-until-suggestion"],"disabled":[4],"disableAutoFiltering":[4,"disable-auto-filtering"],"debounce":[2],"emptyOptionListText":[1,"empty-option-list-text"],"focusOnLoad":[4,"focus-on-load"],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"assistiveHintText":[1,"assistive-hint-text"],"label":[1],"labelField":[1,"label-field"],"loading":[1028],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"name":[1],"placeholder":[1],"preventFormSubmitOnSearch":[4,"prevent-form-submit-on-search"],"readonly":[4],"required":[4],"searchMode":[1,"search-mode"],"size":[1],"spellcheck":[4],"theme":[1],"timeout":[2],"valueField":[1,"value-field"],"options":[16],"value":[1537],"ariaActiveDescendant":[32],"clearButtonFocused":[32],"highlightedValue":[32],"open":[32],"searchSubmitFocused":[32],"showClearButton":[32],"searchButtonType":[32],"filteredOptions":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]],{"charactersUntilSuggestion":["watchCharactersUntilSuggestionHandler"],"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"loading":["loadingHandler"],"preventFormSubmitOnSearch":["preventFormSubmitOnSearchHandler"],"filteredOptions":["filteredOptionsHandler"],"options":["watchOptionsHandler"],"value":["watchValueHandler"]}]]],["p-12474095",[[1,"ic-top-navigation",{"contentAligned":[1,"content-aligned"],"customMobileBreakpoint":[2,"custom-mobile-breakpoint"],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"status":[1],"theme":[1],"version":[1],"hideAppTitle":[4,"hide-app-title"],"appTitle":[1,"app-title"],"deviceSize":[32],"foregroundColor":[32],"hasFullWidthSearchBar":[32],"mobileSearchBarVisible":[32],"mobileSearchHiddenOnBlur":[32],"navMenuVisible":[32],"searchButtonClick":[32],"searchValue":[32]},[[0,"icNavigationMenuClose","navBarMenuCloseHandler"],[0,"icSearchBarBlur","searchInputBlurHandler"],[0,"icChange","searchValueChangeHandler"],[4,"brandChange","brandChangeHandler"]],{"appTitle":["watchPropHandler"]}]]],["p-9267c160",[[1,"ic-page-header",{"aligned":[1],"border":[4],"heading":[1],"reverseOrder":[4,"reverse-order"],"size":[1],"sticky":[4],"stickyDesktopOnly":[4,"sticky-desktop-only"],"subheading":[1],"theme":[1],"actionContent":[32],"areButtonsReversed":[32],"deviceSize":[32]}]]],["p-56ab6fb7",[[17,"ic-popover-menu",{"anchor":[1],"fixedPositioning":[4,"fixed-positioning"],"parentLabel":[1,"parent-label"],"parentPopover":[16],"submenuId":[1,"submenu-id"],"submenuLevel":[2,"submenu-level"],"theme":[1],"open":[1540],"openingFromChild":[32],"openingFromParent":[32],"popperProps":[32],"openFromChild":[64],"openFromParent":[64],"closeMenu":[64],"setExternalPopperProps":[64]},[[0,"handleMenuItemClick","handleMenuItemClick"],[2,"triggerPopoverMenuInstance","handleSubmenuChange"],[4,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":["watchOpenHandler"]}]]],["p-e0b52a71",[[1,"ic-side-navigation",{"appTitle":[1,"app-title"],"closeOnNavItemClick":[4,"close-on-nav-item-click"],"collapsedIconLabels":[4,"collapsed-icon-labels"],"disableAutoParentStyling":[4,"disable-auto-parent-styling"],"disableTopBarBehaviour":[4,"disable-top-bar-behaviour"],"expanded":[4],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"static":[4],"status":[1],"version":[1],"deviceSize":[32],"deviceSizeAppTitle":[32],"foregroundColor":[32],"hasSecondaryNavigation":[32],"menuExpanded":[32],"menuOpen":[32]},[[4,"brandChange","brandChangeHandler"]],{"expanded":["watchExpandedHandler"]}]]],["p-0558baed",[[17,"ic-tab-group",{"inline":[516],"label":[1],"monochrome":[4],"theme":[1]}]]],["p-cf669574",[[1,"ic-accordion-group",{"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1],"expanded":[1028],"label":[1],"singleExpansion":[4,"single-expansion"],"size":[1],"accordions":[32],"areAllAccordionsOpen":[32],"setFocus":[64]},[[0,"accordionClicked","handleAccordionClicked"]],{"theme":["watchThemeHandler"],"expanded":["watchExpandedHandler"]}]]],["p-0740be66",[[1,"ic-alert",{"announced":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"heading":[1],"message":[1],"showDefaultIcon":[4,"show-default-icon"],"theme":[1],"titleAbove":[4,"title-above"],"variant":[1],"alertTitleWrap":[32],"visible":[32]},[[2,"icDismiss","handleClick"],[6,"icThemeChange","darkModeChangeHandler"]],{"theme":["themeChangeHandler"]}]]],["p-043a5677",[[17,"ic-back-to-top",{"position":[1],"target":[1],"theme":[1],"variant":[1],"bannerOffset":[32],"footerVisible":[32],"targetElVisible":[32]},null,{"target":["watchPropHandler"]}]]],["p-85db7e71",[[1,"ic-dialog",{"closeOnBackdropClick":[4,"close-on-backdrop-click"],"destructive":[4],"dismissLabel":[1,"dismiss-label"],"disableHeightConstraint":[4,"disable-height-constraint"],"disableWidthConstraint":[4,"disable-width-constraint"],"hideCloseButton":[4,"hide-close-button"],"hideDefaultControls":[4,"hide-default-controls"],"heading":[1],"label":[1],"open":[1540],"size":[1],"theme":[1],"dialogRendered":[32],"fadeIn":[32],"cancelDialog":[64],"confirmDialog":[64]},[[4,"keydown","handleKeyboard"],[0,"click","handleClick"]],{"open":["watchOpenHandler"]}]]],["p-9ced00a7",[[17,"ic-navigation-button",{"download":[8],"href":[1],"hreflang":[1],"label":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"mode":[32],"parentThemeDark":[32],"setFocus":[64]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"],[4,"brandChange","brandChangeHandler"],[4,"icThemeChange","parentThemeChangeHandler"]]]]],["p-ef91cf17",[[1,"ic-toast",{"theme":[1],"autoDismissTimeout":[1026,"auto-dismiss-timeout"],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"dismissMode":[1025,"dismiss-mode"],"heading":[1],"message":[1],"neutralIconAriaLabel":[1,"neutral-icon-aria-label"],"variant":[1025],"isManual":[32],"timerProgress":[32],"visible":[32],"setVisible":[64]},[[2,"icDismiss","handleDismiss"],[4,"keydown","handleKeyboard"],[1,"mouseenter","handleTimer"],[1,"mouseleave","handleTimer"]],{"dismissMode":["dismissModeChangeHandler"],"visible":["watchVisibleHandler"]}]]],["p-f9daecc7",[[17,"ic-toggle-button",{"accessibleLabel":[1,"accessible-label"],"checked":[1540],"disabled":[1028],"fullWidth":[1028,"full-width"],"iconPlacement":[1,"icon-placement"],"label":[1],"loading":[1028],"monochrome":[1028],"outline":[1028],"size":[1025],"theme":[1025],"tooltipPlacement":[1,"tooltip-placement"],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-243ae8fe",[[1,"ic-checkbox-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"required":[4],"size":[1],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"]},[[0,"icChange","handleChange"],[0,"icCheck","selectHandler"]],{"disabled":["watchDisabledHandler"],"label":["labelNameHandler"],"name":["labelNameHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"]}]]],["p-e5266c19",[[1,"ic-radio-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"orientation":[1],"required":[4],"size":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"theme":[1],"checkedValue":[32],"currentOrientation":[32],"initialOrientation":[32],"selectedChild":[32]},[[0,"icCheck","selectHandler"],[0,"icSelectedChange","changeHandler"]],{"disabled":["watchDisabledHandler"],"orientation":["orientationChangeHandler"],"theme":["watchThemeHandler"]}]]],["p-d5fcd4f9",[[1,"ic-breadcrumb-group",{"backBreadcrumbOnly":[4,"back-breadcrumb-only"],"collapsed":[1028],"monochrome":[4],"theme":[1],"deviceSize":[32]},null,{"backBreadcrumbOnly":["watchBackBreadcrumbHandler"],"collapsed":["watchCollapsedHandler"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-9b48971f",[[1,"ic-card-vertical",{"clickable":[1028],"disabled":[4],"expandable":[4],"fullWidth":[4,"full-width"],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"subheading":[1],"target":[1],"theme":[1025],"areaExpanded":[32],"isFocussed":[32],"monochrome":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-e35f15ec",[[17,"ic-chip",{"customColor":[1,"custom-color"],"disabled":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fullWidth":[4,"full-width"],"label":[1],"size":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"variant":[1],"foregroundColor":[32],"hovered":[32],"visible":[32],"setFocus":[64]},[[2,"icDismiss","handleClick"]],{"customColor":["customColorHandler"],"disabled":["watchDisabledHandler"]}]]],["p-19056c16",[[1,"ic-footer",{"aligned":[1],"breakpoint":[1],"caption":[1],"copyright":[4],"copyrightText":[1,"copyright-text"],"description":[1],"groupLinks":[4,"group-links"],"deviceSize":[32],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-44d043f7",[[17,"ic-footer-link-group",{"label":[1],"expanded":[32],"deviceSize":[32],"dropdownIconStyle":[32],"small":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-61799a8b",[[1,"ic-hero",{"aligned":[1],"backgroundImage":[1,"background-image"],"contentAligned":[1,"content-aligned"],"disableBackgroundParallax":[4,"disable-background-parallax"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"secondarySubheading":[1,"secondary-subheading"],"size":[1],"subheading":[1],"theme":[1],"foregroundColor":[32],"rightContent":[32],"leftContentFullWidth":[32],"scrollFactor":[32]},[[4,"brandChange","brandChangeHandler"],[5,"scroll","doScroll"]]]]],["p-4dbc72f4",[[17,"ic-navigation-item",{"collapsedIconLabel":[4,"collapsed-icon-label"],"displayNavigationTooltip":[4,"display-navigation-tooltip"],"download":[8],"expandable":[4],"href":[1],"hreflang":[1],"label":[1],"rel":[1],"referrerpolicy":[1],"selected":[4],"target":[1],"theme":[1],"deviceSize":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"isSideNavMobile":[32],"isTopNavChild":[32],"navigationType":[32],"parentEl":[32],"sideNavExpanded":[32],"ariaLabel":[32],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]],{"navigationType":["navigationTypeChangeHandler"]}]]],["p-75f91c8c",[[1,"ic-step",{"compactStepStyling":[1,"compact-step-styling"],"current":[1028],"icI18n":[16],"lastStep":[4,"last-step"],"lastStepNum":[2,"last-step-num"],"nextStepHeading":[1,"next-step-heading"],"progress":[2],"stepNum":[2,"step-num"],"status":[1],"subheading":[1],"heading":[1],"theme":[1],"variant":[1],"type":[1]},null,{"type":["typeChangeHandler"]}]]],["p-1043f3dd",[[17,"ic-switch",{"checked":[4],"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"size":[1],"theme":[1],"value":[1],"checkedState":[32],"initiallyChecked":[32],"setFocus":[64]},null,{"checked":["checkedChangeHandler"],"disabled":["watchDisabledHandler"]}]]],["p-fc4b7d2b",[[1,"ic-accordion",{"disabled":[4],"expanded":[1028],"heading":[1],"message":[1],"size":[1],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"expanded":["handleExpandedWatch"]}]]],["p-a5fcb9c1",[[17,"ic-action-chip",{"disabled":[4],"download":[8],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"href":[1],"hreflang":[1],"label":[1],"monochrome":[4],"referrerpolicy":[1],"rel":[1],"size":[1],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"]}]]],["p-b27e147d",[[17,"ic-badge",{"accessibleLabel":[1,"accessible-label"],"customColor":[1,"custom-color"],"maxNumber":[2,"max-number"],"position":[1025],"size":[1],"label":[1],"theme":[1],"type":[1],"variant":[1],"visible":[4]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"]],{"accessibleLabel":["accessibleLabelHandler"],"customColor":["customColorHandler"],"variant":["variantHandler"],"visible":["visibleHandler"]}]]],["p-c82c2362",[[1,"ic-card-horizontal",{"clickable":[1028],"density":[1],"disabled":[4],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"size":[1],"subheading":[1],"target":[1],"theme":[1],"appearance":[32],"isFocussed":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-ec1ea1a7",[[17,"ic-checkbox",{"additionalFieldDisplay":[513,"additional-field-display"],"checked":[1540],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1025,"group-label"],"hideLabel":[4,"hide-label"],"indeterminate":[4],"label":[1],"name":[1025],"nativeIndeterminateBehaviour":[4,"native-indeterminate-behaviour"],"size":[1025],"theme":[1],"value":[1],"initiallyChecked":[32],"displayIndeterminate":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"indeterminate":["watchIndeterminateHandler"]}]]],["p-ebd688b9",[[1,"ic-classification-banner",{"additionalSelectors":[1,"additional-selectors"],"classification":[1],"country":[1],"customClassificationText":[1,"custom-classification-text"],"inline":[4],"upTo":[4,"up-to"]}]]],["p-0cd21e04",[[1,"ic-data-list",{"heading":[1],"size":[1],"theme":[1]}]]],["p-ba8799ea",[[1,"ic-data-row",{"label":[1],"size":[1],"theme":[1],"value":[1],"deviceSize":[32],"listSize":[32]}]]],["p-406647b8",[[1,"ic-empty-state",{"aligned":[1],"body":[1],"maxLines":[2,"max-lines"],"heading":[1],"imageSize":[1,"image-size"],"subheading":[1],"theme":[1]}]]],["p-5fc0dc36",[[17,"ic-footer-link",{"download":[8],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"deviceSize":[32],"footerConfig":[32],"foregroundColor":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-72f52f20",[[1,"ic-menu-group",{"label":[1]}]]],["p-1cfaa962",[[17,"ic-navigation-group",{"expandable":[4],"expanded":[1028],"label":[1],"theme":[1],"deviceSize":[32],"dropdownOpen":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"navigationType":[32],"parentEl":[32],"isSideNavExpanded":[32],"setFocus":[64]},[[0,"childBlur","childBlurHandler"],[4,"navigationGroupOpened","handleNavigationGroupOpened"],[0,"navItemClicked","navItemClickHandler"],[4,"brandChange","brandChangeHandler"]]]]],["p-526dd099",[[6,"ic-radio-option",{"additionalFieldDisplay":[513,"additional-field-display"],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1,"group-label"],"label":[1],"name":[1],"theme":[1],"value":[1025],"selected":[1540],"initiallySelected":[32],"setFocus":[64],"setTabIndex":[64]},[[0,"icCheck","handleCheck"],[0,"icChange","additionalFieldValueHandler"]],{"disabled":["watchDisabledHandler"],"selected":["watchSelectedHandler"]}]]],["p-c75c316b",[[1,"ic-skip-link",{"fullWidth":[4,"full-width"],"inline":[4],"label":[1],"monochrome":[4],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"setFocus":[64]}]]],["p-1843357b",[[1,"ic-status-tag",{"announced":[4],"label":[1],"size":[1],"status":[1],"theme":[1],"uppercase":[4],"variant":[1]}]]],["p-d8de5b88",[[1,"ic-tab",{"contextId":[513,"context-id"],"disabled":[4],"monochrome":[4],"selected":[516],"tabId":[513,"tab-id"],"tabPosition":[2,"tab-position"],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler","disabledWatchHandler"]}]]],["p-796fc111",[[1,"ic-layout-grid",{"aligned":[1],"columns":[2],"defaultColSpan":[2,"default-col-span"],"defaultColWidth":[1,"default-col-width"],"defaultRowSpan":[2,"default-row-span"],"fullHeight":[4,"full-height"],"gridSpacing":[2,"grid-spacing"],"rows":[2],"type":[1]},null,{"columns":["watchColumns"],"defaultColSpan":["watchDefaultColSpan"],"defaultColWidth":["watchDefaultColWidth"],"defaultRowSpan":["watchDefaultRowSpan"],"gridSpacing":["watchGridSpacing"],"rows":["watchRows"],"type":["watchType"]}]]],["p-cd963de6",[[1,"ic-layout-grid-item",{"colSpan":[2,"col-span"],"colStart":[2,"col-start"],"hideInMobileMode":[4,"hide-in-mobile-mode"],"rowSpan":[2,"row-span"],"rowStart":[2,"row-start"]},null,{"colSpan":["watchColSpan"],"colStart":["watchColStart"],"rowSpan":["watchRowSpan"],"rowStart":["watchRowStart"]}]]],["p-bf06d022",[[1,"ic-skeleton",{"theme":[1],"variant":[1],"height":[1],"width":[1]}]]],["p-987b08f9",[[1,"ic-stepper",{"aligned":[1],"connectorWidth":[2,"connector-width"],"hideStepInfo":[4,"hide-step-info"],"icI18n":[16],"theme":[1],"variant":[1025],"alignedFullWidth":[32],"autoSetStepTitles":[32],"lastStepWidth":[32],"noOfResizes":[32],"stepperWidth":[32],"stepTypes":[32],"variantOverride":[32]},null,{"theme":["handleThemeChange"],"hideStepInfo":["handlePropChange"],"variant":["handlePropChange"]}]]],["p-2bb815ef",[[4,"ic-tab-context",{"activationType":[1,"activation-type"],"contextId":[513,"context-id"],"selectedTabIndex":[2,"selected-tab-index"],"monochrome":[4],"theme":[1],"selectedTab":[32],"setFocus":[64],"tabRemovedHandler":[64]},[[0,"tabClick","tabClickHandler"],[0,"tabCreated","tabCreatedHandler"],[0,"tabPanelCreated","tabCreatedHandler"],[0,"tabEnabled","tabEnabledHandler"]],{"selectedTabIndex":["updateSelectedTab"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-f8e5d8f8",[[1,"ic-tab-panel",{"active":[4],"monochrome":[4],"panelId":[513,"panel-id"],"selectedTab":[1,"selected-tab"],"tabPosition":[514,"tab-position"],"theme":[1]}]]],["p-c0f6f568",[[4,"ic-theme",{"brandColor":[1,"brand-color"],"theme":[1],"themeClass":[32]},null,{"brandColor":["watchBrandColorPropHandler"],"theme":["watchThemePropHandler"]}]]],["p-2251df98",[[4,"ic-toast-region",{"openToast":[1040]},[[2,"icDismiss","handleDismissedToast"]],{"openToast":["watchOpenToastHandler"]}]]],["p-9b144bed",[[1,"ic-toggle-button-group",{"accessibleLabel":[1,"accessible-label"],"disabled":[4],"fullWidth":[4,"full-width"],"iconPlacement":[1,"icon-placement"],"loading":[4],"monochrome":[4],"outline":[4],"selectMethod":[1025,"select-method"],"selectType":[1,"select-type"],"size":[1],"theme":[1],"tooltipPlacement":[1,"tooltip-placement"],"variant":[513],"lastKeyPressed":[32],"externallySetActiveToggle":[32],"setActiveToggle":[64]},[[0,"icToggleChecked","selectHandler"]],{"disabled":["watchDisabledHandler"],"fullWidth":["watchFullWidthHandler"],"loading":["watchLoadingHandler"],"monochrome":["watchMonochromeHandler"],"outline":["watchOutlineHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"],"tooltipPlacement":["watchTooltipPlacementHandler"],"variant":["watchVariantHandler"]}]]],["p-2b1ce5b7",[[17,"ic-menu-item",{"checked":[1540],"description":[1],"disabled":[4],"href":[1],"hreflang":[1],"keyboardShortcutLabel":[1,"keyboard-shortcut-label"],"label":[1],"referrerpolicy":[1],"rel":[1],"submenuTriggerFor":[1,"submenu-trigger-for"],"target":[1],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-ef96e1aa",[[1,"ic-navigation-menu",{"status":[1],"theme":[1],"version":[1]},[[0,"navItemClicked","navItemClickHandler"],[4,"keydown","handleKeyDown"]]]]],["p-9ae157de",[[17,"ic-breadcrumb",{"current":[4],"href":[1],"monochrome":[4],"pageTitle":[1,"page-title"],"showBackIcon":[516,"show-back-icon"],"theme":[1],"setFocus":[64]},null,{"current":["watchCurrentHandler"]}]]],["p-3f001e75",[[6,"ic-divider",{"borderStyle":[1,"border-style"],"label":[1],"labelPlacement":[1,"label-placement"],"monochrome":[4],"orientation":[1],"theme":[1025],"weight":[1],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-77f011e7",[[1,"ic-pagination-item",{"disabled":[4],"label":[1],"monochrome":[4],"page":[2],"selected":[4],"theme":[1],"type":[1],"capitalizedLabel":[32]},null,{"disabled":["watchDisabledHandler"],"label":["watchLabelHandler"]}]]],["p-308be45e",[[17,"ic-select",{"disabled":[516],"disableAutoFiltering":[4,"disable-auto-filtering"],"emptyOptionListText":[1,"empty-option-list-text"],"form":[1],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"includeDescriptionsInSearch":[4,"include-descriptions-in-search"],"includeGroupTitlesInSearch":[4,"include-group-titles-in-search"],"label":[1],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"searchable":[4],"searchMatchPosition":[1,"search-match-position"],"selectOnEnter":[4,"select-on-enter"],"showClearButton":[4,"show-clear-button"],"size":[1],"timeout":[2],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"useNativeSelectOnMobile":[4,"use-native-select-on-mobile"],"loading":[1028],"options":[16],"debounce":[2],"value":[1025],"ariaActiveDescendant":[32],"debounceIcInput":[32],"hiddenInputValue":[32],"hasError":[32],"searchableSelectInputValue":[32],"selectButtonAriaLiveText":[32],"selectInputAriaLiveText":[32],"flatOptions":[32],"currDebounce":[32],"initialValue":[32],"open":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"loading":["loadingHandler"],"options":["optionsChangedHandler"],"debounce":["debounceChangedHandler"],"value":["valueChangedHandler"],"open":["openChangedHandler"]}],[1,"ic-pagination",{"accessibleLabel":[1,"accessible-label"],"adjacentPageCount":[1026,"adjacent-page-count"],"boundaryPageCount":[1026,"boundary-page-count"],"defaultPage":[2,"default-page"],"disabled":[4],"hideCurrentPage":[4,"hide-current-page"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"label":[1],"monochrome":[4],"pages":[2],"theme":[1],"type":[1],"currentPage":[1026,"current-page"],"endEllipsis":[32],"endItems":[32],"midItems":[32],"startEllipsis":[32],"startItems":[32],"setCurrentPage":[64]},[[0,"icPageChange","icPageChangeHandler"],[0,"paginationItemClick","paginationItemClickHandler"]],{"adjacentPageCount":["watchAdjacentPageCountHandler"],"boundaryPageCount":["watchBoundaryPageCountHandler"],"disabled":["watchDisabledHandler"],"pages":["watchNumberPagesHandler"],"type":["watchTypeHandler"],"currentPage":["watchPageChangeHandler"]}],[1,"ic-text-field",{"ariaActiveDescendant":[1,"aria-active-descendant"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaExpanded":[1,"aria-expanded"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideCharCount":[4,"hide-char-count"],"hideLabel":[4,"hide-label"],"hiddenInput":[4,"hidden-input"],"inputId":[1,"input-id"],"inputmode":[1],"label":[1],"max":[8],"maxCharacters":[2,"max-characters"],"maxCharactersMessage":[1,"max-characters-message"],"maxMessage":[1,"max-message"],"min":[8],"minCharacters":[2,"min-characters"],"minCharactersMessage":[1,"min-characters-message"],"minMessage":[1,"min-message"],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"resize":[4],"role":[1],"rows":[2],"size":[1],"spellcheck":[4],"theme":[1],"truncateValue":[4,"truncate-value"],"type":[1],"validationAriaLive":[1,"validation-aria-live"],"validationInline":[4,"validation-inline"],"validationInlineInternal":[4,"validation-inline-internal"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"debounce":[2],"value":[1537],"numChars":[32],"maxCharactersReached":[32],"maxCharactersWarning":[32],"minCharactersUnattained":[32],"maxValueExceeded":[32],"minValueUnattained":[32],"isFocussed":[32],"initialValue":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"]],{"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"value":["watchValueHandler"]}]]],["p-8fc5e9f9",[[1,"ic-horizontal-scroll",{"appearance":[1],"monochrome":[4],"theme":[1],"focusTrigger":[1,"focus-trigger"],"firstItemVisible":[32],"itemOverflow":[32],"lastItemVisible":[32],"scrollItemIntoView":[64]}]]],["p-c0b70c08",[[17,"ic-link",{"download":[8],"href":[1],"hreflang":[1],"monochrome":[1028],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]]]]],["p-a8d98164",[[1,"ic-section-container",{"aligned":[1],"fullHeight":[4,"full-height"]}]]],["p-fdc4376e",[[2,"ic-menu",{"activationType":[1,"activation-type"],"anchorEl":[16],"autofocusOnSelected":[4,"autofocus-on-selected"],"closeOnSelect":[4,"close-on-select"],"fullWidth":[4,"full-width"],"inputEl":[16],"inputLabel":[1,"input-label"],"labelField":[1,"label-field"],"menuId":[1,"menu-id"],"multiSelect":[4,"multi-select"],"open":[516],"parentEl":[16],"searchableSelect":[4,"searchable-select"],"searchBar":[4,"search-bar"],"searchMode":[1,"search-mode"],"selectOnEnter":[4,"select-on-enter"],"size":[1],"options":[16],"value":[1],"valueField":[1,"value-field"],"allowMenuFocus":[4,"allow-menu-focus"],"focusFromSearchKeypress":[32],"initialOptionsListRender":[32],"keyboardNav":[32],"optionHighlighted":[32],"preventIncorrectTabOrder":[32],"menuOptions":[32],"popperProps":[32],"handleClickOpen":[64],"handleKeyboardOpen":[64],"handleMenuKeyDown":[64],"handleSetFirstOption":[64],"initPopperJs":[64],"setExternalPopperProps":[64]},null,{"open":["watchOpenHandler"],"options":["watchOptionsHandler"]}],[4,"ic-input-component-container",{"disabled":[4],"fullWidth":[4,"full-width"],"multiLine":[4,"multi-line"],"readonly":[4],"size":[1],"validationInline":[4,"validation-inline"],"validationStatus":[1,"validation-status"]},null,{"disabled":["watchDisabledHandler"]}],[4,"ic-input-container",{"disabled":[4],"readonly":[4]}]]],["p-d0d324b4",[[4,"ic-input-validation",{"ariaLiveMode":[1,"aria-live-mode"],"for":[1],"fullWidth":[4,"full-width"],"message":[1],"status":[1]},null,{"message":["watchMessageHandler"]}],[4,"ic-input-label",{"disabled":[4],"for":[1],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"readonly":[4],"required":[4],"status":[1],"useLabelTag":[4,"use-label-tag"]}]]],["p-98dee727",[[17,"ic-button",{"accept":[1],"ariaControlsId":[8,"aria-controls-id"],"ariaOwnsId":[8,"aria-owns-id"],"disabled":[4],"disableTooltip":[4,"disable-tooltip"],"download":[8],"dropdown":[4],"dropdownExpanded":[1540,"dropdown-expanded"],"fileUpload":[4,"file-upload"],"fileInputName":[1,"file-input-name"],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"fullWidth":[4,"full-width"],"href":[1],"hreflang":[1],"loading":[4],"monochrome":[1028],"multiple":[4],"referrerpolicy":[1],"rel":[1],"selectedFiles":[16],"size":[1],"target":[1],"theme":[1025],"tooltipFixedPositioning":[4,"tooltip-fixed-positioning"],"tooltipPlacement":[1,"tooltip-placement"],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1025],"ariaLabel":[32],"describedbyNode":[32],"title":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"describedbyNode":["watchDescribedbyNodeHandler"],"disabled":["watchDisabledHandler"],"variant":["watchVariantHandler"]}],[1,"ic-loading-indicator",{"description":[1],"fullWidth":[516,"full-width"],"innerLabel":[2,"inner-label"],"label":[1],"labelDuration":[2,"label-duration"],"max":[2],"min":[2],"monochrome":[4],"progress":[2],"size":[513],"theme":[1],"type":[513],"circularDiameter":[32],"circularLineWidth":[32],"circularDimensions":[32],"indicatorLabel":[32],"clipInnerElement":[32],"internalType":[32]},null,{"label":["watchPropHandler"],"max":["handleProgressChange"],"min":["handleProgressChange"],"progress":["handleProgressChange"],"size":["handleIconSize"],"type":["setIndicatorDimensions"]}],[1,"ic-tooltip",{"disableClick":[4,"disable-click"],"disableHover":[4,"disable-hover"],"fixedPositioning":[4,"fixed-positioning"],"iconAltText":[1,"icon-alt-text"],"maxLines":[2,"max-lines"],"placement":[1],"silent":[4],"target":[513],"theme":[1],"label":[1],"popperProps":[32],"setExternalPopperProps":[64],"displayTooltip":[64],"isTooltipVisible":[64]},null,{"disableClick":["watchDisableClickHandler"],"disableHover":["watchDisableHoverHandler"],"label":["watchLabelHandler"]}]]]]'),e)}));
|
|
1
|
+
import{p as e,b as a}from"./p-8e4e97b4.js";export{s as setNonce}from"./p-8e4e97b4.js";import{g as t}from"./p-e1255160.js";var i=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};i().then((async e=>{await t();return a(JSON.parse('[["p-ca64b7ba",[[1,"ic-typography",{"applyVerticalMargins":[4,"apply-vertical-margins"],"bold":[4],"italic":[4],"maxLines":[1026,"max-lines"],"strikethrough":[4],"theme":[1],"underline":[4],"variant":[1],"truncated":[32],"truncButtonFocussed":[32],"expanded":[32],"resetTruncation":[64],"checkMaxLines":[64],"setShowHideExpanded":[64]},null,{"expanded":["watchExpandedHandler"]}]]],["p-3ee66d00",[[1,"ic-pagination-bar",{"accessibleLabel":[1,"accessible-label"],"alignment":[1],"currentPage":[2,"current-page"],"selectedItemsPerPage":[2,"selected-items-per-page"],"hideAllFromItemsPerPage":[4,"hide-all-from-items-per-page"],"hideCurrentPage":[4,"hide-current-page"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"itemLabel":[1,"item-label"],"itemsPerPageOptions":[16],"monochrome":[4],"theme":[1],"type":[1],"rangeLabelType":[1,"range-label-type"],"pageLabel":[1,"page-label"],"showGoToPageControl":[4,"show-go-to-page-control"],"hideRangeLabel":[4,"hide-range-label"],"selectItemsPerPageOnEnter":[4,"select-items-per-page-on-enter"],"showItemsPerPageControl":[4,"show-items-per-page-control"],"totalItems":[2,"total-items"],"setToFirstPageOnPaginationChange":[4,"set-to-first-page-on-pagination-change"],"capitalizedItemLabel":[32],"capitalizedPageLabel":[32],"activePage":[32],"displayedItemsPerPageOptions":[32],"inputError":[32],"itemsPerPage":[32],"itemsPerPageString":[32],"lowerBound":[32],"lowerCaseItemLabel":[32],"lowerCasePageLabel":[32],"paginationWidth":[32],"paginationWrapped":[32],"totalPages":[32],"upperBound":[32]},[[0,"icPageChange","pageChangeHandler"]],{"currentPage":["watchPageNumberHandler"],"selectedItemsPerPage":["watchSelectedItemsPerPageHandler"],"itemLabel":["watchItemLabelHandler"],"itemsPerPageOptions":["watchItemsPerPageOptionsHandler"],"pageLabel":["watchPageLabelHandler"],"totalItems":["watchTotalItemsHandler"],"setToFirstPageOnPaginationChange":["watchSetToFirstPageOnPaginationChange"]}]]],["p-4b61e92e",[[17,"ic-search-bar",{"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"charactersUntilSuggestion":[2,"characters-until-suggestion"],"disabled":[4],"disableAutoFiltering":[4,"disable-auto-filtering"],"debounce":[2],"emptyOptionListText":[1,"empty-option-list-text"],"focusOnLoad":[4,"focus-on-load"],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"assistiveHintText":[1,"assistive-hint-text"],"label":[1],"labelField":[1,"label-field"],"loading":[1028],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"name":[1],"placeholder":[1],"preventFormSubmitOnSearch":[4,"prevent-form-submit-on-search"],"readonly":[4],"required":[4],"searchMode":[1,"search-mode"],"size":[1],"spellcheck":[4],"theme":[1],"timeout":[2],"valueField":[1,"value-field"],"options":[16],"value":[1537],"ariaActiveDescendant":[32],"clearButtonFocused":[32],"highlightedValue":[32],"open":[32],"searchSubmitFocused":[32],"showClearButton":[32],"searchButtonType":[32],"filteredOptions":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"],[0,"keyup","handleKeyUp"]],{"charactersUntilSuggestion":["watchCharactersUntilSuggestionHandler"],"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"loading":["loadingHandler"],"preventFormSubmitOnSearch":["preventFormSubmitOnSearchHandler"],"filteredOptions":["filteredOptionsHandler"],"options":["watchOptionsHandler"],"value":["watchValueHandler"]}]]],["p-12474095",[[1,"ic-top-navigation",{"contentAligned":[1,"content-aligned"],"customMobileBreakpoint":[2,"custom-mobile-breakpoint"],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"status":[1],"theme":[1],"version":[1],"hideAppTitle":[4,"hide-app-title"],"appTitle":[1,"app-title"],"deviceSize":[32],"foregroundColor":[32],"hasFullWidthSearchBar":[32],"mobileSearchBarVisible":[32],"mobileSearchHiddenOnBlur":[32],"navMenuVisible":[32],"searchButtonClick":[32],"searchValue":[32]},[[0,"icNavigationMenuClose","navBarMenuCloseHandler"],[0,"icSearchBarBlur","searchInputBlurHandler"],[0,"icChange","searchValueChangeHandler"],[4,"brandChange","brandChangeHandler"]],{"appTitle":["watchPropHandler"]}]]],["p-9267c160",[[1,"ic-page-header",{"aligned":[1],"border":[4],"heading":[1],"reverseOrder":[4,"reverse-order"],"size":[1],"sticky":[4],"stickyDesktopOnly":[4,"sticky-desktop-only"],"subheading":[1],"theme":[1],"actionContent":[32],"areButtonsReversed":[32],"deviceSize":[32]}]]],["p-ef289935",[[17,"ic-popover-menu",{"anchor":[1],"fixedPositioning":[4,"fixed-positioning"],"parentLabel":[1,"parent-label"],"parentPopover":[16],"submenuId":[1,"submenu-id"],"submenuLevel":[2,"submenu-level"],"theme":[1],"open":[1540],"closeOnItemSelect":[1,"close-on-item-select"],"openingFromChild":[32],"openingFromParent":[32],"popperProps":[32],"openFromChild":[64],"openFromParent":[64],"closeMenu":[64],"setExternalPopperProps":[64]},[[0,"handleMenuItemClick","handleMenuItemClick"],[2,"triggerPopoverMenuInstance","handleSubmenuChange"],[4,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":["watchOpenHandler"]}]]],["p-e0b52a71",[[1,"ic-side-navigation",{"appTitle":[1,"app-title"],"closeOnNavItemClick":[4,"close-on-nav-item-click"],"collapsedIconLabels":[4,"collapsed-icon-labels"],"disableAutoParentStyling":[4,"disable-auto-parent-styling"],"disableTopBarBehaviour":[4,"disable-top-bar-behaviour"],"expanded":[4],"href":[1],"inline":[4],"shortAppTitle":[1,"short-app-title"],"static":[4],"status":[1],"version":[1],"deviceSize":[32],"deviceSizeAppTitle":[32],"foregroundColor":[32],"hasSecondaryNavigation":[32],"menuExpanded":[32],"menuOpen":[32]},[[4,"brandChange","brandChangeHandler"]],{"expanded":["watchExpandedHandler"]}]]],["p-0558baed",[[17,"ic-tab-group",{"inline":[516],"label":[1],"monochrome":[4],"theme":[1]}]]],["p-cf669574",[[1,"ic-accordion-group",{"accessibleButtonLabel":[1,"accessible-button-label"],"theme":[1],"expanded":[1028],"label":[1],"singleExpansion":[4,"single-expansion"],"size":[1],"accordions":[32],"areAllAccordionsOpen":[32],"setFocus":[64]},[[0,"accordionClicked","handleAccordionClicked"]],{"theme":["watchThemeHandler"],"expanded":["watchExpandedHandler"]}]]],["p-0740be66",[[1,"ic-alert",{"announced":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"heading":[1],"message":[1],"showDefaultIcon":[4,"show-default-icon"],"theme":[1],"titleAbove":[4,"title-above"],"variant":[1],"alertTitleWrap":[32],"visible":[32]},[[2,"icDismiss","handleClick"],[6,"icThemeChange","darkModeChangeHandler"]],{"theme":["themeChangeHandler"]}]]],["p-043a5677",[[17,"ic-back-to-top",{"position":[1],"target":[1],"theme":[1],"variant":[1],"bannerOffset":[32],"footerVisible":[32],"targetElVisible":[32]},null,{"target":["watchPropHandler"]}]]],["p-85db7e71",[[1,"ic-dialog",{"closeOnBackdropClick":[4,"close-on-backdrop-click"],"destructive":[4],"dismissLabel":[1,"dismiss-label"],"disableHeightConstraint":[4,"disable-height-constraint"],"disableWidthConstraint":[4,"disable-width-constraint"],"hideCloseButton":[4,"hide-close-button"],"hideDefaultControls":[4,"hide-default-controls"],"heading":[1],"label":[1],"open":[1540],"size":[1],"theme":[1],"dialogRendered":[32],"fadeIn":[32],"cancelDialog":[64],"confirmDialog":[64]},[[4,"keydown","handleKeyboard"],[0,"click","handleClick"]],{"open":["watchOpenHandler"]}]]],["p-41bbdc4c",[[17,"ic-navigation-button",{"download":[8],"href":[1],"hreflang":[1],"label":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"mode":[32],"parentThemeDark":[32],"setFocus":[64]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"],[4,"brandChange","brandChangeHandler"],[4,"icThemeChange","parentThemeChangeHandler"]]]]],["p-ef91cf17",[[1,"ic-toast",{"theme":[1],"autoDismissTimeout":[1026,"auto-dismiss-timeout"],"dismissButtonAriaLabel":[1,"dismiss-button-aria-label"],"dismissMode":[1025,"dismiss-mode"],"heading":[1],"message":[1],"neutralIconAriaLabel":[1,"neutral-icon-aria-label"],"variant":[1025],"isManual":[32],"timerProgress":[32],"visible":[32],"setVisible":[64]},[[2,"icDismiss","handleDismiss"],[4,"keydown","handleKeyboard"],[1,"mouseenter","handleTimer"],[1,"mouseleave","handleTimer"]],{"dismissMode":["dismissModeChangeHandler"],"visible":["watchVisibleHandler"]}]]],["p-f9daecc7",[[17,"ic-toggle-button",{"accessibleLabel":[1,"accessible-label"],"checked":[1540],"disabled":[1028],"fullWidth":[1028,"full-width"],"iconPlacement":[1,"icon-placement"],"label":[1],"loading":[1028],"monochrome":[1028],"outline":[1028],"size":[1025],"theme":[1025],"tooltipPlacement":[1,"tooltip-placement"],"variant":[1537]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-243ae8fe",[[1,"ic-checkbox-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"required":[4],"size":[1],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"]},[[0,"icChange","handleChange"],[0,"icCheck","selectHandler"]],{"disabled":["watchDisabledHandler"],"label":["labelNameHandler"],"name":["labelNameHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"]}]]],["p-e5266c19",[[1,"ic-radio-group",{"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"orientation":[1],"required":[4],"size":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"theme":[1],"checkedValue":[32],"currentOrientation":[32],"initialOrientation":[32],"selectedChild":[32]},[[0,"icCheck","selectHandler"],[0,"icSelectedChange","changeHandler"]],{"disabled":["watchDisabledHandler"],"orientation":["orientationChangeHandler"],"theme":["watchThemeHandler"]}]]],["p-f8aa89ff",[[1,"ic-breadcrumb-group",{"backBreadcrumbOnly":[4,"back-breadcrumb-only"],"collapsed":[1028],"monochrome":[4],"theme":[1],"deviceSize":[32]},null,{"backBreadcrumbOnly":["watchBackBreadcrumbHandler"],"collapsed":["watchCollapsedHandler"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-9b48971f",[[1,"ic-card-vertical",{"clickable":[1028],"disabled":[4],"expandable":[4],"fullWidth":[4,"full-width"],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"subheading":[1],"target":[1],"theme":[1025],"areaExpanded":[32],"isFocussed":[32],"monochrome":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-e35f15ec",[[17,"ic-chip",{"customColor":[1,"custom-color"],"disabled":[4],"dismissible":[4],"dismissLabel":[1,"dismiss-label"],"fullWidth":[4,"full-width"],"label":[1],"size":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"variant":[1],"foregroundColor":[32],"hovered":[32],"visible":[32],"setFocus":[64]},[[2,"icDismiss","handleClick"]],{"customColor":["customColorHandler"],"disabled":["watchDisabledHandler"]}]]],["p-19056c16",[[1,"ic-footer",{"aligned":[1],"breakpoint":[1],"caption":[1],"copyright":[4],"copyrightText":[1,"copyright-text"],"description":[1],"groupLinks":[4,"group-links"],"deviceSize":[32],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-44d043f7",[[17,"ic-footer-link-group",{"label":[1],"expanded":[32],"deviceSize":[32],"dropdownIconStyle":[32],"small":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-61799a8b",[[1,"ic-hero",{"aligned":[1],"backgroundImage":[1,"background-image"],"contentAligned":[1,"content-aligned"],"disableBackgroundParallax":[4,"disable-background-parallax"],"heading":[1],"secondaryHeading":[1,"secondary-heading"],"secondarySubheading":[1,"secondary-subheading"],"size":[1],"subheading":[1],"theme":[1],"foregroundColor":[32],"rightContent":[32],"leftContentFullWidth":[32],"scrollFactor":[32]},[[4,"brandChange","brandChangeHandler"],[5,"scroll","doScroll"]]]]],["p-4dbc72f4",[[17,"ic-navigation-item",{"collapsedIconLabel":[4,"collapsed-icon-label"],"displayNavigationTooltip":[4,"display-navigation-tooltip"],"download":[8],"expandable":[4],"href":[1],"hreflang":[1],"label":[1],"rel":[1],"referrerpolicy":[1],"selected":[4],"target":[1],"theme":[1],"deviceSize":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"isSideNavMobile":[32],"isTopNavChild":[32],"navigationType":[32],"parentEl":[32],"sideNavExpanded":[32],"ariaLabel":[32],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]],{"navigationType":["navigationTypeChangeHandler"]}]]],["p-75f91c8c",[[1,"ic-step",{"compactStepStyling":[1,"compact-step-styling"],"current":[1028],"icI18n":[16],"lastStep":[4,"last-step"],"lastStepNum":[2,"last-step-num"],"nextStepHeading":[1,"next-step-heading"],"progress":[2],"stepNum":[2,"step-num"],"status":[1],"subheading":[1],"heading":[1],"theme":[1],"variant":[1],"type":[1]},null,{"type":["typeChangeHandler"]}]]],["p-1043f3dd",[[17,"ic-switch",{"checked":[4],"disabled":[4],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"name":[1],"size":[1],"theme":[1],"value":[1],"checkedState":[32],"initiallyChecked":[32],"setFocus":[64]},null,{"checked":["checkedChangeHandler"],"disabled":["watchDisabledHandler"]}]]],["p-9cf35c23",[[1,"ic-accordion",{"disabled":[4],"expanded":[1028],"heading":[1],"message":[1],"size":[1],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"expanded":["handleExpandedWatch"]}]]],["p-a5fcb9c1",[[17,"ic-action-chip",{"disabled":[4],"download":[8],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"href":[1],"hreflang":[1],"label":[1],"monochrome":[4],"referrerpolicy":[1],"rel":[1],"size":[1],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"]}]]],["p-b27e147d",[[17,"ic-badge",{"accessibleLabel":[1,"accessible-label"],"customColor":[1,"custom-color"],"maxNumber":[2,"max-number"],"position":[1025],"size":[1],"label":[1],"theme":[1],"type":[1],"variant":[1],"visible":[4]},[[4,"icNavigationMenuOpened","navBarMenuOpenHandler"],[4,"icNavigationMenuClosed","navBarMenuCloseHandler"]],{"accessibleLabel":["accessibleLabelHandler"],"customColor":["customColorHandler"],"variant":["variantHandler"],"visible":["visibleHandler"]}]]],["p-c82c2362",[[1,"ic-card-horizontal",{"clickable":[1028],"density":[1],"disabled":[4],"heading":[1],"href":[1],"hreflang":[1],"message":[1],"referrerpolicy":[1],"rel":[1],"size":[1],"subheading":[1],"target":[1],"theme":[1],"appearance":[32],"isFocussed":[32],"parentEl":[32],"parentIsAnchorTag":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"disabled":["watchDisabledHandler"]}]]],["p-ec1ea1a7",[[17,"ic-checkbox",{"additionalFieldDisplay":[513,"additional-field-display"],"checked":[1540],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1025,"group-label"],"hideLabel":[4,"hide-label"],"indeterminate":[4],"label":[1],"name":[1025],"nativeIndeterminateBehaviour":[4,"native-indeterminate-behaviour"],"size":[1025],"theme":[1],"value":[1],"initiallyChecked":[32],"displayIndeterminate":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"indeterminate":["watchIndeterminateHandler"]}]]],["p-ebd688b9",[[1,"ic-classification-banner",{"additionalSelectors":[1,"additional-selectors"],"classification":[1],"country":[1],"customClassificationText":[1,"custom-classification-text"],"inline":[4],"upTo":[4,"up-to"]}]]],["p-0cd21e04",[[1,"ic-data-list",{"heading":[1],"size":[1],"theme":[1]}]]],["p-ba8799ea",[[1,"ic-data-row",{"label":[1],"size":[1],"theme":[1],"value":[1],"deviceSize":[32],"listSize":[32]}]]],["p-406647b8",[[1,"ic-empty-state",{"aligned":[1],"body":[1],"maxLines":[2,"max-lines"],"heading":[1],"imageSize":[1,"image-size"],"subheading":[1],"theme":[1]}]]],["p-5fc0dc36",[[17,"ic-footer-link",{"download":[8],"href":[1],"hreflang":[1],"referrerpolicy":[1],"rel":[1],"target":[1],"deviceSize":[32],"footerConfig":[32],"foregroundColor":[32]},[[4,"footerResized","footerResizeHandler"],[4,"brandChange","footerBrandChangeHandler"]]]]],["p-72f52f20",[[1,"ic-menu-group",{"label":[1]}]]],["p-1cfaa962",[[17,"ic-navigation-group",{"expandable":[4],"expanded":[1028],"label":[1],"theme":[1],"deviceSize":[32],"dropdownOpen":[32],"focusStyle":[32],"inTopNavSideMenu":[32],"navigationType":[32],"parentEl":[32],"isSideNavExpanded":[32],"setFocus":[64]},[[0,"childBlur","childBlurHandler"],[4,"navigationGroupOpened","handleNavigationGroupOpened"],[0,"navItemClicked","navItemClickHandler"],[4,"brandChange","brandChangeHandler"]]]]],["p-526dd099",[[6,"ic-radio-option",{"additionalFieldDisplay":[513,"additional-field-display"],"disabled":[4],"dynamicText":[1,"dynamic-text"],"form":[1],"groupLabel":[1,"group-label"],"label":[1],"name":[1],"theme":[1],"value":[1025],"selected":[1540],"initiallySelected":[32],"setFocus":[64],"setTabIndex":[64]},[[0,"icCheck","handleCheck"],[0,"icChange","additionalFieldValueHandler"]],{"disabled":["watchDisabledHandler"],"selected":["watchSelectedHandler"]}]]],["p-c75c316b",[[1,"ic-skip-link",{"fullWidth":[4,"full-width"],"inline":[4],"label":[1],"monochrome":[4],"target":[1],"theme":[1],"transparentBackground":[4,"transparent-background"],"setFocus":[64]}]]],["p-1843357b",[[1,"ic-status-tag",{"announced":[4],"label":[1],"size":[1],"status":[1],"theme":[1],"uppercase":[4],"variant":[1]}]]],["p-d8de5b88",[[1,"ic-tab",{"contextId":[513,"context-id"],"disabled":[4],"monochrome":[4],"selected":[516],"tabId":[513,"tab-id"],"tabPosition":[2,"tab-position"],"theme":[1],"setFocus":[64]},null,{"disabled":["watchDisabledHandler","disabledWatchHandler"]}]]],["p-796fc111",[[1,"ic-layout-grid",{"aligned":[1],"columns":[2],"defaultColSpan":[2,"default-col-span"],"defaultColWidth":[1,"default-col-width"],"defaultRowSpan":[2,"default-row-span"],"fullHeight":[4,"full-height"],"gridSpacing":[2,"grid-spacing"],"rows":[2],"type":[1]},null,{"columns":["watchColumns"],"defaultColSpan":["watchDefaultColSpan"],"defaultColWidth":["watchDefaultColWidth"],"defaultRowSpan":["watchDefaultRowSpan"],"gridSpacing":["watchGridSpacing"],"rows":["watchRows"],"type":["watchType"]}]]],["p-cd963de6",[[1,"ic-layout-grid-item",{"colSpan":[2,"col-span"],"colStart":[2,"col-start"],"hideInMobileMode":[4,"hide-in-mobile-mode"],"rowSpan":[2,"row-span"],"rowStart":[2,"row-start"]},null,{"colSpan":["watchColSpan"],"colStart":["watchColStart"],"rowSpan":["watchRowSpan"],"rowStart":["watchRowStart"]}]]],["p-bf06d022",[[1,"ic-skeleton",{"theme":[1],"variant":[1],"height":[1],"width":[1]}]]],["p-987b08f9",[[1,"ic-stepper",{"aligned":[1],"connectorWidth":[2,"connector-width"],"hideStepInfo":[4,"hide-step-info"],"icI18n":[16],"theme":[1],"variant":[1025],"alignedFullWidth":[32],"autoSetStepTitles":[32],"lastStepWidth":[32],"noOfResizes":[32],"stepperWidth":[32],"stepTypes":[32],"variantOverride":[32]},null,{"theme":["handleThemeChange"],"hideStepInfo":["handlePropChange"],"variant":["handlePropChange"]}]]],["p-2bb815ef",[[4,"ic-tab-context",{"activationType":[1,"activation-type"],"contextId":[513,"context-id"],"selectedTabIndex":[2,"selected-tab-index"],"monochrome":[4],"theme":[1],"selectedTab":[32],"setFocus":[64],"tabRemovedHandler":[64]},[[0,"tabClick","tabClickHandler"],[0,"tabCreated","tabCreatedHandler"],[0,"tabPanelCreated","tabCreatedHandler"],[0,"tabEnabled","tabEnabledHandler"]],{"selectedTabIndex":["updateSelectedTab"],"monochrome":["watchMonochromeHandler"],"theme":["watchThemeHandler"]}]]],["p-f8e5d8f8",[[1,"ic-tab-panel",{"active":[4],"monochrome":[4],"panelId":[513,"panel-id"],"selectedTab":[1,"selected-tab"],"tabPosition":[514,"tab-position"],"theme":[1]}]]],["p-c0f6f568",[[4,"ic-theme",{"brandColor":[1,"brand-color"],"theme":[1],"themeClass":[32]},null,{"brandColor":["watchBrandColorPropHandler"],"theme":["watchThemePropHandler"]}]]],["p-2251df98",[[4,"ic-toast-region",{"openToast":[1040]},[[2,"icDismiss","handleDismissedToast"]],{"openToast":["watchOpenToastHandler"]}]]],["p-9b144bed",[[1,"ic-toggle-button-group",{"accessibleLabel":[1,"accessible-label"],"disabled":[4],"fullWidth":[4,"full-width"],"iconPlacement":[1,"icon-placement"],"loading":[4],"monochrome":[4],"outline":[4],"selectMethod":[1025,"select-method"],"selectType":[1,"select-type"],"size":[1],"theme":[1],"tooltipPlacement":[1,"tooltip-placement"],"variant":[513],"lastKeyPressed":[32],"externallySetActiveToggle":[32],"setActiveToggle":[64]},[[0,"icToggleChecked","selectHandler"]],{"disabled":["watchDisabledHandler"],"fullWidth":["watchFullWidthHandler"],"loading":["watchLoadingHandler"],"monochrome":["watchMonochromeHandler"],"outline":["watchOutlineHandler"],"size":["watchSizeHandler"],"theme":["watchThemeHandler"],"tooltipPlacement":["watchTooltipPlacementHandler"],"variant":["watchVariantHandler"]}]]],["p-be8bbed8",[[17,"ic-menu-item",{"checked":[1540],"description":[1],"disabled":[4],"href":[1],"hreflang":[1],"keyboardShortcutLabel":[1,"keyboard-shortcut-label"],"label":[1],"referrerpolicy":[1],"rel":[1],"submenuTriggerFor":[1,"submenu-trigger-for"],"target":[1],"variant":[1537],"closeMenuOnSelect":[4,"close-menu-on-select"]},[[2,"click","handleHostClick"]],{"disabled":["watchDisabledHandler"]}]]],["p-ef96e1aa",[[1,"ic-navigation-menu",{"status":[1],"theme":[1],"version":[1]},[[0,"navItemClicked","navItemClickHandler"],[4,"keydown","handleKeyDown"]]]]],["p-9ae157de",[[17,"ic-breadcrumb",{"current":[4],"href":[1],"monochrome":[4],"pageTitle":[1,"page-title"],"showBackIcon":[516,"show-back-icon"],"theme":[1],"setFocus":[64]},null,{"current":["watchCurrentHandler"]}]]],["p-3f001e75",[[6,"ic-divider",{"borderStyle":[1,"border-style"],"label":[1],"labelPlacement":[1,"label-placement"],"monochrome":[4],"orientation":[1],"theme":[1025],"weight":[1],"foregroundColor":[32]},[[4,"brandChange","brandChangeHandler"]]]]],["p-77f011e7",[[1,"ic-pagination-item",{"disabled":[4],"label":[1],"monochrome":[4],"page":[2],"selected":[4],"theme":[1],"type":[1],"capitalizedLabel":[32]},null,{"disabled":["watchDisabledHandler"],"label":["watchLabelHandler"]}]]],["p-308be45e",[[17,"ic-select",{"disabled":[516],"disableAutoFiltering":[4,"disable-auto-filtering"],"emptyOptionListText":[1,"empty-option-list-text"],"form":[1],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"includeDescriptionsInSearch":[4,"include-descriptions-in-search"],"includeGroupTitlesInSearch":[4,"include-group-titles-in-search"],"label":[1],"loadingErrorLabel":[1,"loading-error-label"],"loadingLabel":[1,"loading-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[4],"required":[4],"searchable":[4],"searchMatchPosition":[1,"search-match-position"],"selectOnEnter":[4,"select-on-enter"],"showClearButton":[4,"show-clear-button"],"size":[1],"timeout":[2],"theme":[1],"validationAriaLive":[1,"validation-aria-live"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"useNativeSelectOnMobile":[4,"use-native-select-on-mobile"],"loading":[1028],"options":[16],"debounce":[2],"value":[1025],"ariaActiveDescendant":[32],"debounceIcInput":[32],"hiddenInputValue":[32],"hasError":[32],"searchableSelectInputValue":[32],"selectButtonAriaLiveText":[32],"selectInputAriaLiveText":[32],"flatOptions":[32],"currDebounce":[32],"initialValue":[32],"open":[32],"setFocus":[64]},null,{"disabled":["watchDisabledHandler"],"loading":["loadingHandler"],"options":["optionsChangedHandler"],"debounce":["debounceChangedHandler"],"value":["valueChangedHandler"],"open":["openChangedHandler"]}],[1,"ic-pagination",{"accessibleLabel":[1,"accessible-label"],"adjacentPageCount":[1026,"adjacent-page-count"],"boundaryPageCount":[1026,"boundary-page-count"],"defaultPage":[2,"default-page"],"disabled":[4],"hideCurrentPage":[4,"hide-current-page"],"hideFirstAndLastPageButton":[4,"hide-first-and-last-page-button"],"label":[1],"monochrome":[4],"pages":[2],"theme":[1],"type":[1],"currentPage":[1026,"current-page"],"endEllipsis":[32],"endItems":[32],"midItems":[32],"startEllipsis":[32],"startItems":[32],"setCurrentPage":[64]},[[0,"icPageChange","icPageChangeHandler"],[0,"paginationItemClick","paginationItemClickHandler"]],{"adjacentPageCount":["watchAdjacentPageCountHandler"],"boundaryPageCount":["watchBoundaryPageCountHandler"],"disabled":["watchDisabledHandler"],"pages":["watchNumberPagesHandler"],"type":["watchTypeHandler"],"currentPage":["watchPageChangeHandler"]}],[1,"ic-text-field",{"ariaActiveDescendant":[1,"aria-active-descendant"],"ariaAutocomplete":[1,"aria-autocomplete"],"ariaExpanded":[1,"aria-expanded"],"ariaOwns":[1,"aria-owns"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"fullWidth":[4,"full-width"],"helperText":[1,"helper-text"],"hideCharCount":[4,"hide-char-count"],"hideLabel":[4,"hide-label"],"hiddenInput":[4,"hidden-input"],"inputId":[1,"input-id"],"inputmode":[1],"label":[1],"max":[8],"maxCharacters":[2,"max-characters"],"maxCharactersMessage":[1,"max-characters-message"],"maxMessage":[1,"max-message"],"min":[8],"minCharacters":[2,"min-characters"],"minCharactersMessage":[1,"min-characters-message"],"minMessage":[1,"min-message"],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"resize":[4],"role":[1],"rows":[2],"size":[1],"spellcheck":[4],"theme":[1],"truncateValue":[4,"truncate-value"],"type":[1],"validationAriaLive":[1,"validation-aria-live"],"validationInline":[4,"validation-inline"],"validationInlineInternal":[4,"validation-inline-internal"],"validationStatus":[1,"validation-status"],"validationText":[1,"validation-text"],"debounce":[2],"value":[1537],"numChars":[32],"maxCharactersReached":[32],"maxCharactersWarning":[32],"minCharactersUnattained":[32],"maxValueExceeded":[32],"minValueUnattained":[32],"isFocussed":[32],"initialValue":[32],"setFocus":[64]},[[0,"keydown","handleKeyDown"]],{"disabled":["watchDisabledHandler"],"debounce":["debounceChanged"],"value":["watchValueHandler"]}]]],["p-8fc5e9f9",[[1,"ic-horizontal-scroll",{"appearance":[1],"monochrome":[4],"theme":[1],"focusTrigger":[1,"focus-trigger"],"firstItemVisible":[32],"itemOverflow":[32],"lastItemVisible":[32],"scrollItemIntoView":[64]}]]],["p-c0b70c08",[[17,"ic-link",{"download":[8],"href":[1],"hreflang":[1],"monochrome":[1028],"referrerpolicy":[1],"rel":[1],"target":[1],"theme":[1025],"setFocus":[64]},[[4,"brandChange","brandChangeHandler"]]]]],["p-a8d98164",[[1,"ic-section-container",{"aligned":[1],"fullHeight":[4,"full-height"]}]]],["p-ccba84b7",[[2,"ic-menu",{"activationType":[1,"activation-type"],"anchorEl":[16],"autofocusOnSelected":[4,"autofocus-on-selected"],"closeOnSelect":[4,"close-on-select"],"fullWidth":[4,"full-width"],"inputEl":[16],"inputLabel":[1,"input-label"],"labelField":[1,"label-field"],"menuId":[1,"menu-id"],"multiSelect":[4,"multi-select"],"open":[516],"parentEl":[16],"searchableSelect":[4,"searchable-select"],"searchBar":[4,"search-bar"],"searchMode":[1,"search-mode"],"selectOnEnter":[4,"select-on-enter"],"size":[1],"options":[16],"value":[1],"valueField":[1,"value-field"],"allowMenuFocus":[4,"allow-menu-focus"],"focusFromSearchKeypress":[32],"initialOptionsListRender":[32],"keyboardNav":[32],"optionHighlighted":[32],"preventIncorrectTabOrder":[32],"menuOptions":[32],"popperProps":[32],"handleClickOpen":[64],"handleKeyboardOpen":[64],"handleMenuKeyDown":[64],"handleSetFirstOption":[64],"initPopperJs":[64],"setExternalPopperProps":[64]},null,{"open":["watchOpenHandler"],"options":["watchOptionsHandler"]}],[4,"ic-input-component-container",{"disabled":[4],"fullWidth":[4,"full-width"],"multiLine":[4,"multi-line"],"readonly":[4],"size":[1],"validationInline":[4,"validation-inline"],"validationStatus":[1,"validation-status"]},null,{"disabled":["watchDisabledHandler"]}],[4,"ic-input-container",{"disabled":[4],"readonly":[4]}]]],["p-d0d324b4",[[4,"ic-input-validation",{"ariaLiveMode":[1,"aria-live-mode"],"for":[1],"fullWidth":[4,"full-width"],"message":[1],"status":[1]},null,{"message":["watchMessageHandler"]}],[4,"ic-input-label",{"disabled":[4],"for":[1],"helperText":[1,"helper-text"],"hideLabel":[4,"hide-label"],"label":[1],"readonly":[4],"required":[4],"status":[1],"useLabelTag":[4,"use-label-tag"]}]]],["p-98dee727",[[17,"ic-button",{"accept":[1],"ariaControlsId":[8,"aria-controls-id"],"ariaOwnsId":[8,"aria-owns-id"],"disabled":[4],"disableTooltip":[4,"disable-tooltip"],"download":[8],"dropdown":[4],"dropdownExpanded":[1540,"dropdown-expanded"],"fileUpload":[4,"file-upload"],"fileInputName":[1,"file-input-name"],"form":[1],"formaction":[1],"formenctype":[1],"formmethod":[1],"formnovalidate":[4],"formtarget":[1],"fullWidth":[4,"full-width"],"href":[1],"hreflang":[1],"loading":[4],"monochrome":[1028],"multiple":[4],"referrerpolicy":[1],"rel":[1],"selectedFiles":[16],"size":[1],"target":[1],"theme":[1025],"tooltipFixedPositioning":[4,"tooltip-fixed-positioning"],"tooltipPlacement":[1,"tooltip-placement"],"transparentBackground":[4,"transparent-background"],"type":[1],"variant":[1025],"ariaLabel":[32],"describedbyNode":[32],"title":[32],"setFocus":[64]},[[2,"click","handleHostClick"],[4,"brandChange","brandChangeHandler"]],{"describedbyNode":["watchDescribedbyNodeHandler"],"disabled":["watchDisabledHandler"],"variant":["watchVariantHandler"]}],[1,"ic-loading-indicator",{"description":[1],"fullWidth":[516,"full-width"],"innerLabel":[2,"inner-label"],"label":[1],"labelDuration":[2,"label-duration"],"max":[2],"min":[2],"monochrome":[4],"progress":[2],"size":[513],"theme":[1],"type":[513],"circularDiameter":[32],"circularLineWidth":[32],"circularDimensions":[32],"indicatorLabel":[32],"clipInnerElement":[32],"internalType":[32]},null,{"label":["watchPropHandler"],"max":["handleProgressChange"],"min":["handleProgressChange"],"progress":["handleProgressChange"],"size":["handleIconSize"],"type":["setIndicatorDimensions"]}],[1,"ic-tooltip",{"disableClick":[4,"disable-click"],"disableHover":[4,"disable-hover"],"fixedPositioning":[4,"fixed-positioning"],"iconAltText":[1,"icon-alt-text"],"maxLines":[2,"max-lines"],"placement":[1],"silent":[4],"target":[513],"theme":[1],"label":[1],"popperProps":[32],"setExternalPopperProps":[64],"displayTooltip":[64],"isTooltipVisible":[64]},null,{"disableClick":["watchDisableClickHandler"],"disableHover":["watchDisableHoverHandler"],"label":["watchLabelHandler"]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=core.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,gy7BAAuCJ,EAAA","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,f as t,h as i,H as o,g as n}from"./p-8e4e97b4.js";import{I as a}from"./p-6215e2ae.js";import{y as s,o as r,z as l,g as d,I as c,i as b}from"./p-eeb8d98a.js";const u='/*! 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;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(:not(.in-side-menu)) ::part(button):focus{box-shadow:var(--ic-border-focus-light)}:host(:not(.in-side-menu).dark) ::part(button):focus{box-shadow:var(--ic-border-focus-dark)}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const h=u;const p=[...a,"title"];const m=class{constructor(i){e(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.mode="navbar";this.parentThemeDark=false;this.download=false;this.theme="inherit";this.hostMutationCallback=e=>{let i=false;e.forEach((({attributeName:e})=>{if(e){const t=this.el.getAttribute(e);if(t
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,f as t,h as i,H as o,g as n}from"./p-8e4e97b4.js";import{I as a}from"./p-6215e2ae.js";import{y as s,o as r,z as l,g as d,I as c,i as b}from"./p-eeb8d98a.js";const u='/*! 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;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(:not(.in-side-menu)) ::part(button):focus{box-shadow:var(--ic-border-focus-light)}:host(:not(.in-side-menu).dark) ::part(button):focus{box-shadow:var(--ic-border-focus-dark)}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}';const h=u;const p=[...a,"title"];const m=class{constructor(i){e(this,i);this.inheritedAttributes={};this.hostMutationObserver=null;this.mode="navbar";this.parentThemeDark=false;this.download=false;this.theme="inherit";this.hostMutationCallback=e=>{let i=false;e.forEach((({attributeName:e})=>{if(e&&p.includes(e)){const t=this.el.getAttribute(e);if(t){this.inheritedAttributes[e]=t}else{delete this.inheritedAttributes[e]}i=true}}));if(i){t(this)}}}componentWillLoad(){this.inheritedAttributes=s(this.el,p)}componentDidLoad(){this.updateTheme();r([{prop:this.label,propName:"label"}],"Navigation Button");this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentWillRender(){var e;(e=this.el.querySelector(`[slot="icon"]`))===null||e===void 0?void 0:e.setAttribute("viewBox","0 0 24 24");this.parentThemeChangeHandler()}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}navBarMenuOpenHandler(){this.mode="menu";this.theme=this.el.parentElement.theme}navBarMenuCloseHandler(){this.mode="navbar";this.updateTheme()}brandChangeHandler({detail:{mode:e}}){this.updateTheme(e)}parentThemeChangeHandler(){this.parentThemeDark=l(this.el)==="dark"}async setFocus(){var e;(e=this.buttonEl)===null||e===void 0?void 0:e.setFocus()}updateTheme(e=d()){this.theme=e===c.Light?c.Dark:c.Light}render(){const{download:e,href:t,inheritedAttributes:n,label:a,mode:s,parentThemeDark:r,referrerpolicy:l,rel:d,target:c,theme:u}=this;const h=s==="menu";const p={download:e,href:t,referrerpolicy:l,rel:d,target:c,theme:u};return i(o,{key:"dd30f288d728c8e8dffd4108d05e0a02b782d9ea",class:{"in-side-menu":h,[`ic-theme-${u}`]:u!=="inherit",dark:r}},i("ic-button",Object.assign({key:"b59e4538abe478aa21617a1ce3347668c3859e40",ref:e=>this.buttonEl=e,class:{"popout-menu-button":h},"aria-label":!h?a:null,disableTooltip:h,fullWidth:h,monochrome:!h,size:h?"medium":"large",variant:h?"tertiary":"icon-tertiary"},p,n),h?a:"",i("slot",{key:"4ca3226dd11288f30f595d8b0fa8484838b527c4",slot:"left-icon",name:"icon"}),b(this.el,"badge")&&i("slot",{key:"89408c559f0b62b9f92686bbc14a5312f8e6c2c6",name:"badge"})))}static get delegatesFocus(){return true}get el(){return n(this)}};m.style=h;export{m as ic_navigation_button};
|
|
2
|
+
//# sourceMappingURL=p-41bbdc4c.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["icNavigationButtonCss","IcNavigationButtonStyle0","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","NavigationButton","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","mode","parentThemeDark","download","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","el","getAttribute","includes","forceUpdate","componentWillLoad","inheritAttributes","componentDidLoad","updateTheme","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","observe","attributes","componentWillRender","_a","querySelector","setAttribute","parentThemeChangeHandler","disconnectedCallback","disconnect","navBarMenuOpenHandler","parentElement","navBarMenuCloseHandler","brandChangeHandler","detail","getElementInheritedTheme","setFocus","buttonEl","getBrandForegroundAppearance","IcBrandForegroundEnum","Light","Dark","render","href","referrerpolicy","rel","target","isMenuMode","buttonProps","h","Host","key","class","dark","Object","assign","ref","disableTooltip","fullWidth","monochrome","size","variant","slot","name","isSlotUsed"],"sources":["src/components/ic-navigation-button/ic-navigation-button.css?tag=ic-navigation-button&encapsulation=shadow","src/components/ic-navigation-button/ic-navigation-button.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n margin-right: var(--ic-space-xs);\n list-style: none;\n}\n\n:host(.in-side-menu) {\n margin-right: 0;\n}\n\n:host::part(button) {\n height: 100%;\n min-height: 2.5rem;\n}\n\n:host(:not(.in-side-menu)) ::part(button):focus {\n box-shadow: var(--ic-border-focus-light);\n}\n\n:host(:not(.in-side-menu).dark) ::part(button):focus {\n box-shadow: var(--ic-border-focus-dark);\n}\n\n:host(.in-side-menu) ::part(button) {\n color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.in-side-menu) ::part(button):hover {\n color: var(--ic-top-navigation-icon-hover);\n background-color: var(--ic-top-navigation-icon-hover-background);\n}\n\n:host(.in-side-menu) ::part(button):active {\n color: var(--ic-top-navigation-icon-pressed);\n background-color: var(--ic-top-navigation-icon-pressed-background);\n}\n\n:host(.in-side-menu) ::slotted(ic-badge) {\n margin-left: var(--ic-space-xs);\n}\n","import {\n Component,\n Element,\n Host,\n Listen,\n Method,\n Prop,\n State,\n forceUpdate,\n h,\n} from \"@stencil/core\";\n\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n getBrandForegroundAppearance,\n getElementInheritedTheme,\n inheritAttributes,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\nimport { IcNavButtonModes } from \"./ic-navigation-button.types\";\n\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot icon - Content will be placed to the left of the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n */\n\n@Component({\n tag: \"ic-navigation-button\",\n styleUrl: \"ic-navigation-button.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class NavigationButton {\n private buttonEl?: HTMLIcButtonElement;\n private inheritedAttributes: { [k: string]: string } = {};\n private hostMutationObserver: MutationObserver | null = null;\n\n @Element() el: HTMLIcNavigationButtonElement;\n\n /**\n * The display mode.\n */\n @State() mode: IcNavButtonModes = \"navbar\";\n\n /**\n * The parent theme used to inherit external colour tokens such as focus indicator.\n */\n @State() parentThemeDark = false;\n\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 /**\n * The URL that the link points to. This will render the button as an \"a\" tag.\n */\n @Prop() href?: string;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * The label info to display.\n */\n @Prop() label!: string;\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\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 /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop({ mutable: true }) theme: IcThemeMode = \"inherit\";\n\n componentWillLoad(): void {\n this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n }\n\n componentDidLoad(): void {\n this.updateTheme();\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Navigation Button\"\n );\n\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n\n componentWillRender(): void {\n this.el\n .querySelector(`[slot=\"icon\"]`)\n ?.setAttribute(\"viewBox\", \"0 0 24 24\");\n this.parentThemeChangeHandler();\n }\n\n disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n @Listen(\"icNavigationMenuOpened\", { target: \"document\" })\n navBarMenuOpenHandler(): void {\n this.mode = \"menu\";\n this.theme = (this.el.parentElement as HTMLIcTopNavigationElement).theme;\n }\n\n @Listen(\"icNavigationMenuClosed\", { target: \"document\" })\n navBarMenuCloseHandler(): void {\n this.mode = \"navbar\";\n this.updateTheme();\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail: { mode } }: CustomEvent<IcBrand>): void {\n this.updateTheme(mode);\n }\n\n @Listen(\"icThemeChange\", { target: \"document\" })\n parentThemeChangeHandler(): void {\n this.parentThemeDark = getElementInheritedTheme(this.el) === \"dark\";\n }\n\n /**\n * Sets focus on the native `button`.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.buttonEl?.setFocus();\n }\n\n /**\n * Triggered when attributes of host element change\n */\n private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n if (attributeName) {\n const attribute = this.el.getAttribute(attributeName);\n if (attribute && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n this.inheritedAttributes[attributeName] = attribute;\n forceComponentUpdate = true;\n }\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n private updateTheme(\n mode: IcBrandForeground = getBrandForegroundAppearance()\n ) {\n this.theme =\n mode === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n\n render() {\n const {\n download,\n href,\n inheritedAttributes,\n label,\n mode,\n parentThemeDark,\n referrerpolicy,\n rel,\n target,\n theme,\n } = this;\n\n const isMenuMode = mode === \"menu\";\n\n const buttonProps = {\n download,\n href,\n referrerpolicy,\n rel,\n target,\n theme,\n };\n\n return (\n <Host\n class={{\n \"in-side-menu\": isMenuMode,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n dark: parentThemeDark,\n }}\n >\n <ic-button\n ref={(el) => (this.buttonEl = el)}\n class={{ \"popout-menu-button\": isMenuMode }}\n aria-label={!isMenuMode ? label : null}\n disableTooltip={isMenuMode}\n fullWidth={isMenuMode}\n monochrome={!isMenuMode}\n size={isMenuMode ? \"medium\" : \"large\"}\n variant={isMenuMode ? \"tertiary\" : \"icon-tertiary\"}\n {...buttonProps}\n {...inheritedAttributes}\n >\n {isMenuMode ? label : \"\"}\n <slot slot=\"left-icon\" name=\"icon\"></slot>\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n </ic-button>\n </Host>\n );\n }\n}\n"],"mappings":"2KAAA,MAAMA,EAAwB,snGAC9B,MAAAC,EAAeD,EC2Bf,MAAME,EAAqB,IAAIC,EAAmB,S,MAcrCC,EAAgB,MAP7B,WAAAC,CAAAC,G,UASUC,KAAAC,oBAA+C,GAC/CD,KAAAE,qBAAgD,KAO/CF,KAAAG,KAAyB,SAKzBH,KAAAI,gBAAkB,MAKnBJ,KAAAK,SAA6B,MAmCZL,KAAAM,MAAqB,UA+DtCN,KAAAO,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIA,EAAe,CACjB,MAAMC,EAAYZ,KAAKa,GAAGC,aAAaH,GACvC,GAAIC,GAAajB,EAAmBoB,SAASJ,GAAgB,CAC3DX,KAAKC,oBAAoBU,GAAiBC,EAC1CH,EAAuB,I,MAI7B,GAAIA,EAAsB,CACxBO,EAAYhB,K,GAzEhB,iBAAAiB,GACEjB,KAAKC,oBAAsBiB,EAAkBlB,KAAKa,GAAIlB,E,CAGxD,gBAAAwB,GACEnB,KAAKoB,cACLC,EACE,CAAC,CAAEC,KAAMtB,KAAKuB,MAAOC,SAAU,UAC/B,qBAGFxB,KAAKE,qBAAuB,IAAIuB,iBAAiBzB,KAAKO,sBACtDP,KAAKE,qBAAqBwB,QAAQ1B,KAAKa,GAAI,CACzCc,WAAY,M,CAIhB,mBAAAC,G,OACEC,EAAA7B,KAAKa,GACFiB,cAAc,oBAAgB,MAAAD,SAAA,SAAAA,EAC7BE,aAAa,UAAW,aAC5B/B,KAAKgC,0B,CAGP,oBAAAC,G,OACEJ,EAAA7B,KAAKE,wBAAoB,MAAA2B,SAAA,SAAAA,EAAEK,Y,CAI7B,qBAAAC,GACEnC,KAAKG,KAAO,OACZH,KAAKM,MAASN,KAAKa,GAAGuB,cAA6C9B,K,CAIrE,sBAAA+B,GACErC,KAAKG,KAAO,SACZH,KAAKoB,a,CAIP,kBAAAkB,EAAqBC,QAAQpC,KAAEA,KAC7BH,KAAKoB,YAAYjB,E,CAInB,wBAAA6B,GACEhC,KAAKI,gBAAkBoC,EAAyBxC,KAAKa,MAAQ,M,CAO/D,cAAM4B,G,OACJZ,EAAA7B,KAAK0C,YAAQ,MAAAb,SAAA,SAAAA,EAAEY,U,CAsBT,WAAArB,CACNjB,EAA0BwC,KAE1B3C,KAAKM,MACHH,IAASyC,EAAsBC,MAC3BD,EAAsBE,KACtBF,EAAsBC,K,CAG9B,MAAAE,GACE,MAAM1C,SACJA,EAAQ2C,KACRA,EAAI/C,oBACJA,EAAmBsB,MACnBA,EAAKpB,KACLA,EAAIC,gBACJA,EAAe6C,eACfA,EAAcC,IACdA,EAAGC,OACHA,EAAM7C,MACNA,GACEN,KAEJ,MAAMoD,EAAajD,IAAS,OAE5B,MAAMkD,EAAc,CAClBhD,WACA2C,OACAC,iBACAC,MACAC,SACA7C,SAGF,OACEgD,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,eAAgBL,EAChB,CAAC,YAAY9C,KAAUA,IAAU,UACjCoD,KAAMtD,IAGRkD,EAAA,YAAAK,OAAAC,OAAA,CAAAJ,IAAA,2CACEK,IAAMhD,GAAQb,KAAK0C,SAAW7B,EAC9B4C,MAAO,CAAE,qBAAsBL,GAAY,cAC9BA,EAAa7B,EAAQ,KAClCuC,eAAgBV,EAChBW,UAAWX,EACXY,YAAaZ,EACba,KAAMb,EAAa,SAAW,QAC9Bc,QAASd,EAAa,WAAa,iBAC/BC,EACApD,GAEHmD,EAAa7B,EAAQ,GACtB+B,EAAA,QAAAE,IAAA,2CAAMW,KAAK,YAAYC,KAAK,SAC3BC,EAAWrE,KAAKa,GAAI,UAAYyC,EAAA,QAAAE,IAAA,2CAAMY,KAAK,W","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["icNavigationButtonCss","IcNavigationButtonStyle0","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","NavigationButton","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","mode","parentThemeDark","download","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","includes","attribute","el","getAttribute","forceUpdate","componentWillLoad","inheritAttributes","componentDidLoad","updateTheme","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","observe","attributes","componentWillRender","_a","querySelector","setAttribute","parentThemeChangeHandler","disconnectedCallback","disconnect","navBarMenuOpenHandler","parentElement","navBarMenuCloseHandler","brandChangeHandler","detail","getElementInheritedTheme","setFocus","buttonEl","getBrandForegroundAppearance","IcBrandForegroundEnum","Light","Dark","render","href","referrerpolicy","rel","target","isMenuMode","buttonProps","h","Host","key","class","dark","Object","assign","ref","disableTooltip","fullWidth","monochrome","size","variant","slot","name","isSlotUsed"],"sources":["src/components/ic-navigation-button/ic-navigation-button.css?tag=ic-navigation-button&encapsulation=shadow","src/components/ic-navigation-button/ic-navigation-button.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n margin-right: var(--ic-space-xs);\n list-style: none;\n}\n\n:host(.in-side-menu) {\n margin-right: 0;\n}\n\n:host::part(button) {\n height: 100%;\n min-height: 2.5rem;\n}\n\n:host(:not(.in-side-menu)) ::part(button):focus {\n box-shadow: var(--ic-border-focus-light);\n}\n\n:host(:not(.in-side-menu).dark) ::part(button):focus {\n box-shadow: var(--ic-border-focus-dark);\n}\n\n:host(.in-side-menu) ::part(button) {\n color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.in-side-menu) ::part(button):hover {\n color: var(--ic-top-navigation-icon-hover);\n background-color: var(--ic-top-navigation-icon-hover-background);\n}\n\n:host(.in-side-menu) ::part(button):active {\n color: var(--ic-top-navigation-icon-pressed);\n background-color: var(--ic-top-navigation-icon-pressed-background);\n}\n\n:host(.in-side-menu) ::slotted(ic-badge) {\n margin-left: var(--ic-space-xs);\n}\n","import {\n Component,\n Element,\n Host,\n Listen,\n Method,\n Prop,\n State,\n forceUpdate,\n h,\n} from \"@stencil/core\";\n\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n getBrandForegroundAppearance,\n getElementInheritedTheme,\n inheritAttributes,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\nimport { IcNavButtonModes } from \"./ic-navigation-button.types\";\n\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot icon - Content will be placed to the left of the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n */\n\n@Component({\n tag: \"ic-navigation-button\",\n styleUrl: \"ic-navigation-button.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class NavigationButton {\n private buttonEl?: HTMLIcButtonElement;\n private inheritedAttributes: { [k: string]: string } = {};\n private hostMutationObserver: MutationObserver | null = null;\n\n @Element() el: HTMLIcNavigationButtonElement;\n\n /**\n * The display mode.\n */\n @State() mode: IcNavButtonModes = \"navbar\";\n\n /**\n * The parent theme used to inherit external colour tokens such as focus indicator.\n */\n @State() parentThemeDark = false;\n\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 /**\n * The URL that the link points to. This will render the button as an \"a\" tag.\n */\n @Prop() href?: string;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * The label info to display.\n */\n @Prop() label!: string;\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\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 /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop({ mutable: true }) theme: IcThemeMode = \"inherit\";\n\n componentWillLoad(): void {\n this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n }\n\n componentDidLoad(): void {\n this.updateTheme();\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Navigation Button\"\n );\n\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n\n componentWillRender(): void {\n this.el\n .querySelector(`[slot=\"icon\"]`)\n ?.setAttribute(\"viewBox\", \"0 0 24 24\");\n this.parentThemeChangeHandler();\n }\n\n disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n @Listen(\"icNavigationMenuOpened\", { target: \"document\" })\n navBarMenuOpenHandler(): void {\n this.mode = \"menu\";\n this.theme = (this.el.parentElement as HTMLIcTopNavigationElement).theme;\n }\n\n @Listen(\"icNavigationMenuClosed\", { target: \"document\" })\n navBarMenuCloseHandler(): void {\n this.mode = \"navbar\";\n this.updateTheme();\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail: { mode } }: CustomEvent<IcBrand>): void {\n this.updateTheme(mode);\n }\n\n @Listen(\"icThemeChange\", { target: \"document\" })\n parentThemeChangeHandler(): void {\n this.parentThemeDark = getElementInheritedTheme(this.el) === \"dark\";\n }\n\n /**\n * Sets focus on the native `button`.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.buttonEl?.setFocus();\n }\n\n /**\n * Triggered when attributes of host element change\n */\n private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n if (attributeName && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n const attribute = this.el.getAttribute(attributeName);\n if (attribute) {\n this.inheritedAttributes[attributeName] = attribute;\n } else {\n delete this.inheritedAttributes[attributeName];\n }\n forceComponentUpdate = true;\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n private updateTheme(\n mode: IcBrandForeground = getBrandForegroundAppearance()\n ) {\n this.theme =\n mode === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n\n render() {\n const {\n download,\n href,\n inheritedAttributes,\n label,\n mode,\n parentThemeDark,\n referrerpolicy,\n rel,\n target,\n theme,\n } = this;\n\n const isMenuMode = mode === \"menu\";\n\n const buttonProps = {\n download,\n href,\n referrerpolicy,\n rel,\n target,\n theme,\n };\n\n return (\n <Host\n class={{\n \"in-side-menu\": isMenuMode,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n dark: parentThemeDark,\n }}\n >\n <ic-button\n ref={(el) => (this.buttonEl = el)}\n class={{ \"popout-menu-button\": isMenuMode }}\n aria-label={!isMenuMode ? label : null}\n disableTooltip={isMenuMode}\n fullWidth={isMenuMode}\n monochrome={!isMenuMode}\n size={isMenuMode ? \"medium\" : \"large\"}\n variant={isMenuMode ? \"tertiary\" : \"icon-tertiary\"}\n {...buttonProps}\n {...inheritedAttributes}\n >\n {isMenuMode ? label : \"\"}\n <slot slot=\"left-icon\" name=\"icon\"></slot>\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n </ic-button>\n </Host>\n );\n }\n}\n"],"mappings":"2KAAA,MAAMA,EAAwB,snGAC9B,MAAAC,EAAeD,EC2Bf,MAAME,EAAqB,IAAIC,EAAmB,S,MAcrCC,EAAgB,MAP7B,WAAAC,CAAAC,G,UASUC,KAAAC,oBAA+C,GAC/CD,KAAAE,qBAAgD,KAO/CF,KAAAG,KAAyB,SAKzBH,KAAAI,gBAAkB,MAKnBJ,KAAAK,SAA6B,MAmCZL,KAAAM,MAAqB,UA+DtCN,KAAAO,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIA,GAAiBhB,EAAmBiB,SAASD,GAAgB,CAC/D,MAAME,EAAYb,KAAKc,GAAGC,aAAaJ,GACvC,GAAIE,EAAW,CACbb,KAAKC,oBAAoBU,GAAiBE,C,KACrC,QACEb,KAAKC,oBAAoBU,E,CAElCF,EAAuB,I,KAG3B,GAAIA,EAAsB,CACxBO,EAAYhB,K,GA3EhB,iBAAAiB,GACEjB,KAAKC,oBAAsBiB,EAAkBlB,KAAKc,GAAInB,E,CAGxD,gBAAAwB,GACEnB,KAAKoB,cACLC,EACE,CAAC,CAAEC,KAAMtB,KAAKuB,MAAOC,SAAU,UAC/B,qBAGFxB,KAAKE,qBAAuB,IAAIuB,iBAAiBzB,KAAKO,sBACtDP,KAAKE,qBAAqBwB,QAAQ1B,KAAKc,GAAI,CACzCa,WAAY,M,CAIhB,mBAAAC,G,OACEC,EAAA7B,KAAKc,GACFgB,cAAc,oBAAgB,MAAAD,SAAA,SAAAA,EAC7BE,aAAa,UAAW,aAC5B/B,KAAKgC,0B,CAGP,oBAAAC,G,OACEJ,EAAA7B,KAAKE,wBAAoB,MAAA2B,SAAA,SAAAA,EAAEK,Y,CAI7B,qBAAAC,GACEnC,KAAKG,KAAO,OACZH,KAAKM,MAASN,KAAKc,GAAGsB,cAA6C9B,K,CAIrE,sBAAA+B,GACErC,KAAKG,KAAO,SACZH,KAAKoB,a,CAIP,kBAAAkB,EAAqBC,QAAQpC,KAAEA,KAC7BH,KAAKoB,YAAYjB,E,CAInB,wBAAA6B,GACEhC,KAAKI,gBAAkBoC,EAAyBxC,KAAKc,MAAQ,M,CAO/D,cAAM2B,G,OACJZ,EAAA7B,KAAK0C,YAAQ,MAAAb,SAAA,SAAAA,EAAEY,U,CAwBT,WAAArB,CACNjB,EAA0BwC,KAE1B3C,KAAKM,MACHH,IAASyC,EAAsBC,MAC3BD,EAAsBE,KACtBF,EAAsBC,K,CAG9B,MAAAE,GACE,MAAM1C,SACJA,EAAQ2C,KACRA,EAAI/C,oBACJA,EAAmBsB,MACnBA,EAAKpB,KACLA,EAAIC,gBACJA,EAAe6C,eACfA,EAAcC,IACdA,EAAGC,OACHA,EAAM7C,MACNA,GACEN,KAEJ,MAAMoD,EAAajD,IAAS,OAE5B,MAAMkD,EAAc,CAClBhD,WACA2C,OACAC,iBACAC,MACAC,SACA7C,SAGF,OACEgD,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,eAAgBL,EAChB,CAAC,YAAY9C,KAAUA,IAAU,UACjCoD,KAAMtD,IAGRkD,EAAA,YAAAK,OAAAC,OAAA,CAAAJ,IAAA,2CACEK,IAAM/C,GAAQd,KAAK0C,SAAW5B,EAC9B2C,MAAO,CAAE,qBAAsBL,GAAY,cAC9BA,EAAa7B,EAAQ,KAClCuC,eAAgBV,EAChBW,UAAWX,EACXY,YAAaZ,EACba,KAAMb,EAAa,SAAW,QAC9Bc,QAASd,EAAa,WAAa,iBAC/BC,EACApD,GAEHmD,EAAa7B,EAAQ,GACtB+B,EAAA,QAAAE,IAAA,2CAAMW,KAAK,YAAYC,KAAK,SAC3BC,EAAWrE,KAAKc,GAAI,UAAYwC,EAAA,QAAAE,IAAA,2CAAMY,KAAK,W","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["icHorizontalScrollCss","IcHorizontalScrollStyle0","SCROLL_DELAY_MS","HorizontalScroll","constructor","hostRef","this","buttonStateSet","firstItemVisible","itemOverflow","lastItemVisible","appearance","monochrome","theme","focusTrigger","focusHandler","event","itemFocusHandler","Array","from","items","indexOf","target","resizeObserverCallback","el","clientWidth","itemsContainerEl","scrollWidth","elementOverflowsX","offsetWidth","scrollLeft","runResizeObserver","resizeObserver","ResizeObserver","observe","scrollItemIntoView","getCurrentLeftItem","scrollRight","longScrollRight","scrollDelay","window","setTimeout","longScrollLeft","leftArrowMouseDownHandler","e","preventDefault","rightArrowMouseDownHandler","arrowMouseUpHandler","clearTimeout","index","itemOffsets","findIndex","Math","round","scrollHandler","isScrolling","scrollStopped","componentWillLoad","children","addEventListener","getSlotElements","forEach","item","componentDidLoad","runningTotal","map","checkResizeObserver","scrollArrows","_a","shadowRoot","querySelectorAll","arrow","disconnectedCallback","undefined","disconnect","removeEventListener","_b","_c","itemPosition","newScrollPos","render","h","Host","key","class","IcBrandForegroundEnum","Dark","Light","role","variant","innerHTML","LeftArrow","disabled","tabindex","onClick","onMouseDown","RightArrow"],"sources":["src/components/ic-horizontal-scroll/ic-horizontal-scroll.css?tag=ic-horizontal-scroll&encapsulation=shadow","src/components/ic-horizontal-scroll/ic-horizontal-scroll.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n --border-bottom-color: var(--ic-architectural-300);\n --splitter-color: var(--ic-architectural-100);\n\n display: flex;\n max-width: 100%;\n}\n\n:host(.ic-horizontal-scroll-light) {\n --splitter-color: var(--ic-color-keyline-lighten);\n}\n\n:host(.ic-horizontal-scroll-light) ic-button > svg {\n color: var(--ic-color-text-action-monochrome-dark);\n}\n\n:host(.ic-horizontal-scroll-dark) {\n --splitter-color: var(--ic-color-keyline-darken);\n}\n\n:host(.ic-horizontal-scroll-dark) ic-button > svg {\n color: var(--ic-color-text-action-monochrome-light);\n}\n\n/* Slotted items container element */\n::slotted(*) {\n overflow-x: scroll;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n margin: calc(var(--ic-space-xs) * -1) !important;\n padding: var(--ic-space-xs) !important;\n}\n\n:host(.ic-horizontal-scroll-visible) ::slotted(*) {\n margin: calc(var(--ic-space-xs) * -1) 0 !important;\n padding: var(--ic-space-xs) !important;\n}\n\n.tabs-container::-webkit-scrollbar {\n display: none;\n}\n\n.scroll-container-left,\n.scroll-container-right {\n display: flex;\n}\n\n.scroll-container-left {\n margin-left: var(--ic-space-xxs);\n}\n\n.scroll-container-right {\n margin-right: var(--ic-space-xxs);\n}\n\n.hidden {\n display: none;\n}\n\n.scroll-arrow {\n margin: var(--ic-space-xxs) 0;\n}\n\n.disabled .ic-tooltip-container {\n display: none !important;\n}\n\n.scroll-splitter-left,\n.scroll-splitter-right {\n display: flex;\n height: var(--ic-space-lg);\n width: var(--ic-space-1px);\n margin-top: var(--ic-space-xs);\n border-radius: var(--ic-space-1px);\n background-color: var(--splitter-color);\n}\n\n.scroll-splitter-left {\n margin-left: calc(var(--ic-space-xxs) - var(--ic-space-1px));\n}\n\n.scroll-splitter-right {\n margin-right: calc(var(--ic-space-xxs) - var(--ic-space-1px));\n}\n\n.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right {\n background-color: transparent;\n}\n\n:host(.ic-horizontal-scroll-dark) .disabled ic-button > svg,\n:host(.ic-horizontal-scroll-light) .disabled ic-button > svg {\n color: var(--splitter-color) !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n ::slotted(*) {\n scroll-behavior: auto;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n State,\n Method,\n Prop,\n} from \"@stencil/core\";\n\nimport LeftArrow from \"./assets/left-arrow.svg\";\nimport RightArrow from \"./assets/right-arrow.svg\";\nimport { getSlotElements } from \"../../utils/helpers\";\n\nimport { checkResizeObserver, elementOverflowsX } from \"../../utils/helpers\";\nimport {\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\n\nconst SCROLL_DELAY_MS = 200;\n\n@Component({\n tag: \"ic-horizontal-scroll\",\n styleUrl: \"./ic-horizontal-scroll.css\",\n shadow: true,\n})\nexport class HorizontalScroll {\n private buttonStateSet: boolean = false;\n private isScrolling: number;\n private itemOffsets: number[];\n private items: HTMLElement[];\n private itemsContainerEl: HTMLElement;\n private resizeObserver: ResizeObserver;\n private scrollDelay: number;\n\n @Element() el: HTMLIcHorizontalScrollElement;\n\n @State() firstItemVisible: boolean = true;\n @State() itemOverflow: boolean = false;\n @State() lastItemVisible: boolean = false;\n\n /**\n * The appearance of the horizontal scroll, e.g. dark, light or the default.\n */\n @Prop() appearance?: IcBrandForeground = \"default\";\n\n /** @internal Determines whether black variant of the tabs should be displayed. */\n @Prop() monochrome?: boolean = false;\n\n /**\n * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * @internal The name of the event that triggers focus handler logic.\n */\n @Prop() focusTrigger?: string = \"focus\";\n\n componentWillLoad(): void {\n this.itemsContainerEl = this.el.children[0] as HTMLElement;\n this.itemsContainerEl.addEventListener(\"scroll\", this.scrollHandler);\n this.items = getSlotElements(this.itemsContainerEl) as HTMLElement[];\n this.items.forEach((item) => {\n if (item.addEventListener) {\n item.addEventListener(\n this.focusTrigger as keyof HTMLElementEventMap,\n this.focusHandler\n );\n }\n });\n }\n\n componentDidLoad(): void {\n let runningTotal = 0;\n this.itemOffsets = this.items.map((item) => {\n runningTotal += item.offsetWidth;\n return runningTotal;\n });\n\n checkResizeObserver(this.runResizeObserver);\n\n // Add event listener to scroll containers as mouse events are not fired on disabled elements (ic-button's <button>)\n // 'mouseleave' needed in case the user moves their mouse while holding the arrow buttons\n // - 'mouseup' otherwise not detected and scrolling not stopped\n const scrollArrows = Array.from(\n this.el.shadowRoot?.querySelectorAll(\"div\") || []\n ) as HTMLElement[];\n [\"mouseup\", \"mouseleave\"].forEach((event) => {\n scrollArrows.forEach((arrow) =>\n arrow.addEventListener(event, this.arrowMouseUpHandler)\n );\n });\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== undefined) {\n this.resizeObserver.disconnect();\n }\n\n const scrollArrows = Array.from(\n this.el.shadowRoot?.querySelectorAll(\"div\") || []\n ) as HTMLElement[];\n [\"mouseup\", \"mouseleave\"].forEach((event) => {\n scrollArrows.forEach((arrow) =>\n arrow.removeEventListener(event, this.arrowMouseUpHandler)\n );\n });\n\n this.items?.forEach((item) => {\n if (item.removeEventListener) {\n item.removeEventListener(\n this.focusTrigger as keyof HTMLElementEventMap,\n this.focusHandler\n );\n }\n });\n\n this.itemsContainerEl?.removeEventListener(\"scroll\", this.scrollHandler);\n }\n\n /**\n * @internal if side scrolling enabled, scrolls the specified item into view.\n */\n @Method()\n async scrollItemIntoView(itemPosition: number): Promise<void> {\n this.firstItemVisible = itemPosition <= 0;\n const newScrollPos =\n itemPosition <= 0 ? 0 : this.itemOffsets[itemPosition - 1];\n this.lastItemVisible =\n this.itemsContainerEl.offsetWidth + newScrollPos >=\n this.itemsContainerEl.scrollWidth;\n this.buttonStateSet = true;\n this.itemsContainerEl.scrollLeft = newScrollPos;\n }\n\n private focusHandler = (event: Event) => {\n this.itemFocusHandler(\n Array.from(this.items).indexOf(event.target as HTMLElement)\n );\n };\n\n private itemFocusHandler(itemPosition: number): void {\n if (this.itemOverflow) {\n this.scrollItemIntoView(itemPosition);\n }\n }\n\n private resizeObserverCallback = () => {\n if (this.el.clientWidth >= this.itemsContainerEl.scrollWidth) {\n this.itemOverflow = false;\n } else {\n this.itemOverflow = elementOverflowsX(this.itemsContainerEl);\n }\n\n if (this.itemOverflow) {\n this.lastItemVisible =\n this.itemsContainerEl.offsetWidth + this.itemsContainerEl.scrollLeft >=\n this.itemsContainerEl.scrollWidth;\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback();\n });\n this.resizeObserver.observe(this.itemsContainerEl);\n };\n\n private scrollLeft = () => {\n this.scrollItemIntoView(this.getCurrentLeftItem() - 1);\n };\n\n private scrollRight = () => {\n this.scrollItemIntoView(this.getCurrentLeftItem() + 1);\n };\n\n private longScrollRight = () => {\n this.scrollRight();\n this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);\n };\n\n private longScrollLeft = () => {\n this.scrollLeft();\n this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);\n };\n\n private leftArrowMouseDownHandler = (e: MouseEvent) => {\n e.preventDefault();\n this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);\n };\n\n private rightArrowMouseDownHandler = (e: MouseEvent) => {\n e.preventDefault();\n this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);\n };\n\n private arrowMouseUpHandler = () => {\n window.clearTimeout(this.scrollDelay);\n };\n\n private getCurrentLeftItem = (): number => {\n const index = this.itemOffsets.findIndex(\n (el) => el > Math.round(this.itemsContainerEl.scrollLeft)\n );\n return index < 0 ? 0 : index;\n };\n\n private scrollHandler = () => {\n window.clearTimeout(this.isScrolling);\n // Set a timeout to run after scrolling ends\n this.isScrolling = window.setTimeout(this.scrollStopped, 50);\n };\n\n private scrollStopped = () => {\n // If scrollItemIntoView has been called, the button states will already be set\n // Can't just handle it here as it causes strange jumping behaviour in positioning\n const scrollLeft = Math.round(this.itemsContainerEl.scrollLeft);\n if (this.buttonStateSet === false) {\n this.firstItemVisible = scrollLeft === 0;\n this.lastItemVisible =\n this.itemsContainerEl.offsetWidth + scrollLeft >=\n this.itemsContainerEl.scrollWidth;\n }\n this.buttonStateSet = false;\n };\n\n render() {\n const { firstItemVisible, lastItemVisible, itemOverflow } = this;\n\n return (\n <Host\n class={{\n [\"ic-horizontal-scroll-visible\"]: itemOverflow,\n [\"ic-horizontal-scroll-dark\"]:\n this.appearance === IcBrandForegroundEnum.Dark,\n [\"ic-horizontal-scroll-light\"]:\n this.appearance === IcBrandForegroundEnum.Light,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n <div\n aria-hidden=\"true\"\n class={{\n [\"scroll-container-left\"]: true,\n [\"hidden\"]: !itemOverflow,\n [\"disabled\"]: firstItemVisible,\n }}\n role=\"tab\"\n >\n <ic-button\n class=\"scroll-arrow\"\n variant=\"icon-tertiary\"\n aria-label=\"Scroll left\"\n theme={\n this.theme === \"light\" || this.theme === \"inherit\"\n ? \"dark\"\n : \"light\"\n }\n monochrome={this.monochrome}\n innerHTML={LeftArrow}\n disabled={firstItemVisible}\n tabindex=\"-1\"\n onClick={this.scrollLeft}\n onMouseDown={this.leftArrowMouseDownHandler}\n ></ic-button>\n <span class=\"scroll-splitter-left\"></span>\n </div>\n <slot></slot>\n <div\n aria-hidden=\"true\"\n class={{\n [\"scroll-container-right\"]: true,\n [\"hidden\"]: !itemOverflow,\n [\"disabled\"]: lastItemVisible,\n }}\n role=\"tab\"\n >\n <span class=\"scroll-splitter-right\"></span>\n <ic-button\n class=\"scroll-arrow\"\n variant=\"icon-tertiary\"\n aria-label=\"Scroll right\"\n theme={\n this.theme === \"light\" || this.theme === \"inherit\"\n ? \"dark\"\n : \"light\"\n }\n monochrome={this.monochrome}\n innerHTML={RightArrow}\n disabled={lastItemVisible}\n tabindex=\"-1\"\n onClick={this.scrollRight}\n onMouseDown={this.rightArrowMouseDownHandler}\n ></ic-button>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["icHorizontalScrollCss","IcHorizontalScrollStyle0","SCROLL_DELAY_MS","HorizontalScroll","constructor","hostRef","this","buttonStateSet","firstItemVisible","itemOverflow","lastItemVisible","appearance","monochrome","theme","focusTrigger","focusHandler","event","itemFocusHandler","Array","from","items","indexOf","target","resizeObserverCallback","el","clientWidth","itemsContainerEl","scrollWidth","elementOverflowsX","offsetWidth","scrollLeft","runResizeObserver","resizeObserver","ResizeObserver","observe","scrollItemIntoView","getCurrentLeftItem","scrollRight","longScrollRight","scrollDelay","window","setTimeout","longScrollLeft","leftArrowMouseDownHandler","e","preventDefault","rightArrowMouseDownHandler","arrowMouseUpHandler","clearTimeout","index","itemOffsets","findIndex","Math","round","scrollHandler","isScrolling","scrollStopped","componentWillLoad","children","addEventListener","getSlotElements","forEach","item","componentDidLoad","runningTotal","map","checkResizeObserver","scrollArrows","_a","shadowRoot","querySelectorAll","arrow","disconnectedCallback","undefined","disconnect","removeEventListener","_b","_c","itemPosition","newScrollPos","render","h","Host","key","class","IcBrandForegroundEnum","Dark","Light","role","variant","innerHTML","LeftArrow","disabled","tabindex","onClick","onMouseDown","RightArrow"],"sources":["src/components/ic-horizontal-scroll/ic-horizontal-scroll.css?tag=ic-horizontal-scroll&encapsulation=shadow","src/components/ic-horizontal-scroll/ic-horizontal-scroll.tsx"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n --border-bottom-color: var(--ic-architectural-300);\n --splitter-color: var(--ic-architectural-100);\n\n display: flex;\n max-width: 100%;\n}\n\n:host(.ic-horizontal-scroll-light) {\n --splitter-color: var(--ic-color-keyline-lighten);\n}\n\n:host(.ic-horizontal-scroll-light) ic-button > svg {\n color: var(--ic-color-text-action-monochrome-dark);\n}\n\n:host(.ic-horizontal-scroll-dark) {\n --splitter-color: var(--ic-color-keyline-darken);\n}\n\n:host(.ic-horizontal-scroll-dark) ic-button > svg {\n color: var(--ic-color-text-action-monochrome-light);\n}\n\n/* Slotted items container element */\n::slotted(*) {\n overflow-x: scroll;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n -ms-overflow-style: none;\n margin: calc(var(--ic-space-xs) * -1) !important;\n padding: var(--ic-space-xs) !important;\n}\n\n:host(.ic-horizontal-scroll-visible) ::slotted(*) {\n margin: calc(var(--ic-space-xs) * -1) 0 !important;\n padding: var(--ic-space-xs) !important;\n}\n\n.tabs-container::-webkit-scrollbar {\n display: none;\n}\n\n.scroll-container-left,\n.scroll-container-right {\n display: flex;\n}\n\n.scroll-container-left {\n margin-left: var(--ic-space-xxs);\n}\n\n.scroll-container-right {\n margin-right: var(--ic-space-xxs);\n}\n\n.hidden {\n display: none;\n}\n\n.scroll-arrow {\n margin: var(--ic-space-xxs) 0;\n}\n\n.disabled .ic-tooltip-container {\n display: none !important;\n}\n\n.scroll-splitter-left,\n.scroll-splitter-right {\n display: flex;\n height: var(--ic-space-lg);\n width: var(--ic-space-1px);\n margin-top: var(--ic-space-xs);\n border-radius: var(--ic-space-1px);\n background-color: var(--splitter-color);\n}\n\n.scroll-splitter-left {\n margin-left: calc(var(--ic-space-xxs) - var(--ic-space-1px));\n}\n\n.scroll-splitter-right {\n margin-right: calc(var(--ic-space-xxs) - var(--ic-space-1px));\n}\n\n.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right {\n background-color: transparent;\n}\n\n:host(.ic-horizontal-scroll-dark) .disabled ic-button > svg,\n:host(.ic-horizontal-scroll-light) .disabled ic-button > svg {\n color: var(--splitter-color) !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n ::slotted(*) {\n scroll-behavior: auto;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n State,\n Method,\n Prop,\n} from \"@stencil/core\";\n\nimport LeftArrow from \"./assets/left-arrow.svg\";\nimport RightArrow from \"./assets/right-arrow.svg\";\nimport { getSlotElements } from \"../../utils/helpers\";\n\nimport { checkResizeObserver, elementOverflowsX } from \"../../utils/helpers\";\nimport {\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\n\nconst SCROLL_DELAY_MS = 200;\n\n@Component({\n tag: \"ic-horizontal-scroll\",\n styleUrl: \"./ic-horizontal-scroll.css\",\n shadow: true,\n})\nexport class HorizontalScroll {\n private buttonStateSet: boolean = false;\n private isScrolling: number;\n private itemOffsets: number[];\n private items: HTMLElement[];\n private itemsContainerEl: HTMLElement;\n private resizeObserver: ResizeObserver;\n private scrollDelay: number;\n\n @Element() el: HTMLIcHorizontalScrollElement;\n\n @State() firstItemVisible: boolean = true;\n @State() itemOverflow: boolean = false;\n @State() lastItemVisible: boolean = false;\n\n /**\n * The appearance of the horizontal scroll, e.g. dark, light or the default.\n */\n @Prop() appearance?: IcBrandForeground = \"default\";\n\n /** @internal Determines whether black variant of the tabs should be displayed. */\n @Prop() monochrome?: boolean = false;\n\n /**\n * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * @internal The name of the event that triggers focus handler logic.\n */\n @Prop() focusTrigger?: string = \"focus\";\n\n componentWillLoad(): void {\n this.itemsContainerEl = this.el.children[0] as HTMLElement;\n this.itemsContainerEl.addEventListener(\"scroll\", this.scrollHandler);\n this.items = getSlotElements(this.itemsContainerEl) as HTMLElement[];\n this.items.forEach((item) => {\n if (item.addEventListener) {\n item.addEventListener(\n this.focusTrigger as keyof HTMLElementEventMap,\n this.focusHandler\n );\n }\n });\n }\n\n componentDidLoad(): void {\n let runningTotal = 0;\n this.itemOffsets = this.items.map((item) => {\n runningTotal += item.offsetWidth;\n return runningTotal;\n });\n\n checkResizeObserver(this.runResizeObserver);\n\n // Add event listener to scroll containers as mouse events are not fired on disabled elements (ic-button's <button>)\n // 'mouseleave' needed in case the user moves their mouse while holding the arrow buttons\n // - 'mouseup' otherwise not detected and scrolling not stopped\n const scrollArrows = Array.from(\n this.el.shadowRoot?.querySelectorAll(\"div\") || []\n ) as HTMLElement[];\n [\"mouseup\", \"mouseleave\"].forEach((event) => {\n scrollArrows.forEach((arrow) =>\n arrow.addEventListener(event, this.arrowMouseUpHandler)\n );\n });\n }\n\n disconnectedCallback(): void {\n if (this.resizeObserver !== undefined) {\n this.resizeObserver.disconnect();\n }\n\n const scrollArrows = Array.from(\n this.el.shadowRoot?.querySelectorAll(\"div\") || []\n ) as HTMLElement[];\n [\"mouseup\", \"mouseleave\"].forEach((event) => {\n scrollArrows.forEach((arrow) =>\n arrow.removeEventListener(event, this.arrowMouseUpHandler)\n );\n });\n\n this.items?.forEach((item) => {\n if (item.removeEventListener) {\n item.removeEventListener(\n this.focusTrigger as keyof HTMLElementEventMap,\n this.focusHandler\n );\n }\n });\n\n this.itemsContainerEl?.removeEventListener(\"scroll\", this.scrollHandler);\n }\n\n /**\n * @internal if side scrolling enabled, scrolls the specified item into view.\n */\n @Method()\n async scrollItemIntoView(itemPosition: number): Promise<void> {\n this.firstItemVisible = itemPosition <= 0;\n const newScrollPos =\n itemPosition <= 0 ? 0 : this.itemOffsets[itemPosition - 1];\n this.lastItemVisible =\n this.itemsContainerEl.offsetWidth + newScrollPos >=\n this.itemsContainerEl.scrollWidth;\n this.buttonStateSet = true;\n this.itemsContainerEl.scrollLeft = newScrollPos;\n }\n\n private focusHandler = (event: Event) => {\n this.itemFocusHandler(\n Array.from(this.items).indexOf(event.target as HTMLElement)\n );\n };\n\n private itemFocusHandler(itemPosition: number): void {\n if (this.itemOverflow) {\n this.scrollItemIntoView(itemPosition);\n }\n }\n\n private resizeObserverCallback = () => {\n if (this.el.clientWidth >= this.itemsContainerEl.scrollWidth) {\n this.itemOverflow = false;\n } else {\n this.itemOverflow = elementOverflowsX(this.itemsContainerEl);\n }\n\n if (this.itemOverflow) {\n this.lastItemVisible =\n this.itemsContainerEl.offsetWidth + this.itemsContainerEl.scrollLeft >=\n this.itemsContainerEl.scrollWidth;\n }\n };\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.resizeObserverCallback();\n });\n this.resizeObserver.observe(this.itemsContainerEl);\n };\n\n private scrollLeft = () => {\n this.scrollItemIntoView(this.getCurrentLeftItem() - 1);\n };\n\n private scrollRight = () => {\n this.scrollItemIntoView(this.getCurrentLeftItem() + 1);\n };\n\n private longScrollRight = () => {\n this.scrollRight();\n this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);\n };\n\n private longScrollLeft = () => {\n this.scrollLeft();\n this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);\n };\n\n private leftArrowMouseDownHandler = (e: MouseEvent) => {\n e.preventDefault();\n this.scrollDelay = window.setTimeout(this.longScrollLeft, SCROLL_DELAY_MS);\n };\n\n private rightArrowMouseDownHandler = (e: MouseEvent) => {\n e.preventDefault();\n this.scrollDelay = window.setTimeout(this.longScrollRight, SCROLL_DELAY_MS);\n };\n\n private arrowMouseUpHandler = () => {\n window.clearTimeout(this.scrollDelay);\n };\n\n private getCurrentLeftItem = (): number => {\n const index = this.itemOffsets.findIndex(\n (el) => el > Math.round(this.itemsContainerEl.scrollLeft)\n );\n return index < 0 ? 0 : index;\n };\n\n private scrollHandler = () => {\n window.clearTimeout(this.isScrolling);\n // Set a timeout to run after scrolling ends\n this.isScrolling = window.setTimeout(this.scrollStopped, 50);\n };\n\n private scrollStopped = () => {\n // If scrollItemIntoView has been called, the button states will already be set\n // Can't just handle it here as it causes strange jumping behaviour in positioning\n const scrollLeft = Math.round(this.itemsContainerEl.scrollLeft);\n if (this.buttonStateSet === false) {\n this.firstItemVisible = scrollLeft === 0;\n this.lastItemVisible =\n this.itemsContainerEl.offsetWidth + scrollLeft >=\n this.itemsContainerEl.scrollWidth;\n }\n this.buttonStateSet = false;\n };\n\n render() {\n const { firstItemVisible, lastItemVisible, itemOverflow } = this;\n\n return (\n <Host\n class={{\n [\"ic-horizontal-scroll-visible\"]: itemOverflow,\n [\"ic-horizontal-scroll-dark\"]:\n this.appearance === IcBrandForegroundEnum.Dark,\n [\"ic-horizontal-scroll-light\"]:\n this.appearance === IcBrandForegroundEnum.Light,\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n }}\n >\n <div\n aria-hidden=\"true\"\n class={{\n [\"scroll-container-left\"]: true,\n [\"hidden\"]: !itemOverflow,\n [\"disabled\"]: firstItemVisible,\n }}\n role=\"tab\"\n >\n <ic-button\n class=\"scroll-arrow\"\n variant=\"icon-tertiary\"\n aria-label=\"Scroll left\"\n theme={\n this.theme === \"light\" || this.theme === \"inherit\"\n ? \"dark\"\n : \"light\"\n }\n monochrome={this.monochrome}\n innerHTML={LeftArrow}\n disabled={firstItemVisible}\n tabindex=\"-1\"\n onClick={this.scrollLeft}\n onMouseDown={this.leftArrowMouseDownHandler}\n ></ic-button>\n <span class=\"scroll-splitter-left\"></span>\n </div>\n <slot></slot>\n <div\n aria-hidden=\"true\"\n class={{\n [\"scroll-container-right\"]: true,\n [\"hidden\"]: !itemOverflow,\n [\"disabled\"]: lastItemVisible,\n }}\n role=\"tab\"\n >\n <span class=\"scroll-splitter-right\"></span>\n <ic-button\n class=\"scroll-arrow\"\n variant=\"icon-tertiary\"\n aria-label=\"Scroll right\"\n theme={\n this.theme === \"light\" || this.theme === \"inherit\"\n ? \"dark\"\n : \"light\"\n }\n monochrome={this.monochrome}\n innerHTML={RightArrow}\n disabled={lastItemVisible}\n tabindex=\"-1\"\n onClick={this.scrollRight}\n onMouseDown={this.rightArrowMouseDownHandler}\n ></ic-button>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|