@ukic/web-components 3.29.0 → 3.31.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-button2.js +1 -1
- package/components/ic-button2.js.map +1 -1
- package/components/ic-link2.js +1 -1
- package/components/ic-link2.js.map +1 -1
- package/components/ic-menu-item2.js +1 -1
- package/components/ic-menu-item2.js.map +1 -1
- package/components/ic-menu2.js +276 -37
- 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-navigation-group.js +9 -5
- package/components/ic-navigation-group.js.map +1 -1
- package/components/ic-radio-group.js +3 -3
- package/components/ic-radio-group.js.map +1 -1
- package/components/ic-side-navigation.js.map +1 -1
- package/components/ic-switch.js.map +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-button_3.cjs.entry.js +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +276 -37
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +1 -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-navigation-group.cjs.entry.js +9 -5
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js.map +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-button/ic-button.css +6 -0
- package/dist/collection/components/ic-link/ic-link.css +4 -0
- package/dist/collection/components/ic-menu/ic-menu.css +14 -5
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +13 -6
- 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-navigation-group/ic-navigation-group.js +9 -5
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +3 -3
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/utils/common-helpers.js +1 -1
- package/dist/collection/utils/common-helpers.js.map +1 -1
- package/dist/components/ic-accordion.js +53 -38
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-button2.js +1 -1
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-link2.js +1 -1
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-menu-item2.js +1 -1
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +276 -37
- 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-navigation-group.js +9 -5
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-radio-group.js +3 -3
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/core/core.esm.js +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-51fc7809.entry.js +2 -0
- package/dist/core/p-51fc7809.entry.js.map +1 -0
- package/dist/core/{p-e5266c19.entry.js → p-67048b2e.entry.js} +2 -2
- package/dist/core/{p-e5266c19.entry.js.map → p-67048b2e.entry.js.map} +1 -1
- package/dist/core/p-756b4cb3.entry.js +2 -0
- package/dist/core/p-756b4cb3.entry.js.map +1 -0
- package/dist/core/p-78e56db1.entry.js +2 -0
- package/dist/core/p-78e56db1.entry.js.map +1 -0
- package/dist/core/{p-1cfaa962.entry.js → p-95849ac2.entry.js} +2 -2
- package/dist/core/p-95849ac2.entry.js.map +1 -0
- 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-a8d98164.entry.js.map +1 -1
- package/dist/core/p-e5178830.entry.js +3 -0
- package/dist/core/p-e5178830.entry.js.map +1 -0
- package/dist/esm/ic-accordion.entry.js +53 -38
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +276 -37
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +1 -1
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +1 -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-navigation-group.entry.js +9 -5
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +3 -3
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +2 -0
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +1 -0
- package/hydrate/index.js +351 -90
- package/hydrate/index.mjs +351 -90
- package/package.json +4 -2
- package/dist/core/p-1cfaa962.entry.js.map +0 -1
- package/dist/core/p-305d9639.entry.js +0 -3
- package/dist/core/p-305d9639.entry.js.map +0 -1
- package/dist/core/p-98dee727.entry.js +0 -2
- package/dist/core/p-98dee727.entry.js.map +0 -1
- package/dist/core/p-be8bbed8.entry.js +0 -2
- package/dist/core/p-be8bbed8.entry.js.map +0 -1
- package/dist/core/p-c0b70c08.entry.js +0 -2
- package/dist/core/p-c0b70c08.entry.js.map +0 -1
- package/dist/core/p-fc4b7d2b.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-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-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-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-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-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-305d9639",[[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-67048b2e",[[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-95849ac2",[[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-756b4cb3",[[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-51fc7809",[[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-e5178830",[[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-78e56db1",[[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,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":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-426ec638.js";import{y as r,j as l,I as c}from"./p-eeb8d98a.js";import{I as a}from"./p-6215e2ae.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) ::slotted(a){font-weight:var(--ic-font-weight-bold) !important}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}:host(.footer-link) .ic-link-open-in-new-icon>svg{fill:var(--ic-footer-icon) !important}@media (forced-colors: active){:host(.ic-link) .ic-link-open-in-new-icon>svg{fill:currentcolor !important}}@media (prefers-reduced-motion: reduce){:host(.ic-link) .link,:host(.ic-link) ::slotted(a){transition:none}}';const h=d;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&a.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}};this.setDownloadAttribute=i=>{if(typeof i==="boolean"){return i?"":undefined}else{return i==="true"?"":i==="false"?undefined:i}}}componentWillLoad(){this.inheritedAttributes=r(this.el,a);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=l(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:c,monochrome:a,theme:d}=this;return e(o,{key:"d62709776b71c1cbb259db22f9d56ae4bdb6d3c3",class:{["ic-link"]:true,[`ic-theme-${d}`]:d!=="inherit",["ic-link-monochrome"]:!!a}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:!!t},download:this.setDownloadAttribute(i),href:t,hrefLang:n,referrerPolicy:r,rel:l,target:c,tabindex:t?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),c==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};m.style=h;export{m as ic_link};
|
|
2
|
+
//# sourceMappingURL=p-51fc7809.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["icLinkCss","IcLinkStyle0","Link","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","download","monochrome","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","el","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setDownloadAttribute","value","undefined","componentWillLoad","inheritAttributes","updateTheme","setAttribute","componentDidLoad","MutationObserver","observe","attributes","disconnectedCallback","_a","disconnect","brandChangeHandler","detail","mode","setFocus","_b","shadowRoot","querySelector","focus","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","hasRouterSlot","routerSlot","ariaLabel","textContent","render","href","hreflang","referrerpolicy","rel","target","h","Host","key","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","part","innerHTML","OpenInNew"],"sources":["src/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","src/components/ic-link/ic-link.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.ic-link) .link,\n:host(.ic-link) ::slotted(a) {\n color: var(--ic-link-text);\n text-decoration: underline;\n font-weight: var(--ic-font-weight-bold);\n transition: var(--ic-easing-transition-fast);\n}\n\n:host(.ic-link) ::slotted(a) {\n font-weight: var(--ic-font-weight-bold) !important;\n}\n\n:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus) {\n color: var(--ic-link-text-visited);\n}\n\n:host(.ic-link) .link:hover {\n color: var(--ic-link-text-hover);\n}\n\n:host(.ic-link) .link:active {\n color: var(--ic-link-text-pressed);\n}\n\n:host(.ic-link) .link:focus {\n color: var(--ic-link-text-focused);\n}\n\n:host(.ic-link-monochrome) .link:hover {\n color: var(--ic-link-text-hover-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:active {\n color: var(--ic-link-text-pressed-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:focus {\n color: var(--ic-link-text-focused-monochrome);\n}\n\n:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus) {\n outline: none;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 10%) {\n :host(.ic-link) .link:hover,\n :host(.ic-link) .link:focus,\n :host(.ic-link) ::slotted(a:hover),\n :host(.ic-link) ::slotted(a:focus) {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 10%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n:host(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active) {\n text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n vertical-align: middle;\n margin-left: var(--ic-space-xxs);\n}\n\n.ic-link-open-in-new-icon > svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n fill: var(--ic-link-icon-launch);\n}\n\n.link:visited > .ic-link-open-in-new-icon > svg {\n fill: var(--ic-link-icon-launch-visited);\n}\n\n:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a) {\n color: var(--ic-link-text-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus) {\n color: var(--ic-link-text-visited-monochrome);\n}\n\n:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon > svg {\n fill: var(--ic-link-icon-launch-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon > svg {\n fill: var(--ic-link-icon-launch-visited-monochrome);\n}\n\n:host(.breadcrumb-link) .link {\n display: var(--breadcrumb-link-display);\n align-items: var(--breadcrumb-link-align-items);\n gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .link ::slotted(.back-icon) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n font-weight: normal;\n color: inherit;\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n outline: var(--ic-hc-focus-outline);\n text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .link:visited {\n color: var(--ic-color-text-primary);\n}\n\n/* Footer link */\n\n:host(.footer-link) ::slotted(a) {\n color: var(--ic-footer-link) !important;\n}\n\n:host(.footer-link) .ic-link-open-in-new-icon > svg {\n fill: var(--ic-footer-icon) !important;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n :host(.ic-link) .ic-link-open-in-new-icon > svg {\n fill: currentcolor !important;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host(.ic-link) .link,\n :host(.ic-link) ::slotted(a) {\n transition: none;\n }\n}\n","import {\n Component,\n Element,\n Prop,\n h,\n Host,\n Listen,\n Method,\n forceUpdate,\n} from \"@stencil/core\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getBrandFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcThemeMode,\n} from \"../../utils/types\";\n\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n\n@Component({\n tag: \"ic-link\",\n styleUrl: \"ic-link.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Link {\n private inheritedAttributes: { [k: string]: string } = {};\n private routerSlot: HTMLElement | null;\n private hostMutationObserver: MutationObserver | null = null;\n\n @Element() el: HTMLIcLinkElement;\n\n /**\n * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download.\n */\n @Prop() download?: string | boolean = false;\n\n /**\n * The URL that the link points to.\n */\n @Prop() href?: string;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * If `true`, the link will display as black in the light theme, and white in the dark theme.\n */\n @Prop({ mutable: true }) monochrome?: boolean = false;\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, IC_INHERITED_ARIA);\n this.updateTheme();\n this.el.setAttribute(\"exportparts\", \"link\");\n }\n\n componentDidLoad(): void {\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n\n disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n this.updateTheme(detail.mode);\n }\n\n /**\n * Sets focus on the link.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.el.shadowRoot?.querySelector(\"a\")?.focus();\n }\n\n private updateTheme(mode: IcBrandForeground | null = null): void {\n const theme = getBrandFromContext(this.el, mode);\n\n if (theme !== IcBrandForegroundEnum.Default) {\n this.monochrome = true;\n this.theme =\n theme === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n }\n\n private hasRouterSlot(): boolean {\n this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n if (this.routerSlot) {\n this.routerSlot.ariaLabel = this.routerSlot.textContent;\n }\n return !!this.routerSlot;\n }\n\n // triggered when attributes of host element change\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 && IC_INHERITED_ARIA.includes(attributeName)) {\n this.inheritedAttributes[attributeName] = attribute;\n forceComponentUpdate = true;\n }\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n private setDownloadAttribute = (\n value: string | boolean | undefined\n ): string | undefined => {\n if (typeof value === \"boolean\") {\n return value ? \"\" : undefined;\n } else {\n return value === \"true\" ? \"\" : value === \"false\" ? undefined : value;\n }\n };\n\n render() {\n const {\n download,\n href,\n hreflang,\n referrerpolicy,\n rel,\n target,\n monochrome,\n theme,\n } = this;\n\n return (\n <Host\n class={{\n [\"ic-link\"]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [\"ic-link-monochrome\"]: !!monochrome,\n }}\n >\n {this.hasRouterSlot() ? (\n <slot name=\"router-item\"></slot>\n ) : (\n <a\n class={{\n [\"link\"]: !!href,\n }}\n download={this.setDownloadAttribute(download)}\n href={href}\n hrefLang={hreflang}\n referrerPolicy={referrerpolicy}\n rel={rel}\n target={target}\n tabindex={href ? \"0\" : \"-1\"}\n {...this.inheritedAttributes}\n part=\"link\"\n >\n <slot />\n {target === \"_blank\" && (\n <span class=\"ic-link-open-in-new-icon\" innerHTML={OpenInNew} />\n )}\n </a>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"0LAAA,MAAMA,EAAY,orMAClB,MAAAC,EAAeD,E,MC+BFE,EAAI,MAPjB,WAAAC,CAAAC,G,UAQUC,KAAAC,oBAA+C,GAE/CD,KAAAE,qBAAgD,KAOhDF,KAAAG,SAA8B,MAebH,KAAAI,WAAuB,MAoBvBJ,KAAAK,MAAsB,UAqDvCL,KAAAM,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIA,EAAe,CACjB,MAAMC,EAAYX,KAAKY,GAAGC,aAAaH,GACvC,GAAIC,GAAaG,EAAkBC,SAASL,GAAgB,CAC1DV,KAAKC,oBAAoBS,GAAiBC,EAC1CH,EAAuB,I,MAI7B,GAAIA,EAAsB,CACxBQ,EAAYhB,K,GAIRA,KAAAiB,qBACNC,IAEA,UAAWA,IAAU,UAAW,CAC9B,OAAOA,EAAQ,GAAKC,S,KACf,CACL,OAAOD,IAAU,OAAS,GAAKA,IAAU,QAAUC,UAAYD,C,GAzEnE,iBAAAE,GACEpB,KAAKC,oBAAsBoB,EAAkBrB,KAAKY,GAAIE,GACtDd,KAAKsB,cACLtB,KAAKY,GAAGW,aAAa,cAAe,O,CAGtC,gBAAAC,GACExB,KAAKE,qBAAuB,IAAIuB,iBAAiBzB,KAAKM,sBACtDN,KAAKE,qBAAqBwB,QAAQ1B,KAAKY,GAAI,CACzCe,WAAY,M,CAIhB,oBAAAC,G,OACEC,EAAA7B,KAAKE,wBAAoB,MAAA2B,SAAA,SAAAA,EAAEC,Y,CAI7B,kBAAAC,EAAmBC,OAAEA,IACnBhC,KAAKsB,YAAYU,EAAOC,K,CAO1B,cAAMC,G,SACJC,GAAAN,EAAA7B,KAAKY,GAAGwB,cAAU,MAAAP,SAAA,SAAAA,EAAEQ,cAAc,QAAI,MAAAF,SAAA,SAAAA,EAAEG,O,CAGlC,WAAAhB,CAAYW,EAAiC,MACnD,MAAM5B,EAAQkC,EAAoBvC,KAAKY,GAAIqB,GAE3C,GAAI5B,IAAUmC,EAAsBC,QAAS,CAC3CzC,KAAKI,WAAa,KAClBJ,KAAKK,MACHA,IAAUmC,EAAsBE,MAC5BF,EAAsBG,KACtBH,EAAsBE,K,EAIxB,aAAAE,GACN5C,KAAK6C,WAAa7C,KAAKY,GAAGyB,cAAc,wBACxC,GAAIrC,KAAK6C,WAAY,CACnB7C,KAAK6C,WAAWC,UAAY9C,KAAK6C,WAAWE,W,CAE9C,QAAS/C,KAAK6C,U,CA8BhB,MAAAG,GACE,MAAM7C,SACJA,EAAQ8C,KACRA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMjD,WACNA,EAAUC,MACVA,GACEL,KAEJ,OACEsD,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,WAAY,KACb,CAAC,YAAYpD,KAAUA,IAAU,UACjC,CAAC,wBAAyBD,IAG3BJ,KAAK4C,gBACJU,EAAA,QAAMI,KAAK,gBAEXJ,EAAA,IAAAK,OAAAC,OAAA,CACEH,MAAO,CACL,CAAC,UAAWR,GAEd9C,SAAUH,KAAKiB,qBAAqBd,GACpC8C,KAAMA,EACNY,SAAUX,EACVY,eAAgBX,EAChBC,IAAKA,EACLC,OAAQA,EACRU,SAAUd,EAAO,IAAM,MACnBjD,KAAKC,oBAAmB,CAC5B+D,KAAK,SAELV,EAAA,aACCD,IAAW,UACVC,EAAA,QAAMG,MAAM,2BAA2BQ,UAAWC,K","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as a,g as s}from"./p-8e4e97b4.js";import{t as o,r as n,h as r,o as l,s as h}from"./p-eeb8d98a.js";import"./p-6215e2ae.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n --ic-radio-button-input-field-subtitle\n );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}:host ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}:host ic-input-label.disabled{--ic-input-label-text-color:var(\n --ic-radio-button-input-field-label-disabled\n );--ic-input-label-helper-text-color:var(\n --ic-radio-button-input-field-subtitle-disabled\n )}:host ic-input-validation.show-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation.show-validation{margin-top:calc(var(--ic-space-sm) / 2)}:host(.ic-radio-group-large) ic-input-validation.show-validation{margin-top:var(--ic-space-md)}:host ic-input-label:not(.with-helper) .ic-typography-label,:host ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}:host(.ic-radio-group-large) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-large) ic-input-label .helpertext{margin-bottom:var(--ic-space-md)}:host ic-input-label .helpertext{display:block}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host(.ic-radio-group-large) .radio-buttons-container{gap:var(--ic-space-xs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}';const d=c;const p=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.resizeObserver=null;this.ADDITIONAL_FIELD="additional-field";this.RADIO_HORIZONTAL="horizontal";this.RADIO_VERTICAL="vertical";this.checkedValue="";this.selectedChild=-1;this.disabled=false;this.hideLabel=false;this.orientation="vertical";this.required=false;this.size="medium";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOrientation()}));this.resizeObserver.observe(this.el)};this.handleKeyDown=t=>{const i=Array.from(this.el.querySelectorAll('ic-text-field[slot="additional-field"]'));const e=document.activeElement;if(i.length>0&&this.radioOptions.map((t=>o(t,this.ADDITIONAL_FIELD)))&&i.map((t=>t==e))){return}t.stopPropagation();switch(t.key){case"ArrowDown":case"ArrowRight":this.radioOptions[this.getNextItemToSelect(this.selectedChild,true)].click();t.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.radioOptions[this.getNextItemToSelect(this.selectedChild,false)].click();t.preventDefault()}};this.getNextItemToSelect=(t,i)=>{const e=this.radioOptions.length-1;if(t<1){t=0}let a=i?t+1:t-1;if(a<0){a=e}else if(a>e){a=0}if(this.radioOptions[a].disabled){a=this.getNextItemToSelect(a,i)}return a};this.addSlotChangeListener=()=>{var t;(t=this.radioContainer)===null||t===void 0?void 0:t.addEventListener("slotchange",this.setRadioOptions)};this.setFirstRadioOptionTabIndex=t=>{this.radioOptions[0].setTabIndex(t)};this.setRadioOptions=()=>{this.selectedChild=-1;this.checkedValue="";this.radioOptions=Array.from(this.el.children).filter((t=>t.tagName==="IC-RADIO-OPTION"));if(this.radioOptions.length>0){this.radioOptions.forEach(((t,i)=>{if(!t.selected){t.selected=this.checkedValue===t.value}t.name=this.name;t.groupLabel=this.label;if(t.selected){this.selectedChild=i;this.checkedValue=t.value}if(this.disabled){t.disabled=true}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0);if(this.initialOrientation===this.RADIO_HORIZONTAL&&this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}}}}watchDisabledHandler(t){this.radioOptions.forEach((i=>i.disabled=t));n(this.disabled,this.el)}orientationChangeHandler(){this.initialOrientation=this.orientation;this.checkOrientation()}watchThemeHandler(t){this.radioOptions.forEach((i=>i.theme=t))}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.radioContainer)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setRadioOptions)}componentWillLoad(){n(this.disabled,this.el);this.orientationChangeHandler();this.currentOrientation=this.initialOrientation}componentDidLoad(){this.setRadioOptions();r(this.runResizeObserver);this.addSlotChangeListener();l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Radio Group");this.watchThemeHandler(this.theme)}selectHandler({detail:t,target:i}){var e;const a=i;if(a.parentElement===this.el){this.checkedValue=t.value;this.icChange.emit({value:this.checkedValue,selectedOption:{radio:a,textFieldValue:(e=a===null||a===void 0?void 0:a.querySelector("ic-text-field"))===null||e===void 0?void 0:e.value}});if(this.radioOptions!==undefined){this.radioOptions.forEach(((t,i)=>{t.selected=a===t;if(t.selected){this.selectedChild=i}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0)}}}changeHandler(){var t;const i=(t=this.radioOptions)===null||t===void 0?void 0:t.findIndex((t=>t.selected));if(i<0){this.setFirstRadioOptionTabIndex(0);this.selectedChild=i}}checkOrientation(){if(this.initialOrientation===this.RADIO_HORIZONTAL){let t=0;if(Array.isArray(this.radioOptions)&&this.radioOptions.length>0){this.radioOptions.forEach((({clientWidth:i},e,a)=>{t+=i;if(e<a.length-1)t+=40}))}else{t=0}if(this.initialOrientation==this.RADIO_HORIZONTAL){if(this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}else{if(this.radioContainer){if(t>=this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_VERTICAL}else if(t<this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_HORIZONTAL}}}}}}render(){const{currentOrientation:t,disabled:i,handleKeyDown:s,helperText:o,hideLabel:n,label:r,required:l,size:c,validationAriaLive:d,validationStatus:p,validationText:b,theme:u}=this;const m=h(p,i);return e(a,{key:"df3176ecead3472c9cbc46f20b4398beb1cf0710",onKeyDown:s,class:{[`ic-radio-group-${c}`]:c!=="medium",[`ic-theme-${u}`]:u!=="inherit"}},e("fieldset",{key:"30b8cb57ab1b69d85fbe4a7e1ec9205561409fd2",role:"radiogroup",id:this.name,"aria-required":`${l}`},!n&&e("legend",{key:"5b2ecba8b0c1b4af585b8f2ba568d6251541d00f"},e("ic-input-label",{key:"ae98da9c60057fa3da425fc7a2d63657f02c2f91",class:{[`${p}`]:true,["disabled"]:!!i},label:r,helperText:o,required:l,disabled:i},e("slot",{key:"2078e0b37824b1e75ac973ac923fd22d16a04e99",name:"helper-text",slot:"helper-text"}))),e("div",{key:"7824dbbccae54f17a9533e4f20489fcb21881209",class:{"radio-buttons-container":true,horizontal:t===this.RADIO_HORIZONTAL},ref:t=>this.radioContainer=t},e("slot",{key:"c9a80207676d3ae60c1dfe43016adae0d2b57605"}))),e("ic-input-validation",{key:"34bbce2c663bcb56a1bbfbed44ab12998c197cce",class:{"show-validation":m},ariaLiveMode:d,status:m?p:"",message:m?b:""}))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],orientation:["orientationChangeHandler"],theme:["watchThemeHandler"]}}};p.style=d;export{p as ic_radio_group};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as e,H as a,g as s}from"./p-8e4e97b4.js";import{t as o,r as n,h as r,o as l,s as h}from"./p-eeb8d98a.js";import"./p-6215e2ae.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n --ic-radio-button-input-field-subtitle\n );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}:host ic-input-label.error{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}:host ic-input-label.disabled{--ic-input-label-text-color:var(\n --ic-radio-button-input-field-label-disabled\n );--ic-input-label-helper-text-color:var(\n --ic-radio-button-input-field-subtitle-disabled\n )}:host ic-input-validation.show-validation{margin-top:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-validation.show-validation{margin-top:calc(var(--ic-space-sm) / 2)}:host(.ic-radio-group-large) ic-input-validation.show-validation{margin-top:var(--ic-space-md)}:host ic-input-label:not(.with-helper) .ic-typography-label,:host ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-radio-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}:host(.ic-radio-group-large) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-radio-group-large) ic-input-label .helpertext{margin-bottom:var(--ic-space-md)}:host ic-input-label .helpertext{display:block}:host .radio-buttons-container{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}:host(.ic-radio-group-small) .radio-buttons-container{gap:var(--ic-space-xxxs)}:host(.ic-radio-group-large) .radio-buttons-container{gap:var(--ic-space-xs)}:host .radio-buttons-container.horizontal{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-radio-group-small) .radio-buttons-container.horizontal{gap:var(--ic-space-xl)}';const c=d;const p=class{constructor(e){t(this,e);this.icChange=i(this,"icChange",7);this.resizeObserver=null;this.ADDITIONAL_FIELD="additional-field";this.RADIO_HORIZONTAL="horizontal";this.RADIO_VERTICAL="vertical";this.checkedValue="";this.selectedChild=-1;this.disabled=false;this.hideLabel=false;this.orientation="vertical";this.required=false;this.size="medium";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkOrientation()}));this.resizeObserver.observe(this.el)};this.handleKeyDown=t=>{const i=Array.from(this.el.querySelectorAll('ic-text-field[slot="additional-field"]'));const e=document.activeElement;if(i.length>0&&this.radioOptions.map((t=>o(t,this.ADDITIONAL_FIELD)))&&i.map((t=>t==e))){return}t.stopPropagation();switch(t.key){case"ArrowDown":case"ArrowRight":this.radioOptions[this.getNextItemToSelect(this.selectedChild,true)].click();t.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.radioOptions[this.getNextItemToSelect(this.selectedChild,false)].click();t.preventDefault()}};this.getNextItemToSelect=(t,i)=>{const e=this.radioOptions.length-1;if(t<1){t=0}let a=i?t+1:t-1;if(a<0){a=e}else if(a>e){a=0}if(this.radioOptions[a].disabled){a=this.getNextItemToSelect(a,i)}return a};this.addSlotChangeListener=()=>{var t;(t=this.radioContainer)===null||t===void 0?void 0:t.addEventListener("slotchange",this.setRadioOptions)};this.setFirstRadioOptionTabIndex=t=>{this.radioOptions[0].setTabIndex(t)};this.setRadioOptions=()=>{this.selectedChild=-1;this.checkedValue="";this.radioOptions=Array.from(this.el.children).filter((t=>t.tagName==="IC-RADIO-OPTION"));if(this.radioOptions.length>0){this.radioOptions.forEach(((t,i)=>{if(!t.selected){t.selected=this.checkedValue===t.value}t.name=this.name;t.groupLabel=this.label;if(t.selected){this.selectedChild=i;this.checkedValue=t.value}if(this.disabled){t.disabled=true}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0);if(this.initialOrientation===this.RADIO_HORIZONTAL&&this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}}}}watchDisabledHandler(t){this.radioOptions.forEach((i=>i.disabled=t));n(this.disabled,this.el)}orientationChangeHandler(){this.initialOrientation=this.orientation;this.checkOrientation()}watchThemeHandler(t){this.radioOptions.forEach((i=>i.theme=t))}disconnectedCallback(){var t,i;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.radioContainer)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setRadioOptions)}componentWillLoad(){n(this.disabled,this.el);this.orientationChangeHandler();this.currentOrientation=this.initialOrientation}componentDidLoad(){this.setRadioOptions();r(this.runResizeObserver);this.addSlotChangeListener();l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Radio Group");this.watchThemeHandler(this.theme)}selectHandler({detail:t,target:i}){var e;const a=i;if(a.parentElement===this.el){this.checkedValue=t.value;this.icChange.emit({value:this.checkedValue,selectedOption:{radio:a,textFieldValue:(e=a===null||a===void 0?void 0:a.querySelector("ic-text-field"))===null||e===void 0?void 0:e.value}});if(this.radioOptions!==undefined){this.radioOptions.forEach(((t,i)=>{t.selected=a===t;if(t.selected){this.selectedChild=i}}));this.setFirstRadioOptionTabIndex(this.selectedChild>0?-1:0)}}}changeHandler(){var t;const i=(t=this.radioOptions)===null||t===void 0?void 0:t.findIndex((t=>t.selected));if(i<0){this.setFirstRadioOptionTabIndex(0);this.selectedChild=i}}checkOrientation(){if(this.initialOrientation===this.RADIO_HORIZONTAL){let t=0;if(Array.isArray(this.radioOptions)&&this.radioOptions.length>0){this.radioOptions.forEach((({clientWidth:i},e,a)=>{t+=i;if(e<a.length-1)t+=40}))}else{t=0}if(this.initialOrientation==this.RADIO_HORIZONTAL){if(this.radioOptions!==undefined&&(this.radioOptions.length>2||this.radioOptions.length===2&&(o(this.radioOptions[0],this.ADDITIONAL_FIELD)||o(this.radioOptions[1],this.ADDITIONAL_FIELD)))){this.currentOrientation=this.RADIO_VERTICAL}else{if(this.radioContainer){if(t>=this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_VERTICAL}else if(t<this.radioContainer.clientWidth){this.currentOrientation=this.RADIO_HORIZONTAL}}}}}}render(){const{currentOrientation:t,disabled:i,handleKeyDown:s,helperText:o,hideLabel:n,label:r,required:l,size:d,validationAriaLive:c,validationStatus:p,validationText:b,theme:u}=this;const f=h(p,i);return e(a,{key:"df3176ecead3472c9cbc46f20b4398beb1cf0710",onKeyDown:s,class:{[`ic-radio-group-${d}`]:d!=="medium",[`ic-theme-${u}`]:u!=="inherit"}},e("fieldset",{key:"bc89a5a887cff0221456377608b0b9f74e2c8894",role:"radiogroup",id:this.name,"aria-required":`${l}`,"aria-label":n?r:undefined},!n&&e("legend",{key:"ede3e6b433073b9f2c6f60d0e2afc9afbe35aa42"},e("ic-input-label",{key:"f41072703bab305f871b367cd60df057649d8b74",class:{[`${p}`]:true,["disabled"]:!!i},label:r,helperText:o,required:l,disabled:i},e("slot",{key:"504993edffc8ed63fd178f7bfa3ff3852ff82e79",name:"helper-text",slot:"helper-text"}))),e("div",{key:"dd030383abd9de87d0c93301ad11859947ac1ae9",class:{"radio-buttons-container":true,horizontal:t===this.RADIO_HORIZONTAL},ref:t=>this.radioContainer=t},e("slot",{key:"d5294050d642a692b8e4f595b8ad07507d08a586"}))),e("ic-input-validation",{key:"25b17534a3a5058855938d6cf452cdd3bd5eb38c",class:{"show-validation":f},ariaLiveMode:c,status:f?p:"",message:f?b:""}))}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],orientation:["orientationChangeHandler"],theme:["watchThemeHandler"]}}};p.style=c;export{p as ic_radio_group};
|
|
2
|
+
//# sourceMappingURL=p-67048b2e.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["icRadioGroupCss","IcRadioGroupStyle0","RadioGroup","constructor","hostRef","this","resizeObserver","ADDITIONAL_FIELD","RADIO_HORIZONTAL","RADIO_VERTICAL","checkedValue","selectedChild","disabled","hideLabel","orientation","required","size","validationAriaLive","validationStatus","validationText","theme","runResizeObserver","ResizeObserver","checkOrientation","observe","el","handleKeyDown","event","additionalFields","Array","from","querySelectorAll","activeEl","document","activeElement","length","radioOptions","map","slotHasContent","stopPropagation","key","getNextItemToSelect","click","preventDefault","currentItem","movingDown","numRadios","nextItem","addSlotChangeListener","_a","radioContainer","addEventListener","setRadioOptions","setFirstRadioOptionTabIndex","value","setTabIndex","children","filter","tagName","forEach","radioOption","index","selected","name","groupLabel","label","initialOrientation","undefined","currentOrientation","watchDisabledHandler","newValue","removeDisabledFalse","orientationChangeHandler","watchThemeHandler","disconnectedCallback","disconnect","_b","removeEventListener","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","selectHandler","detail","target","selectedOption","parentElement","icChange","emit","radio","textFieldValue","querySelector","changeHandler","findIndex","totalWidth","isArray","clientWidth","i","arr","render","helperText","showValidation","hasValidationStatus","h","Host","onKeyDown","class","role","id","slot","horizontal","ref","ariaLiveMode","status","message"],"sources":["src/components/ic-radio-group/ic-radio-group.css?tag=ic-radio-group&encapsulation=shadow","src/components/ic-radio-group/ic-radio-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n\n --ic-input-label-text-color: var(--ic-radio-button-input-field-label);\n --ic-input-label-helper-text-color: var(\n --ic-radio-button-input-field-subtitle\n );\n --ic-input-validation-status-text-color: var(--ic-radio-button-state-text);\n --ic-input-validation-error: var(--ic-radio-button-state-icon-error);\n}\n\n:host ic-input-label.error {\n --ic-input-label-text-color: var(--ic-radio-button-input-field-label-error);\n}\n\n:host ic-input-label.disabled {\n --ic-input-label-text-color: var(\n --ic-radio-button-input-field-label-disabled\n );\n --ic-input-label-helper-text-color: var(\n --ic-radio-button-input-field-subtitle-disabled\n );\n}\n\n:host ic-input-validation.show-validation {\n margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-radio-group-small) ic-input-validation.show-validation {\n margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n:host(.ic-radio-group-large) ic-input-validation.show-validation {\n margin-top: var(--ic-space-md);\n}\n\n:host ic-input-label:not(.with-helper) .ic-typography-label,\n:host ic-input-label .helpertext {\n margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-radio-group-small)\n ic-input-label:not(.with-helper)\n .ic-typography-label,\n:host(.ic-radio-group-small) ic-input-label .helpertext {\n margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\n:host(.ic-radio-group-large)\n ic-input-label:not(.with-helper)\n .ic-typography-label,\n:host(.ic-radio-group-large) ic-input-label .helpertext {\n margin-bottom: var(--ic-space-md);\n}\n\n:host ic-input-label .helpertext {\n display: block;\n}\n\n:host .radio-buttons-container {\n display: flex;\n flex-direction: column;\n gap: var(--ic-space-xxs);\n}\n\n:host(.ic-radio-group-small) .radio-buttons-container {\n gap: var(--ic-space-xxxs);\n}\n\n:host(.ic-radio-group-large) .radio-buttons-container {\n gap: var(--ic-space-xs);\n}\n\n:host .radio-buttons-container.horizontal {\n display: flex;\n flex-direction: row;\n gap: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-radio-group-small) .radio-buttons-container.horizontal {\n gap: var(--ic-space-xl);\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Listen,\n Element,\n Event,\n EventEmitter,\n Watch,\n} from \"@stencil/core\";\nimport {\n hasValidationStatus,\n slotHasContent,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n checkResizeObserver,\n} from \"../../utils/helpers\";\nimport {\n IcAriaLive,\n IcInformationStatusOrEmpty,\n IcOrientation,\n IcSizes,\n IcThemeMode,\n IcValueEventDetail,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-radio-group.types\";\n\n/**\n * @slot helper-text - Content is set as the helper text for the radio group.\n */\n@Component({\n tag: \"ic-radio-group\",\n styleUrl: \"ic-radio-group.css\",\n shadow: true,\n})\nexport class RadioGroup {\n private radioContainer?: HTMLDivElement;\n private radioOptions: HTMLIcRadioOptionElement[];\n private resizeObserver: ResizeObserver | null = null;\n private ADDITIONAL_FIELD = \"additional-field\";\n private RADIO_HORIZONTAL: IcOrientation = \"horizontal\";\n private RADIO_VERTICAL: IcOrientation = \"vertical\";\n\n @Element() el: HTMLIcRadioGroupElement;\n\n @State() checkedValue: string = \"\";\n @State() currentOrientation: IcOrientation;\n @State() initialOrientation: IcOrientation;\n @State() selectedChild: number = -1;\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n\n @Watch(\"disabled\")\n watchDisabledHandler(newValue: boolean): void {\n this.radioOptions.forEach(\n (radioOption) => (radioOption.disabled = newValue)\n );\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * The helper text that will be displayed for additional field guidance.\n */\n @Prop() helperText?: string;\n\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n @Prop() hideLabel?: boolean = false;\n\n /**\n * The label for the radio group to be displayed.\n */\n @Prop() label!: string;\n\n /**\n * The name for the radio group to differentiate from other groups.\n */\n @Prop() name!: string;\n\n /**\n * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.\n */\n @Prop() orientation?: IcOrientation = \"vertical\";\n\n /**\n * If `true`, the radio group will require a value.\n */\n @Prop() required?: boolean = false;\n\n /**\n * The size of the radio group component.\n */\n @Prop() size?: IcSizes = \"medium\";\n\n /**\n * The value of the `aria-live` attribute on the validation message.\n */\n @Prop() validationAriaLive: IcAriaLive = \"polite\";\n\n /**\n * The validation status - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n /**\n * The text to display as the validation message.\n */\n @Prop() validationText: string = \"\";\n\n @Watch(\"orientation\")\n orientationChangeHandler(): void {\n this.initialOrientation = this.orientation!;\n this.checkOrientation();\n }\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n @Watch(\"theme\")\n watchThemeHandler(newValue: IcThemeMode): void {\n this.radioOptions.forEach((radioOption) => (radioOption.theme = newValue));\n }\n\n /**\n * Emitted when a user selects a radio.\n */\n @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n this.radioContainer?.removeEventListener(\n \"slotchange\",\n this.setRadioOptions\n );\n }\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.el);\n\n this.orientationChangeHandler();\n this.currentOrientation = this.initialOrientation;\n }\n\n componentDidLoad(): void {\n this.setRadioOptions();\n checkResizeObserver(this.runResizeObserver);\n this.addSlotChangeListener();\n\n onComponentRequiredPropUndefined(\n [\n { prop: this.label, propName: \"label\" },\n { prop: this.name, propName: \"name\" },\n ],\n \"Radio Group\"\n );\n\n this.watchThemeHandler(this.theme!);\n }\n\n @Listen(\"icCheck\")\n selectHandler({ detail, target }: CustomEvent<IcValueEventDetail>): void {\n const selectedOption = target as HTMLIcRadioOptionElement;\n if (selectedOption.parentElement === this.el) {\n this.checkedValue = detail.value as string;\n this.icChange.emit({\n value: this.checkedValue,\n selectedOption: {\n radio: selectedOption,\n textFieldValue: selectedOption?.querySelector(\"ic-text-field\")?.value,\n },\n });\n\n if (this.radioOptions !== undefined) {\n this.radioOptions.forEach((radioOption, index) => {\n radioOption.selected = selectedOption === radioOption;\n if (radioOption.selected) {\n this.selectedChild = index;\n }\n });\n this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);\n }\n }\n }\n\n @Listen(\"icSelectedChange\")\n changeHandler(): void {\n const selectedOption = this.radioOptions?.findIndex(\n (radioOption) => radioOption.selected\n );\n if (selectedOption < 0) {\n this.setFirstRadioOptionTabIndex(0);\n this.selectedChild = selectedOption;\n }\n }\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.checkOrientation();\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n private checkOrientation() {\n if (this.initialOrientation === this.RADIO_HORIZONTAL) {\n let totalWidth = 0;\n if (Array.isArray(this.radioOptions) && this.radioOptions.length > 0) {\n this.radioOptions.forEach(({ clientWidth }, i, arr) => {\n totalWidth += clientWidth;\n if (i < arr.length - 1) totalWidth += 40;\n });\n } else {\n totalWidth = 0;\n }\n\n if (this.initialOrientation == this.RADIO_HORIZONTAL) {\n if (\n this.radioOptions !== undefined &&\n (this.radioOptions.length > 2 ||\n (this.radioOptions.length === 2 &&\n (slotHasContent(this.radioOptions[0], this.ADDITIONAL_FIELD) ||\n slotHasContent(this.radioOptions[1], this.ADDITIONAL_FIELD))))\n ) {\n this.currentOrientation = this.RADIO_VERTICAL;\n } else {\n if (this.radioContainer) {\n if (totalWidth >= this.radioContainer.clientWidth) {\n this.currentOrientation = this.RADIO_VERTICAL;\n } else if (totalWidth < this.radioContainer.clientWidth) {\n this.currentOrientation = this.RADIO_HORIZONTAL;\n }\n }\n }\n }\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n const additionalFields = Array.from(\n this.el.querySelectorAll<HTMLElement>(\n 'ic-text-field[slot=\"additional-field\"]'\n )\n );\n const activeEl = document.activeElement;\n if (\n additionalFields.length > 0 &&\n this.radioOptions.map((el) =>\n slotHasContent(el, this.ADDITIONAL_FIELD)\n ) &&\n additionalFields.map((el) => el == activeEl)\n ) {\n return;\n }\n\n event.stopPropagation();\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, true)\n ].click();\n event.preventDefault();\n break;\n case \"ArrowUp\":\n case \"ArrowLeft\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, false)\n ].click();\n event.preventDefault();\n }\n };\n\n private getNextItemToSelect = (\n currentItem: number,\n movingDown: boolean\n ): number => {\n const numRadios = this.radioOptions.length - 1;\n\n if (currentItem < 1) {\n currentItem = 0;\n }\n\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n //check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numRadios;\n } else if (nextItem > numRadios) {\n nextItem = 0;\n }\n\n //if next item is disabled then find next\n if (this.radioOptions[nextItem].disabled) {\n nextItem = this.getNextItemToSelect(nextItem, movingDown);\n }\n\n return nextItem;\n };\n\n private addSlotChangeListener = () => {\n this.radioContainer?.addEventListener(\"slotchange\", this.setRadioOptions);\n };\n\n private setFirstRadioOptionTabIndex = (value: number) => {\n this.radioOptions[0].setTabIndex(value);\n };\n\n private setRadioOptions = () => {\n this.selectedChild = -1;\n this.checkedValue = \"\";\n this.radioOptions = Array.from(this.el.children).filter(\n (el) => el.tagName === \"IC-RADIO-OPTION\"\n ) as HTMLIcRadioOptionElement[];\n if (this.radioOptions.length > 0) {\n this.radioOptions.forEach((radioOption, index) => {\n if (!radioOption.selected) {\n radioOption.selected = this.checkedValue === radioOption.value;\n }\n radioOption.name = this.name;\n radioOption.groupLabel = this.label;\n if (radioOption.selected) {\n this.selectedChild = index;\n this.checkedValue = radioOption.value;\n }\n if (this.disabled) {\n radioOption.disabled = true;\n }\n });\n this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);\n\n if (\n this.initialOrientation === this.RADIO_HORIZONTAL &&\n this.radioOptions !== undefined &&\n (this.radioOptions.length > 2 ||\n (this.radioOptions.length === 2 &&\n (slotHasContent(this.radioOptions[0], this.ADDITIONAL_FIELD) ||\n slotHasContent(this.radioOptions[1], this.ADDITIONAL_FIELD))))\n ) {\n this.currentOrientation = this.RADIO_VERTICAL;\n }\n }\n };\n\n render() {\n const {\n currentOrientation,\n disabled,\n handleKeyDown,\n helperText,\n hideLabel,\n label,\n required,\n size,\n validationAriaLive,\n validationStatus,\n validationText,\n theme,\n } = this;\n\n const showValidation = hasValidationStatus(validationStatus, disabled);\n\n return (\n <Host\n onKeyDown={handleKeyDown}\n class={{\n [`ic-radio-group-${size}`]: size !== \"medium\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <fieldset\n role=\"radiogroup\"\n id={this.name}\n aria-required={`${required}`}\n >\n {!hideLabel && (\n <legend>\n <ic-input-label\n class={{\n [`${validationStatus}`]: true,\n [\"disabled\"]: !!disabled,\n }}\n label={label}\n helperText={helperText}\n required={required}\n disabled={disabled}\n >\n <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n </ic-input-label>\n </legend>\n )}\n <div\n class={{\n \"radio-buttons-container\": true,\n horizontal: currentOrientation === this.RADIO_HORIZONTAL,\n }}\n ref={(el) => (this.radioContainer = el)}\n >\n <slot></slot>\n </div>\n </fieldset>\n <ic-input-validation\n class={{\n \"show-validation\": showValidation,\n }}\n ariaLiveMode={validationAriaLive}\n status={showValidation ? validationStatus : \"\"}\n message={showValidation ? validationText : \"\"}\n ></ic-input-validation>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["icRadioGroupCss","IcRadioGroupStyle0","RadioGroup","constructor","hostRef","this","resizeObserver","ADDITIONAL_FIELD","RADIO_HORIZONTAL","RADIO_VERTICAL","checkedValue","selectedChild","disabled","hideLabel","orientation","required","size","validationAriaLive","validationStatus","validationText","theme","runResizeObserver","ResizeObserver","checkOrientation","observe","el","handleKeyDown","event","additionalFields","Array","from","querySelectorAll","activeEl","document","activeElement","length","radioOptions","map","slotHasContent","stopPropagation","key","getNextItemToSelect","click","preventDefault","currentItem","movingDown","numRadios","nextItem","addSlotChangeListener","_a","radioContainer","addEventListener","setRadioOptions","setFirstRadioOptionTabIndex","value","setTabIndex","children","filter","tagName","forEach","radioOption","index","selected","name","groupLabel","label","initialOrientation","undefined","currentOrientation","watchDisabledHandler","newValue","removeDisabledFalse","orientationChangeHandler","watchThemeHandler","disconnectedCallback","disconnect","_b","removeEventListener","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","propName","selectHandler","detail","target","selectedOption","parentElement","icChange","emit","radio","textFieldValue","querySelector","changeHandler","findIndex","totalWidth","isArray","clientWidth","i","arr","render","helperText","showValidation","hasValidationStatus","h","Host","onKeyDown","class","role","id","slot","horizontal","ref","ariaLiveMode","status","message"],"sources":["src/components/ic-radio-group/ic-radio-group.css?tag=ic-radio-group&encapsulation=shadow","src/components/ic-radio-group/ic-radio-group.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n display: block;\n\n --ic-input-label-text-color: var(--ic-radio-button-input-field-label);\n --ic-input-label-helper-text-color: var(\n --ic-radio-button-input-field-subtitle\n );\n --ic-input-validation-status-text-color: var(--ic-radio-button-state-text);\n --ic-input-validation-error: var(--ic-radio-button-state-icon-error);\n}\n\n:host ic-input-label.error {\n --ic-input-label-text-color: var(--ic-radio-button-input-field-label-error);\n}\n\n:host ic-input-label.disabled {\n --ic-input-label-text-color: var(\n --ic-radio-button-input-field-label-disabled\n );\n --ic-input-label-helper-text-color: var(\n --ic-radio-button-input-field-subtitle-disabled\n );\n}\n\n:host ic-input-validation.show-validation {\n margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-radio-group-small) ic-input-validation.show-validation {\n margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n:host(.ic-radio-group-large) ic-input-validation.show-validation {\n margin-top: var(--ic-space-md);\n}\n\n:host ic-input-label:not(.with-helper) .ic-typography-label,\n:host ic-input-label .helpertext {\n margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-radio-group-small)\n ic-input-label:not(.with-helper)\n .ic-typography-label,\n:host(.ic-radio-group-small) ic-input-label .helpertext {\n margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\n:host(.ic-radio-group-large)\n ic-input-label:not(.with-helper)\n .ic-typography-label,\n:host(.ic-radio-group-large) ic-input-label .helpertext {\n margin-bottom: var(--ic-space-md);\n}\n\n:host ic-input-label .helpertext {\n display: block;\n}\n\n:host .radio-buttons-container {\n display: flex;\n flex-direction: column;\n gap: var(--ic-space-xxs);\n}\n\n:host(.ic-radio-group-small) .radio-buttons-container {\n gap: var(--ic-space-xxxs);\n}\n\n:host(.ic-radio-group-large) .radio-buttons-container {\n gap: var(--ic-space-xs);\n}\n\n:host .radio-buttons-container.horizontal {\n display: flex;\n flex-direction: row;\n gap: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-radio-group-small) .radio-buttons-container.horizontal {\n gap: var(--ic-space-xl);\n}\n","import {\n Component,\n Host,\n h,\n Prop,\n State,\n Listen,\n Element,\n Event,\n EventEmitter,\n Watch,\n} from \"@stencil/core\";\nimport {\n hasValidationStatus,\n slotHasContent,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n checkResizeObserver,\n} from \"../../utils/helpers\";\nimport {\n IcAriaLive,\n IcInformationStatusOrEmpty,\n IcOrientation,\n IcSizes,\n IcThemeMode,\n IcValueEventDetail,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-radio-group.types\";\n\n/**\n * @slot helper-text - Content is set as the helper text for the radio group.\n */\n@Component({\n tag: \"ic-radio-group\",\n styleUrl: \"ic-radio-group.css\",\n shadow: true,\n})\nexport class RadioGroup {\n private radioContainer?: HTMLDivElement;\n private radioOptions: HTMLIcRadioOptionElement[];\n private resizeObserver: ResizeObserver | null = null;\n private ADDITIONAL_FIELD = \"additional-field\";\n private RADIO_HORIZONTAL: IcOrientation = \"horizontal\";\n private RADIO_VERTICAL: IcOrientation = \"vertical\";\n\n @Element() el: HTMLIcRadioGroupElement;\n\n @State() checkedValue: string = \"\";\n @State() currentOrientation: IcOrientation;\n @State() initialOrientation: IcOrientation;\n @State() selectedChild: number = -1;\n\n /**\n * If `true`, the disabled state will be set.\n */\n @Prop() disabled?: boolean = false;\n\n @Watch(\"disabled\")\n watchDisabledHandler(newValue: boolean): void {\n this.radioOptions.forEach(\n (radioOption) => (radioOption.disabled = newValue)\n );\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * The helper text that will be displayed for additional field guidance.\n */\n @Prop() helperText?: string;\n\n /**\n * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n */\n @Prop() hideLabel?: boolean = false;\n\n /**\n * The label for the radio group to be displayed.\n */\n @Prop() label!: string;\n\n /**\n * The name for the radio group to differentiate from other groups.\n */\n @Prop() name!: string;\n\n /**\n * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.\n */\n @Prop() orientation?: IcOrientation = \"vertical\";\n\n /**\n * If `true`, the radio group will require a value.\n */\n @Prop() required?: boolean = false;\n\n /**\n * The size of the radio group component.\n */\n @Prop() size?: IcSizes = \"medium\";\n\n /**\n * The value of the `aria-live` attribute on the validation message.\n */\n @Prop() validationAriaLive: IcAriaLive = \"polite\";\n\n /**\n * The validation status - e.g. 'error' | 'warning' | 'success'.\n */\n @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n /**\n * The text to display as the validation message.\n */\n @Prop() validationText: string = \"\";\n\n @Watch(\"orientation\")\n orientationChangeHandler(): void {\n this.initialOrientation = this.orientation!;\n this.checkOrientation();\n }\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n @Watch(\"theme\")\n watchThemeHandler(newValue: IcThemeMode): void {\n this.radioOptions.forEach((radioOption) => (radioOption.theme = newValue));\n }\n\n /**\n * Emitted when a user selects a radio.\n */\n @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n this.radioContainer?.removeEventListener(\n \"slotchange\",\n this.setRadioOptions\n );\n }\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.el);\n\n this.orientationChangeHandler();\n this.currentOrientation = this.initialOrientation;\n }\n\n componentDidLoad(): void {\n this.setRadioOptions();\n checkResizeObserver(this.runResizeObserver);\n this.addSlotChangeListener();\n\n onComponentRequiredPropUndefined(\n [\n { prop: this.label, propName: \"label\" },\n { prop: this.name, propName: \"name\" },\n ],\n \"Radio Group\"\n );\n\n this.watchThemeHandler(this.theme!);\n }\n\n @Listen(\"icCheck\")\n selectHandler({ detail, target }: CustomEvent<IcValueEventDetail>): void {\n const selectedOption = target as HTMLIcRadioOptionElement;\n if (selectedOption.parentElement === this.el) {\n this.checkedValue = detail.value as string;\n this.icChange.emit({\n value: this.checkedValue,\n selectedOption: {\n radio: selectedOption,\n textFieldValue: selectedOption?.querySelector(\"ic-text-field\")?.value,\n },\n });\n\n if (this.radioOptions !== undefined) {\n this.radioOptions.forEach((radioOption, index) => {\n radioOption.selected = selectedOption === radioOption;\n if (radioOption.selected) {\n this.selectedChild = index;\n }\n });\n this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);\n }\n }\n }\n\n @Listen(\"icSelectedChange\")\n changeHandler(): void {\n const selectedOption = this.radioOptions?.findIndex(\n (radioOption) => radioOption.selected\n );\n if (selectedOption < 0) {\n this.setFirstRadioOptionTabIndex(0);\n this.selectedChild = selectedOption;\n }\n }\n\n private runResizeObserver = () => {\n this.resizeObserver = new ResizeObserver(() => {\n this.checkOrientation();\n });\n\n this.resizeObserver.observe(this.el);\n };\n\n private checkOrientation() {\n if (this.initialOrientation === this.RADIO_HORIZONTAL) {\n let totalWidth = 0;\n if (Array.isArray(this.radioOptions) && this.radioOptions.length > 0) {\n this.radioOptions.forEach(({ clientWidth }, i, arr) => {\n totalWidth += clientWidth;\n if (i < arr.length - 1) totalWidth += 40;\n });\n } else {\n totalWidth = 0;\n }\n\n if (this.initialOrientation == this.RADIO_HORIZONTAL) {\n if (\n this.radioOptions !== undefined &&\n (this.radioOptions.length > 2 ||\n (this.radioOptions.length === 2 &&\n (slotHasContent(this.radioOptions[0], this.ADDITIONAL_FIELD) ||\n slotHasContent(this.radioOptions[1], this.ADDITIONAL_FIELD))))\n ) {\n this.currentOrientation = this.RADIO_VERTICAL;\n } else {\n if (this.radioContainer) {\n if (totalWidth >= this.radioContainer.clientWidth) {\n this.currentOrientation = this.RADIO_VERTICAL;\n } else if (totalWidth < this.radioContainer.clientWidth) {\n this.currentOrientation = this.RADIO_HORIZONTAL;\n }\n }\n }\n }\n }\n }\n\n private handleKeyDown = (event: KeyboardEvent): void => {\n const additionalFields = Array.from(\n this.el.querySelectorAll<HTMLElement>(\n 'ic-text-field[slot=\"additional-field\"]'\n )\n );\n const activeEl = document.activeElement;\n if (\n additionalFields.length > 0 &&\n this.radioOptions.map((el) =>\n slotHasContent(el, this.ADDITIONAL_FIELD)\n ) &&\n additionalFields.map((el) => el == activeEl)\n ) {\n return;\n }\n\n event.stopPropagation();\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, true)\n ].click();\n event.preventDefault();\n break;\n case \"ArrowUp\":\n case \"ArrowLeft\":\n this.radioOptions[\n this.getNextItemToSelect(this.selectedChild, false)\n ].click();\n event.preventDefault();\n }\n };\n\n private getNextItemToSelect = (\n currentItem: number,\n movingDown: boolean\n ): number => {\n const numRadios = this.radioOptions.length - 1;\n\n if (currentItem < 1) {\n currentItem = 0;\n }\n\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n //check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numRadios;\n } else if (nextItem > numRadios) {\n nextItem = 0;\n }\n\n //if next item is disabled then find next\n if (this.radioOptions[nextItem].disabled) {\n nextItem = this.getNextItemToSelect(nextItem, movingDown);\n }\n\n return nextItem;\n };\n\n private addSlotChangeListener = () => {\n this.radioContainer?.addEventListener(\"slotchange\", this.setRadioOptions);\n };\n\n private setFirstRadioOptionTabIndex = (value: number) => {\n this.radioOptions[0].setTabIndex(value);\n };\n\n private setRadioOptions = () => {\n this.selectedChild = -1;\n this.checkedValue = \"\";\n this.radioOptions = Array.from(this.el.children).filter(\n (el) => el.tagName === \"IC-RADIO-OPTION\"\n ) as HTMLIcRadioOptionElement[];\n if (this.radioOptions.length > 0) {\n this.radioOptions.forEach((radioOption, index) => {\n if (!radioOption.selected) {\n radioOption.selected = this.checkedValue === radioOption.value;\n }\n radioOption.name = this.name;\n radioOption.groupLabel = this.label;\n if (radioOption.selected) {\n this.selectedChild = index;\n this.checkedValue = radioOption.value;\n }\n if (this.disabled) {\n radioOption.disabled = true;\n }\n });\n this.setFirstRadioOptionTabIndex(this.selectedChild > 0 ? -1 : 0);\n\n if (\n this.initialOrientation === this.RADIO_HORIZONTAL &&\n this.radioOptions !== undefined &&\n (this.radioOptions.length > 2 ||\n (this.radioOptions.length === 2 &&\n (slotHasContent(this.radioOptions[0], this.ADDITIONAL_FIELD) ||\n slotHasContent(this.radioOptions[1], this.ADDITIONAL_FIELD))))\n ) {\n this.currentOrientation = this.RADIO_VERTICAL;\n }\n }\n };\n\n render() {\n const {\n currentOrientation,\n disabled,\n handleKeyDown,\n helperText,\n hideLabel,\n label,\n required,\n size,\n validationAriaLive,\n validationStatus,\n validationText,\n theme,\n } = this;\n\n const showValidation = hasValidationStatus(validationStatus, disabled);\n\n return (\n <Host\n onKeyDown={handleKeyDown}\n class={{\n [`ic-radio-group-${size}`]: size !== \"medium\",\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n >\n <fieldset\n role=\"radiogroup\"\n id={this.name}\n aria-required={`${required}`}\n aria-label={hideLabel ? label : undefined}\n >\n {!hideLabel && (\n <legend>\n <ic-input-label\n class={{\n [`${validationStatus}`]: true,\n [\"disabled\"]: !!disabled,\n }}\n label={label}\n helperText={helperText}\n required={required}\n disabled={disabled}\n >\n <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n </ic-input-label>\n </legend>\n )}\n <div\n class={{\n \"radio-buttons-container\": true,\n horizontal: currentOrientation === this.RADIO_HORIZONTAL,\n }}\n ref={(el) => (this.radioContainer = el)}\n >\n <slot></slot>\n </div>\n </fieldset>\n <ic-input-validation\n class={{\n \"show-validation\": showValidation,\n }}\n ariaLiveMode={validationAriaLive}\n status={showValidation ? validationStatus : \"\"}\n message={showValidation ? validationText : \"\"}\n ></ic-input-validation>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,h as i,H as o,g as n}from"./p-8e4e97b4.js";import{e as s,r,o as a,i as c}from"./p-eeb8d98a.js";import{C as u}from"./p-c2e091d7.js";import{C as l}from"./p-3b185c32.js";import"./p-6215e2ae.js";const m='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(.ic-menu-item-variant-destructive) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host(.ic-menu-item-variant-destructive) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus{box-shadow:none}:host ::part(button):focus-visible{outline:none}:host ::part(button):focus,:host ::part(button):focus-visible{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:var(--ic-popover-menu-item-label-focused);background-color:var(--ic-popover-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(:not(.ic-menu-item-disabled)) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host(:not(.ic-menu-item-disabled).ic-menu-item-variant-destructive) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host(.ic-menu-item-variant-destructive) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}:host(:not(.ic-menu-item-disabled)) ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}:host(:not(.ic-menu-item-disabled)) ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}:host(:not(.ic-menu-item-disabled)) ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host(:not(.ic-menu-item-disabled).ic-menu-item-variant-destructive) ic-button:active .menu-item-label{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const p=m;const d=class{constructor(i){e(this,i);this.childBlur=t(this,"childBlur",7);this.handleMenuItemClick=t(this,"handleMenuItemClick",7);this.icToggleChecked=t(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=t(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.closeMenuOnSelect=true;this.handleClick=e=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){e.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let e=this.label;if(s(this.description)){e=`${e}, ${this.description}`}if(s(this.keyboardShortcutLabel)){e=`${e}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){e=`${e}, destructive`}if(s(this.submenuTriggerFor)){e=`${e}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){e="Go back to parent menu"}const t=this.el.parentElement;if(t&&t.tagName==="IC-MENU-GROUP"&&t.label){return`${e}, ${t.label} menu group`}else{return e}}}watchDisabledHandler(){r(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}r(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}render(){const e=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled,[`ic-menu-item-variant-${this.variant}`]:this.variant!==undefined}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(e,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=p;export{d as ic_menu_item};
|
|
2
|
+
//# sourceMappingURL=p-756b4cb3.entry.js.map
|