npm - @ukic/canary-web-components - Versions diffs - 3.0.0-canary.33 → 3.0.0-canary.35 - Mend

@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

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.

Files changed (946) hide show

package/dist/core/p-da2a9ddc.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["icNavigationItemCss","IcNavigationItemStyle0","NavigationItem","constructor","hostRef","this","isInitialRender","hostMutationObserver","ANIMATION_DURATION","parseInt","getCssProperty","ARIA_LABEL_STRING","isInSideNav","deviceSize","DEVICE_SIZES","XL","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavMobile","isTopNavChild","sideNavExpanded","ariaLabel","collapsedIconLabel","displayNavigationTooltip","download","expandable","href","selected","theme","displayDefaultNavigationItem","label","hreflang","target","rel","referrerpolicy","variant","ChevronIconComponent","h","class","svg","innerHTML","chevronIcon","slottedBadgeEl","el","querySelector","BadgeComponent","name","IconComponent","referrerPolicy","ref","itemEl","part","OpenInNew","tabindex","topNavResizedHandler","detail","size","_a","parentEl","customMobileBreakpoint","L","sideNavExpandHandler","sideNavMobile","sideNavToggleTooltip","handleBlur","relatedTarget","tagName","childBlur","emit","handleClick","navItemClicked","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","forceUpdate","generateTooltipLabel","navigationSlot","textContent","children","renderNavigationItemContent","showTooltip","tooltip","shadowRoot","collapsedClass","timer","displayTooltip","setTimeout","classList","add","clearTimeout","remove","navigationTypeChangeHandler","navigationType","disconnectedCallback","removeEventListener","_b","_c","disconnect","componentWillLoad","navType","parent","getNavItemParentDetails","getCurrentDeviceSize","contains","addEventListener","_d","_e","parentElement","_f","trim","hasAttribute","componentDidLoad","MutationObserver","observe","attributes","componentDidUpdate","brandChangeHandler","mode","setFocus","focus","render","isTopNavChildDesktop","Host","key","onBlur","onClick","role","placement"],"sources":["../web-components/src/components/ic-navigation-item/ic-navigation-item.css?tag=ic-navigation-item&encapsulation=shadow","../web-components/src/components/ic-navigation-item/ic-navigation-item.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-navigation-item: z-index of navigation item\n */\n\n:host {\n display: block;\n\n --navigation-link-colour: var(--ic-brand-text-color);\n}\n\n:host(:focus-within) {\n z-index: var(--ic-z-index-navigation-item);\n}\n\n/* chevron */\nsvg {\n width: var(--ic-space-xl);\n fill: var(--ic-brand-text-color);\n}\n\n.svg {\n margin-left: auto;\n}\n\n.chevron-container svg,\n.chevron-container .svg {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n}\n\n.chevron-container {\n flex-grow: 1;\n}\n\n:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a) {\n padding-right: 0;\n}\n\n:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a) {\n height: calc(100% - var(--ic-space-xxs));\n width: fit-content;\n color: var(--navigation-link-colour);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 var(--ic-space-md) var(--ic-space-xxs);\n text-decoration: none;\n transition: var(--ic-easing-transition-fast);\n position: relative;\n white-space: nowrap;\n\n --ic-typography-color: var(--navigation-link-colour);\n}\n\n:host(.navigation-item) ::slotted(a) {\n height: 100%;\n font: var(--ic-font-label) !important;\n letter-spacing: var(--ic-font-letter-spacing-0pt025) !important;\n padding: 0 var(--ic-space-md) !important;\n}\n\n:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after {\n content: \"\";\n height: 0.25rem;\n width: 100%;\n position: absolute;\n bottom: 0;\n background-color: var(--ic-top-navigation-theme);\n}\n\n:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after {\n content: none;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n box-shadow: none;\n}\n\n:host(.navigation-item) .link:hover:not(:focus) {\n background-color: var(--ic-brand-hover);\n cursor: pointer;\n}\n\n:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu, .navigation-item-top-nav-child))\n ::slotted(a:hover:not(:focus)),\n:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus) {\n background-color: var(--ic-brand-hover) !important;\n}\n\n:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected))\n .focus-indicator:focus-within {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus) {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n outline: var(--ic-hc-focus-outline);\n outline-offset: calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2));\n}\n\n:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus) {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n outline: var(--ic-hc-focus-outline);\n outline-offset: calc(-1 * (var(--ic-space-xxxs) + var(--ic-space-1px) / 2));\n}\n\n:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus)) {\n background-color: var(--ic-brand-active);\n}\n\n:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a) {\n min-height: 2.5rem;\n height: auto;\n width: 100%;\n box-sizing: border-box;\n color: var(--ic-top-navigation-nav-item);\n\n --ic-typography-color: var(--ic-top-navigation-nav-item);\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n text-decoration: none;\n text-wrap: wrap;\n white-space: normal;\n transition: box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(svg),\n:host(.navigation-item-side-menu) ::slotted(svg),\n:host(.navigation-item-page-header) ::slotted(svg) {\n fill: var(--ic-color-text-primary);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a) {\n font: var(--ic-font-body) !important;\n letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n transition: box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);\n}\n\n:host(.navigation-item-side-menu) .link:hover:not(:focus) {\n background-color: var(--ic-top-navigation-nav-item-hover);\n}\n\n:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)) {\n background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-side-menu) .focus-indicator:focus-within {\n box-shadow: none;\n}\n\n:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus) {\n box-shadow: var(--ic-border-focus-inset) !important;\n width: auto;\n border-radius: var(--ic-border-radius-inset) !important;\n}\n\n:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a) {\n transition: box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n margin-left: var(--ic-space-xs) !important;\n padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n height: 2.5rem;\n width: calc(100% - var(--ic-space-xl));\n min-width: 9.063rem;\n color: var(--ic-top-navigation-nav-item);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: 0 var(--ic-space-md) !important;\n text-decoration: none;\n position: relative;\n transition: box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow);\n\n --ic-typography-color: var(--ic-color-text-primary);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a) {\n font: var(--ic-font-body) !important;\n letter-spacing: var(--ic-font-letter-spacing-0pt005) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:hover:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:hover:not(:focus)) {\n background-color: var(--ic-top-navigation-nav-item-hover) !important;\n}\n\n:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus) {\n z-index: 1;\n outline: var(--ic-hc-focus-outline);\n border-radius: var(--ic-border-radius-inset);\n box-shadow: var(--ic-border-focus-inset);\n transition: border-radius 0s, box-shadow var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus) {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n}\n\n:host(.navigation-item-side-menu) .link:active:not(:focus) {\n background-color: var(--ic-top-navigation-nav-item-pressed);\n}\n\n:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)) {\n outline: var(--ic-hc-focus-outline);\n background-color: var(--ic-top-navigation-nav-item-pressed);\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a:active:not(:focus)),\n:host(.navigation-item-side-menu) ::slotted(a:active:not(:focus)) {\n background-color: var(--ic-top-navigation-nav-item-pressed) !important;\n}\n\n:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active) {\n font-weight: 700 !important;\n}\n\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n content: \"\";\n position: absolute;\n left: 0;\n width: var(--ic-space-xs);\n height: inherit;\n min-height: 2.5rem;\n background-color: var(--ic-top-navigation-nav-item-banner);\n transition: left 0s;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before {\n margin-top: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus {\n margin-left: var(--ic-space-xs);\n margin-right: calc(-1 * var(--ic-space-xs));\n padding-left: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-top-nav-child-selected) .link:focus::before {\n left: calc(-1 * var(--ic-space-xs));\n z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before {\n z-index: 1;\n}\n\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before {\n left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-side-menu-selected) .link::after {\n display: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .link {\n height: 100%;\n}\n\n:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg) {\n margin: auto;\n pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n align-items: center;\n padding: 0;\n margin: auto 0;\n width: fit-content;\n pointer-events: none;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n text-align: center;\n}\n\n:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a) {\n display: flex;\n flex-direction: column;\n height: fit-content;\n padding: var(--ic-space-xs) !important;\n gap: var(--ic-space-xxs);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a) {\n height: auto !important;\n gap: 0;\n width: auto;\n padding: var(--ic-space-xs) !important;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a) {\n display: block;\n text-align: center;\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography {\n opacity: 1;\n min-width: min-content;\n}\n\n:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg {\n display: none;\n}\n\n::slotted(svg) {\n fill: var(--ic-brand-text-color);\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-left: var(--ic-space-md);\n}\n\n.icon {\n height: 1.5rem;\n width: var(--ic-space-xxl);\n margin-left: calc(-1 * var(--ic-space-md));\n flex: 0 1 0%;\n position: relative;\n}\n\n.icon > ::slotted(*) {\n margin-left: var(--ic-space-md) !important;\n margin-right: var(--ic-space-xs);\n}\n\n.inline-badge {\n margin-left: var(--ic-space-xs);\n}\n\n.badge {\n margin-left: 0;\n}\n\n:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*) {\n margin: auto !important;\n}\n\n:host(.navigation-item-side-nav) .icon > ::slotted(*) {\n margin-right: 0;\n}\n\n:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a) {\n height: var(--navigation-item-height, 4rem);\n min-height: var(--navigation-item-min-height);\n width: var(--navigation-item-width, auto);\n justify-content: var(--navigation-item-justify-content);\n display: flex;\n gap: var(--ic-space-xs);\n box-sizing: border-box;\n color: var(--navigation-item-child-color) !important;\n text-decoration: none !important;\n white-space: nowrap;\n padding: 0 var(--ic-space-md);\n text-wrap: wrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a) {\n height: var(--navigation-item-child-height);\n width: var(--navigation-group-width);\n color: var(--navigation-item-child-color) !important;\n display: flex;\n gap: 0.625rem;\n box-sizing: border-box;\n min-width: 0;\n transition: box-shadow var(--ic-easing-transition-fast);\n text-decoration: none !important;\n white-space: nowrap;\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus) {\n box-shadow: var(--ic-border-focus-dark);\n}\n\n:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active {\n background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active) {\n background-color: var(--navigation-item-child-active);\n}\n\n:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n:host(.navigation-item-side-nav) div.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n div.link\n ic-typography,\n.navigation-item-side-nav-slotted-text {\n opacity: var(--navigation-item-label-opacity);\n transition: opacity var(--ic-easing-transition-slow);\n white-space: wrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active) {\n box-shadow: inset 0.313rem 0 0 var(--ic-brand-text-color);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before {\n content: \"\";\n display: block;\n position: absolute;\n inset: 0 0 0 0.313rem;\n border-radius: 0.688rem !important;\n transition: var(--ic-easing-transition-slow);\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before {\n box-shadow: var(--ic-border-focus-inset);\n}\n\n:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link {\n opacity: var(--navigation-item-label-opacity);\n height: auto;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a) {\n min-width: var(--navigation-group-item-min-width);\n padding: var(--ic-space-xs) !important;\n height: auto;\n gap: 0;\n}\n\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a) {\n display: block;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after {\n display: none;\n}\n\n:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus) {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n background-color: transparent;\n}\n\n:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus) {\n margin: 0 auto;\n box-shadow: inset 0.313rem 0 0 var(--ic-brand-text-color);\n border-radius: 0;\n}\n\n:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a) {\n height: 2.5rem !important;\n color: var(--ic-color-text-primary) !important;\n transition: all var(--ic-easing-transition-fast) !important;\n box-shadow: rgba(23 89 188 / 0%) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after {\n content: \" \" !important;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: var(--ic-space-xxs);\n background-color: var(--ic-action-default) !important;\n}\n\n:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus) {\n background-color: var(--ic-action-default-bg-hover) !important;\n cursor: pointer;\n}\n\n:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus) {\n box-shadow: var(--ic-border-focus);\n}\n\n:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active) {\n background-color: var(--ic-action-default-bg-pressed) !important;\n}\n\n:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after {\n border-bottom-left-radius: var(--ic-border-radius);\n border-bottom-right-radius: var(--ic-border-radius);\n}\n\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active) {\n transition: all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast);\n}\n\n:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before {\n display: none;\n}\n\n.open-in-new-icon {\n flex: 1;\n}\n\n.open-in-new-icon svg {\n margin-top: var(--ic-space-xxs);\n padding-left: var(--ic-space-xs);\n}\n\n:host(.navigation-item-side-nav) .open-in-new-icon {\n margin-left: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg {\n height: 0.875rem;\n width: 0.875rem;\n}\n\n:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n}\n\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg {\n fill: var(--ic-color-text-primary);\n}\n\n@media (forced-colors: active) {\n .open-in-new-icon svg {\n fill: currentcolor;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n Listen,\n Method,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from \"@stencil/core\";\n\nimport {\n DEVICE_SIZES,\n getCssProperty,\n getCurrentDeviceSize,\n getBrandForegroundAppearance,\n getNavItemParentDetails,\n} from \"../../utils/helpers\";\nimport {\n IcNavType,\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundNoDefault,\n IcThemeMode,\n} from \"../../utils/types\";\n\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { IcExpandedDetail } from \"../ic-side-navigation/ic-side-navigation.types\";\n\n/**\n * @part link - The `<a>` within ic-navigation-item\n * @slot badge - Badge component overlaying the top right of the icon.\n * @slot icon - Content will be displayed to the left of the label for expanded navigation items, and in replacement of the label for collapsed navigation items.\n */\n\n@Component({\n tag: \"ic-navigation-item\",\n styleUrl: \"ic-navigation-item.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class NavigationItem {\n private navigationSlot: HTMLElement | null;\n private isInitialRender = true;\n private itemEl?: HTMLElement;\n private hostMutationObserver: MutationObserver | null = null;\n private ANIMATION_DURATION =\n parseInt(getCssProperty(\"--ic-transition-duration-slow\")) || 0;\n private ARIA_LABEL_STRING = \"aria-label\";\n private isInSideNav = false;\n\n @Element() el: HTMLIcNavigationItemElement;\n\n @State() deviceSize: number = DEVICE_SIZES.XL;\n @State() focusStyle: IcBrandForegroundNoDefault | IcBrandForeground =\n getBrandForegroundAppearance();\n @State() inTopNavSideMenu = false;\n @State() isSideNavMobile = false;\n @State() isTopNavChild = false;\n\n @State() navigationType: IcNavType | \"\";\n @Watch(\"navigationType\")\n navigationTypeChangeHandler(): void {\n this.isInSideNav = this.navigationType === \"side\";\n }\n\n @State() parentEl: HTMLElement | null;\n @State() sideNavExpanded = false;\n @State() ariaLabel = \"\";\n\n /**\n * @internal If `true`, the icon and label will be displayed when side navigation is collapsed.\n */\n @Prop() collapsedIconLabel = false;\n\n /**\n * @internal If `true`, the navigation item will be displayed within a tooltip.\n */\n @Prop() displayNavigationTooltip = 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 * @internal If `true`, the navigation item will be expandable.\n */\n @Prop() expandable = false;\n\n /**\n * The destination of the navigation item.\n */\n @Prop() href = \"\";\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string;\n\n /**\n * The label of the navigation item.\n */\n @Prop() label?: string;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * If `true`, the navigation item will be set in a selected state.\n */\n @Prop() selected = false;\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() theme: IcThemeMode = \"inherit\";\n\n /**\n * @internal - Emitted when item loses focus.\n */\n @Event() childBlur: EventEmitter<void>;\n\n /**\n * @internal - Emitted when navigation item clicked.\n */\n @Event() navItemClicked: EventEmitter<void>;\n\n disconnectedCallback(): void {\n if (this.isInSideNav) {\n this.parentEl?.removeEventListener(\n \"icSideNavExpanded\",\n this.sideNavExpandHandler as EventListener\n );\n } else if (this.navigationType === \"top\") {\n this.parentEl?.removeEventListener(\n \"icTopNavResized\",\n this.topNavResizedHandler as EventListener\n );\n }\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n const { navType, parent } = getNavItemParentDetails(this.el);\n this.navigationType = navType;\n this.isInSideNav = this.navigationType === \"side\";\n this.parentEl = parent;\n this.deviceSize = getCurrentDeviceSize();\n\n this.sideNavExpanded =\n this.parentEl?.classList.contains(\"sm-expanded\") ||\n this.parentEl?.classList.contains(\"xs-menu-open\") ||\n false;\n\n if (this.isInSideNav) {\n this.parentEl?.addEventListener(\n \"icSideNavExpanded\",\n this.sideNavExpandHandler as EventListener\n );\n } else if (this.navigationType === \"top\") {\n this.parentEl?.addEventListener(\n \"icTopNavResized\",\n this.topNavResizedHandler as EventListener\n );\n if (this.el.parentElement?.tagName === \"IC-NAVIGATION-GROUP\")\n this.isTopNavChild = true;\n if (\n this.deviceSize <=\n (this.parentEl as HTMLIcTopNavigationElement).customMobileBreakpoint\n )\n this.inTopNavSideMenu = true;\n }\n\n this.navigationSlot = this.el.querySelector('[slot=\"navigation-item\"]');\n if (this.navigationSlot) {\n this.navigationSlot.ariaLabel =\n this.navigationSlot.textContent?.trim() || null;\n }\n\n if (this.el.hasAttribute(this.ARIA_LABEL_STRING)) {\n this.ariaLabel = this.el.getAttribute(this.ARIA_LABEL_STRING) || \"\";\n }\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 componentDidUpdate(): void {\n this.isInitialRender = false;\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n this.focusStyle = detail.mode;\n }\n\n /**\n * Sets focus on the nav item.\n */\n @Method()\n async setFocus(): Promise<void> {\n this.itemEl ? this.itemEl.focus() : this.el.querySelector(\"a\")?.focus();\n }\n\n private displayDefaultNavigationItem = (\n href: string,\n label: string,\n hreflang?: string,\n target?: string,\n rel?: string,\n referrerpolicy?: ReferrerPolicy,\n download?: string | boolean\n ) => {\n const variant =\n this.isTopNavChild || this.inTopNavSideMenu ? \"body\" : \"label\";\n const ChevronIconComponent = this.expandable && (\n <div class={{ svg: true }} innerHTML={chevronIcon}></div>\n );\n const slottedBadgeEl = this.el.querySelector('[slot=\"badge\"]');\n const BadgeComponent = slottedBadgeEl && (\n <div class=\"inline-badge\">\n <slot name=\"badge\"></slot>\n </div>\n );\n const IconComponent = this.el.querySelector('[slot=\"icon\"]') && (\n <div class=\"icon\">\n <slot name=\"icon\"></slot>\n {this.isInSideNav && BadgeComponent}\n </div>\n );\n\n return href !== \"\" ? (\n <a\n href={href}\n target={target}\n rel={rel}\n hreflang={hreflang}\n referrerPolicy={referrerpolicy}\n download={download !== false ? download : null}\n class=\"link\"\n ref={(el) => (this.itemEl = el)}\n part=\"link\"\n aria-label={this.ariaLabel ? this.ariaLabel : null}\n >\n {IconComponent}\n <ic-typography variant={variant}>{label}</ic-typography>\n {target === \"_blank\" && (\n <span class=\"open-in-new-icon\" innerHTML={OpenInNew} />\n )}\n {BadgeComponent}\n <div class=\"chevron-container\">{ChevronIconComponent}</div>\n </a>\n ) : (\n <div tabindex=\"0\" class=\"link\" ref={(el) => (this.itemEl = el)}>\n {IconComponent}\n <ic-typography variant={variant}>{label}</ic-typography>\n {ChevronIconComponent}\n {BadgeComponent}\n </div>\n );\n };\n\n private topNavResizedHandler = ({\n detail,\n }: CustomEvent<{ size: number }>) => {\n const { size } = detail;\n if (size !== this.deviceSize) {\n this.deviceSize = size;\n this.inTopNavSideMenu =\n size <=\n ((this.parentEl as HTMLIcTopNavigationElement)\n ?.customMobileBreakpoint || DEVICE_SIZES.L);\n }\n };\n\n private sideNavExpandHandler = ({\n detail,\n }: CustomEvent<IcExpandedDetail>) => {\n const { sideNavExpanded, sideNavMobile } = detail;\n this.sideNavExpanded = sideNavExpanded;\n this.isSideNavMobile = sideNavMobile;\n this.sideNavToggleTooltip(!sideNavExpanded && !sideNavMobile);\n };\n\n private handleBlur = ({ relatedTarget }: FocusEvent) => {\n if (\n relatedTarget === null ||\n (relatedTarget as HTMLElement).tagName !== \"IC-NAVIGATION-ITEM\"\n ) {\n this.childBlur.emit();\n }\n };\n\n private handleClick = () => this.navItemClicked.emit();\n\n // triggered when attributes of host element change\n private hostMutationCallback = (mutationList: MutationRecord[]) => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n if (attributeName) {\n const attribute = this.el.getAttribute(attributeName);\n if (attribute && attributeName === this.ARIA_LABEL_STRING) {\n this.ariaLabel = attribute;\n forceComponentUpdate = true;\n }\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n\n private generateTooltipLabel = () => {\n if (this.label) {\n return this.label;\n }\n\n if (this.navigationSlot) {\n return this.navigationSlot.textContent || \"\";\n }\n\n return this.el.children[0]?.textContent || \"\";\n };\n\n private renderNavigationItemContent = () => {\n if (!this.label && !this.navigationSlot) return <slot></slot>;\n\n return this.label ? (\n this.displayDefaultNavigationItem(\n this.href,\n this.label,\n this.hreflang,\n this.target,\n this.rel,\n this.referrerpolicy,\n this.download\n )\n ) : (\n <slot name=\"navigation-item\"></slot>\n );\n };\n\n // Displays tooltip only once the collapsing animation is finished\n private sideNavToggleTooltip = (showTooltip: boolean) => {\n const tooltip = this.el.shadowRoot?.querySelector(\"ic-tooltip\");\n const collapsedClass = \"tooltip-navigation-item-side-nav-collapsed\";\n let timer;\n\n if (!tooltip) return;\n\n if (showTooltip) {\n tooltip.displayTooltip(false); // Hides tooltip for when mouse is hovering over icon\n timer = setTimeout(() => {\n tooltip.classList.add(collapsedClass);\n }, this.ANIMATION_DURATION);\n } else {\n clearTimeout(timer);\n tooltip.classList.remove(collapsedClass);\n }\n };\n\n render() {\n const {\n inTopNavSideMenu,\n isTopNavChild,\n selected,\n navigationType,\n focusStyle,\n isInitialRender,\n sideNavExpanded,\n displayNavigationTooltip,\n collapsedIconLabel,\n isSideNavMobile,\n expandable,\n isInSideNav,\n theme,\n } = this;\n\n const isTopNavChildDesktop = isTopNavChild && !inTopNavSideMenu;\n\n return (\n <Host\n class={{\n \"navigation-item\": true,\n \"navigation-item-selected\": !isTopNavChild && selected,\n \"navigation-item-top-nav\":\n !inTopNavSideMenu && navigationType === \"top\",\n \"navigation-item-top-nav-child\": isTopNavChildDesktop,\n \"navigation-item-top-nav-child-selected\":\n isTopNavChildDesktop && selected,\n \"navigation-item-side-menu\": inTopNavSideMenu,\n \"navigation-item-side-menu-selected\": inTopNavSideMenu && selected,\n \"navigation-item-page-header\": navigationType === \"page-header\",\n \"navigation-item-side-nav\": isInSideNav,\n \"navigation-item-side-nav-collapsed\":\n (!sideNavExpanded || displayNavigationTooltip) && isInSideNav,\n \"navigation-item-side-nav-collapsed-with-label\":\n !sideNavExpanded &&\n isInSideNav &&\n collapsedIconLabel &&\n !isSideNavMobile,\n \"with-transition\": !isInitialRender,\n expandable,\n [focusStyle]: isTopNavChild ? isInSideNav : !inTopNavSideMenu,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }}\n onBlur={isTopNavChildDesktop ? this.handleBlur : null}\n onClick={this.handleClick}\n aria-current={selected ? \"page\" : null}\n role=\"listitem\"\n >\n {/* Tooltip enabled by applying navigation-item-side-nav-collapsed class to host */}\n <ic-tooltip\n label={this.generateTooltipLabel()}\n target=\"navigation-item\"\n placement=\"right\"\n class={{\n \"tooltip-navigation-item\": true,\n \"tooltip-navigation-item-side-nav-collapsed\":\n displayNavigationTooltip && isInSideNav,\n \"tooltip-long-label-navigation-item-side-nav-expanded\":\n this.el.hasAttribute(\"[display-navigation-tooltip = 'true']\"),\n }}\n >\n {this.renderNavigationItemContent()}\n </ic-tooltip>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-dc3a13d5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{h as t,r as e,H as i,g as o}from"./p-8e4e97b4.js";import"./p-18d5e467.js";import{D as s}from"./p-829b34f9.js";import"./p-9148bd35.js";import"./p-9b218099.js";import"./p-c5d680be.js";import"./p-da2a9ddc.js";import"./p-5d5b1aa8.js";import"./p-f65f0065.js";import"./p-0592277b.js";import"./p-7bbd1881.js";import"./p-aae38bee.js";import"./p-67a4f674.js";const n=()=>{const t=t=>`${4+8(parseInt(t.split("")[1])-2)}px`;return{setItemLevelOffset:t}};const a=e=>{const{id:i,className:o,label:s,target:n,selected:a,truncate:c,variant:r,position:l,size:d,updateSelected:h,setItemLevelOffset:f}=e;return t("a",{id:i,onClick:()=>h(l),class:`${a&&"table-of-contents-item-content-selected"}\n ${d==="large"?`table-of-contents-item-content-large`:`table-of-contents-item-content-default`}\n ${o}\n `,href:`#${n}`},t("ic-typography",{id:`${i}-label`,bold:a===l,class:`${c&&"truncated-item-text"} ${d&&`table-of-contents-item-content-${d}`}\n table-of-contents-item-label\n `,style:{paddingLeft:f(r)}},s))};const c=e=>{const i=n();return t(a,Object.assign({},e,i))};const r=":host{display:block;border:none;max-height:100vh}.table-of-contents-section-container{display:flex}.table-of-contents-content{top:0;left:0;padding:0 var(--ic-space-md);font:var(--ic-color-text-primary);max-height:100vh;z-index:1}:host .table-of-contents-position-top{min-width:10rem;max-width:50rem}:host .table-of-contents-position-side{min-width:8rem;max-width:20rem;width:20rem;position:sticky}.table-of-contents-list{display:flex;flex-direction:row;max-width:inherit}:host ol{list-style:none;margin-block-start:0;padding-inline-start:0}.table-of-contents-list-items{display:flex;flex-direction:column;width:100%}.table-of-contents-sidebar{background-color:var(--ic-table-of-contents-banner);height:1.75rem;min-width:0.25rem}.table-of-contents-sidebar-monochrome{background-color:var(--ic-table-of-contents-banner-monochrome)}.table-of-contents-item{min-height:1.5rem;line-height:1.5rem}.table-of-contents-item-content:hover{background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-monochrome-content:hover{background-color:var(--ic-table-of-contents-hover-monochrome)}.table-of-contents-item-content{border:none;max-width:inherit;display:flex;align-items:center;text-decoration:none;position:relative;color:var(--ic-table-of-contents-text);min-height:1.5rem;--ic-typography-color:var(--ic-table-of-contents-text)}.table-of-contents-item-content-default{padding-top:var(--ic-space-xxxs);padding-bottom:var(--ic-space-xxxs)}.table-of-contents-item-content:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-content:active{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-pressed)}.truncated-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-contents-item-content-large{padding-top:var(--ic-space-xxs);padding-bottom:var(--ic-space-xxs)}.table-of-contents-sidebar.large{height:2.5rem}.table-of-contents-heading.large{padding-bottom:var(--ic-space-xs)}@media (prefers-reduced-motion: no-preference){.table-of-contents-sidebar{transition:all 0.3s ease}}@media (prefers-reduced-motion: reduce){.table-of-contents-sidebar{transition:none}}@media (forced-colors: active){.table-of-contents-sidebar{background-color:Highlight}}";const l=r;const d="table-of-contents-content";const h="table-of-contents-list-items";const f="table-of-contents-item-content";const b="table-of-contents-section-container";const m=class{constructor(i){e(this,i);this.heading="Contents";this.maximumHeadingLevel=3;this.monochrome=false;this.position="right";this.setScrollHeight=50;this.size="medium";this.theme="inherit";this.truncate=true;this.focusedElement=0;this.referenceElements=[];this.currentTargetHeights=[];this.headerHeight=0;this.initialPosition=this.position;this.suppressListener=false;this.createTocItem=(e,i)=>{const o=`toc_${e.id}`;const s=t(c,{id:o,className:f,variant:e.tagName.toLowerCase(),label:e.textLabel,target:e.id,truncate:this.truncate,selected:this.focusedElement,updateSelected:this.updateOnSelection,position:e.trueIndex,size:this.size});const n=this.truncate?t("ic-tooltip",{target:o,label:e.innerHTML},s):s;return t("li",{class:`table-of-contents-item ${this.monochrome&&"table-of-contents-item-monochrome"}`},n,i?t("ol",null,i):null)};this.renderTocTree=t=>{let e;if(t.treeChildren.length>0){const i=t.treeChildren.map((t=>this.renderTocTree(t)));e=this.createTocItem(t,i)}else{e=this.createTocItem(t)}return e};this.updateOnSelection=t=>{this.suppressListener=true;this.focusedElement=t;this.sidebarTranslation(this.focusedElement)};this.truncateText=()=>{var t,e;const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(`.${f}`);const o=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(`.${h}`);if(o)i===null\|\|i===void 0?void 0:i.forEach((t=>{this.addTooltip(t,s.S)}))}}suppressListenerHandler(){window.scrollTo(0,window.scrollY-this.headerHeight-50)}generateHeadingTree(){var t;const e=[];const i=this.maximumHeadingLevel<5?["h2","h3","h4","h5"].slice(0,(this.maximumHeadingLevel<2?2:this.maximumHeadingLevel)-1).join(","):"h2, h3, h4, h5";const o=this.el.querySelectorAll(i);if(o){const i=Array.from(o);i.forEach(((t,e)=>{this.referenceElements.push(t);t.trueIndex=e;t.rank=t.tagName.toLowerCase().slice(1,2);t.textLabel=t.textContent?t.textContent.trimStart().split("\n")[0]:`${t.rank}-${e}`;t.treeChildren=[]}));let s=((t=i[0])===null\|\|t===void 0?void 0:t.rank)\|\|2;i.reverse().forEach(((t,o)=>{if(!t.id){t.setAttribute("id",t.textLabel.replace(/\s+/g,"-").toLowerCase())}if(t.rank>s&&t.trueIndex>0){if(i[o]&&i[o].rank<t.rank){i[o].treeChildren.unshift(t)}else{e.push(t)}}else{s=t.rank;e.push(t)}}))}return e.reverse()}containerPosition(){var t;if(this.position){const e=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(`.${b}`);switch(this.position){case"right":e.style.flexDirection="row-reverse";break;case"top":e.style.flexDirection="column";break}}}sidebarTranslation(t){var e,i,o;const s=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(".table-of-contents-sidebar");const n=[];let a=0;(o=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelectorAll(`.${f}`))===null\|\|o===void 0?void 0:o.forEach((t=>{if(t!==null)n.push(t.offsetHeight)}));n.slice(0,t).forEach((t=>a+=t));s.style.transform=`translateY(${a}px)`;s.style.height=`${n[t]}px`}findElementsHeights(){const t=[];this.referenceElements.forEach((e=>{t.push(e.getBoundingClientRect().top)}));this.currentTargetHeights=t}handleResizeBounds(){if(window.innerWidth<s.XL&&this.initialPosition!=="top"){this.position="top";this.containerPosition()}else if(window.innerWidth>s.XL&&this.position==="top"&&this.initialPosition==="right"){this.position="right";this.containerPosition()}this.findElementsHeights();this.truncateText()}updateSelectedItemFromScroll(){const t=window.scrollY+window.innerHeight(this.setScrollHeight/100);if(window.scrollY===0){this.focusedElement=0;this.sidebarTranslation(this.focusedElement)}else if(t<this.currentTargetHeights[this.focusedElement]){const e=this.currentTargetHeights.slice(0,this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t))return s;return i}),0);this.focusedElement=i;this.sidebarTranslation(this.focusedElement)}else if(t>this.currentTargetHeights[this.focusedElement]&&this.focusedElement!==this.currentTargetHeights.length){const e=this.currentTargetHeights.slice(this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t)&&o<t)return s;return i}),0);if(i+this.focusedElement!==this.focusedElement){this.focusedElement+=i;this.sidebarTranslation(this.focusedElement)}}}findHeaderElement(){const t=document.querySelector("ic-page-header");if(t){return t.clientHeight}const e=document.querySelector("header");if(e){return e.clientHeight}return 0}addListMargin(){var t;const e=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector(`.${d}`);e===null\|\|e===void 0?void 0:e.style.setProperty("top",`${this.headerHeight}px`)}addTooltip(t,e){var i;const o=t.querySelector(".table-of-contents-item-label");if(((i=t.parentNode)===null\|\|i===void 0?void 0:i.tagName)=="IC-TOOLTIP"){const i=t.parentNode;if((o===null\|\|o===void 0?void 0:o.offsetWidth)<(o===null\|\|o===void 0?void 0:o.scrollWidth)){const o=window.innerWidth<e?"bottom":this.position==="right"?"left":"right";i.setAttribute("disable-click",false);i.setAttribute("disable-hover",false);i.setAttribute("placement",o);i.setAttribute("target",t.id);i.setAttribute("style","overflow:hidden")}else{i.setAttribute("disable-click",true);i.setAttribute("disable-hover",true)}}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>this.handleResizeBounds()));this.resizeObserver.observe(this.el)}componentDidRender(){document.addEventListener("scroll",(()=>{if(!this.suppressListener)this.updateSelectedItemFromScroll();else this.suppressListener=false}));this.containerPosition();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}async componentDidLoad(){this.focusedElement=0;this.headerHeight=this.findHeaderElement();this.addListMargin();this.truncateText();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}render(){const{heading:e,monochrome:o,position:s,size:n,theme:a}=this;return t(i,{key:"5d1f4ba671cf901f6e6f72f7df98fefacc7c3db4",class:{[`ic-theme-${a}`]:a!=="inherit"}},t("ic-section-container",{key:"7d3a5007e4d0ba8fc144cc2d9e14ef89f01178be",class:b,aligned:"full-width"},t("div",{key:"69edf4c87059ba61776b685cd2bfd2b9f60f7b84",role:"navigation",class:`${d} ${s==="top"&&"table-of-contents-position-top"}\n ${s==="right"&&"table-of-contents-position-side"}`},t("ic-typography",{key:"4cb13c2d6ca0001d4797c31e1f71e39da9033ecf",class:`table-of-contents-heading ${n}`,variant:"subtitle-large"},e),t("div",{key:"1fcef1b52f25439c8d822cd33a0f5c33796088ee",class:"table-of-contents-list"},t("div",{key:"d070ed88664bce7838ef688387805e3433520b96",class:`table-of-contents-sidebar ${o&&`table-of-contents-sidebar-monochrome`}\n ${n}\n `}),t("ol",{key:"6623a7c7088786666e038697bcad5a06e6ec403a",class:h},this.generateHeadingTree().map((t=>this.renderTocTree(t)))))),t("slot",{key:"a34737b2579a7c02507719d3348a2cfa6857ed1c"})))}get el(){return o(this)}static get watchers(){return{suppressListener:["suppressListenerHandler"]}}};m.style=l;export{m as ic_table_of_contents};
2	+ //# sourceMappingURL=p-dc3a13d5.entry.js.map

package/dist/core/p-dc3a13d5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["ItemHook","setItemLevelOffset","variant","parseInt","split","ItemComponent","itemProps","id","className","label","target","selected","truncate","position","size","updateSelected","h","onClick","class","href","bold","style","paddingLeft","TableOfContentsItem","props","innerProps","Object","assign","icTableOfContentsCss","IcTableOfContentsStyle0","TOC_CONTENT_CLASS","TOC_LIST_ITEMS_CLASS","TOC_ITEM_CLASS","TOC_CONTAINER_CLASS","TableOfContents","constructor","hostRef","this","heading","maximumHeadingLevel","monochrome","setScrollHeight","theme","focusedElement","referenceElements","currentTargetHeights","headerHeight","initialPosition","suppressListener","createTocItem","tocHeading","children","tocId","tocItem","tagName","toLowerCase","textLabel","updateOnSelection","trueIndex","wrappedToc","innerHTML","renderTocTree","listItem","results","treeChildren","length","map","i","sidebarTranslation","truncateText","links","_a","el","shadowRoot","querySelectorAll","contentList","_b","querySelector","forEach","item","addTooltip","DEVICE_SIZES","S","suppressListenerHandler","window","scrollTo","scrollY","generateHeadingTree","resultArray","headingDepth","slice","join","headingList","headingArray","Array","from","index","push","rank","textContent","trimStart","currentRank","reverse","setAttribute","replace","unshift","containerPosition","container","flexDirection","newPosition","sidebar","itemHeights","previousItemsHeight","_c","offsetHeight","transform","height","findElementsHeights","contentBounds","element","getBoundingClientRect","top","handleResizeBounds","innerWidth","XL","updateSelectedItemFromScroll","targetHeight","innerHeight","previousItems","closestItem","reduce","newValue","curr","Math","abs","relevantItems","findHeaderElement","document","clientHeight","header","addListMargin","content","setProperty","widthBreakpoint","itemLabel","parentNode","tooltip","offsetWidth","scrollWidth","tooltipPosition","componentWillLoad","resizeObserver","ResizeObserver","observe","componentDidRender","addEventListener","componentDidLoad","render","Host","key","aligned","role"],"sources":["src/components/ic-table-of-contents/ic-table-of-contents-item.tsx","src/components/ic-table-of-contents/ic-table-of-contents.css?tag=ic-table-of-contents&encapsulation=shadow","src/components/ic-table-of-contents/ic-table-of-contents.tsx"],"sourcesContent":["import { FunctionalComponent, h } from \"@stencil/core\";\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\n\ninterface IcTableOfContentsItemElement {\n id: string;\n className: string;\n label: string;\n target: string;\n variant: string;\n selected: number;\n position: number;\n size?: string;\n truncate?: boolean;\n updateSelected: (position: number) => void;\n setItemLevelOffset: (variant: string) => string;\n}\n\ninterface TOCItemProps {\n id: string;\n className: string;\n variant: string;\n label: string;\n target: string;\n selected: number;\n position: number;\n size?: string;\n truncate?: boolean;\n updateSelected: (position: number) => void;\n}\n\nconst ItemHook = () => {\n // adds offset to the item based on its variant\n // e.g. h2 = 4 + (8*(2-2)) = 4px\n // h3 = 4 + (8*(3-2)) = 12px\n const setItemLevelOffset = (variant: string): string => {\n return `${4 + 8 * (parseInt(variant.split(\"\")[1]) - 2)}px`;\n };\n\n return { setItemLevelOffset };\n};\n\nconst ItemComponent: FunctionalComponent<IcTableOfContentsItemElement> = (\n itemProps\n) => {\n const {\n id,\n className,\n label,\n target,\n selected,\n truncate,\n variant,\n position,\n size,\n updateSelected,\n setItemLevelOffset,\n } = itemProps;\n\n return (\n <a\n id={id}\n onClick={() => updateSelected(position)}\n class={`${selected && \"table-of-contents-item-content-selected\"}\n ${\n size === \"large\"\n ? `table-of-contents-item-content-large`\n : `table-of-contents-item-content-default`\n }\n ${className}\n `}\n href={`#${target}`}\n >\n <ic-typography\n id={`${id}-label`}\n bold={selected === position}\n class={`${truncate && \"truncated-item-text\"} ${\n size && `table-of-contents-item-content-${size}`\n }\n table-of-contents-item-label\n `}\n style={{\n paddingLeft: setItemLevelOffset(variant),\n }}\n >\n {label}\n </ic-typography>\n </a>\n );\n};\n\nexport const TableOfContentsItem = (props: TOCItemProps) => {\n const innerProps = ItemHook();\n return <ItemComponent {...props} {...innerProps} />;\n};\n",":host {\n display: block;\n border: none;\n max-height: 100vh;\n}\n\n.table-of-contents-section-container {\n display: flex;\n}\n\n.table-of-contents-content {\n top: 0;\n left: 0;\n padding: 0 var(--ic-space-md);\n font: var(--ic-color-text-primary);\n max-height: 100vh;\n z-index: 1;\n}\n\n:host .table-of-contents-position-top {\n min-width: 10rem;\n max-width: 50rem;\n}\n\n:host .table-of-contents-position-side {\n min-width: 8rem;\n max-width: 20rem;\n width: 20rem;\n position: sticky;\n}\n\n.table-of-contents-list {\n display: flex;\n flex-direction: row;\n max-width: inherit;\n}\n\n:host ol {\n list-style: none;\n margin-block-start: 0;\n padding-inline-start: 0;\n}\n\n.table-of-contents-list-items {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.table-of-contents-sidebar {\n background-color: var(--ic-table-of-contents-banner);\n height: 1.75rem;\n min-width: 0.25rem;\n}\n\n.table-of-contents-sidebar-monochrome {\n background-color: var(--ic-table-of-contents-banner-monochrome);\n}\n\n.table-of-contents-item {\n min-height: 1.5rem;\n line-height: 1.5rem;\n}\n\n.table-of-contents-item-content:hover {\n background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-monochrome-content:hover {\n background-color: var(--ic-table-of-contents-hover-monochrome);\n}\n\n.table-of-contents-item-content {\n border: none;\n max-width: inherit;\n display: flex;\n align-items: center;\n text-decoration: none;\n position: relative;\n color: var(--ic-table-of-contents-text);\n min-height: 1.5rem;\n\n --ic-typography-color: var(--ic-table-of-contents-text);\n}\n\n.table-of-contents-item-content-default {\n padding-top: var(--ic-space-xxxs);\n padding-bottom: var(--ic-space-xxxs);\n}\n\n.table-of-contents-item-content:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n outline: none;\n background-color: var(--ic-table-of-contents-hover);\n}\n\n.table-of-contents-item-content:active {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n outline: none;\n background-color: var(--ic-table-of-contents-pressed);\n}\n\n.truncated-item-text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* Large styles */\n\n.table-of-contents-item-content-large {\n padding-top: var(--ic-space-xxs);\n padding-bottom: var(--ic-space-xxs);\n}\n\n.table-of-contents-sidebar.large {\n height: 2.5rem;\n}\n\n.table-of-contents-heading.large {\n padding-bottom: var(--ic-space-xs);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .table-of-contents-sidebar {\n transition: all 0.3s ease;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n /* limit sidebar scroll animation */\n .table-of-contents-sidebar {\n transition: none;\n }\n}\n\n@media (forced-colors: active) {\n .table-of-contents-sidebar {\n background-color: Highlight;\n }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { IcPositionTopOrRight, IcSizes, IcThemeMode } from \"../../utils/types\";\nimport { TableOfContentsItem } from \"./ic-table-of-contents-item\";\nimport { DEVICE_SIZES } from \"../../utils/helpers\";\n\nimport \"../../../../web-components/src/components/ic-tooltip/ic-tooltip\";\nimport \"../../../../web-components/src/components/ic-section-container/ic-section-container\";\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\nimport \"../../../../web-components/src/components/ic-top-navigation/ic-top-navigation\";\nimport \"../../../../web-components/src/components/ic-navigation-item/ic-navigation-item\";\nimport \"../../../../web-components/src/components/ic-page-header/ic-page-header\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\nimport \"../../../../web-components/src/components/ic-link/ic-link\";\nimport \"../../../../web-components/src/components/ic-theme/ic-theme\";\n\nconst TOC_CONTENT_CLASS = \"table-of-contents-content\";\nconst TOC_LIST_ITEMS_CLASS = \"table-of-contents-list-items\";\nconst TOC_ITEM_CLASS = \"table-of-contents-item-content\";\nconst TOC_CONTAINER_CLASS = \"table-of-contents-section-container\";\n\ninterface RankedElement extends Element {\n rank: string;\n textLabel: string;\n treeChildren: RankedElement[];\n trueIndex: number;\n}\n\n@Component({\n tag: \"ic-table-of-contents\",\n styleUrl: \"ic-table-of-contents.css\",\n shadow: true,\n})\nexport class TableOfContents {\n @Element() el: HTMLIcTableOfContentsElement;\n\n /**\n * Heading text of the table of contents.\n */\n @Prop() heading: string = \"Contents\";\n\n /**\n * Maximum heading level of child content that will generate an item in the table of contents. E.g. when set to '3', headings of <h4> and <h5> will not appear.\n */\n @Prop() maximumHeadingLevel: number = 3;\n\n /**\n * If `true`, the table of contents will display as black in the light theme, and white in dark theme.\n */\n @Prop() monochrome?: boolean = false;\n\n /**\n * Whether the table of contents will appear on the right of or above child content on large viewport widths.\n */\n @Prop({ mutable: true }) position: IcPositionTopOrRight = \"right\";\n\n /**\n * Vertical offset to page scroll (in percent) when table of contents item is selected, to account for other page components like headers.\n */\n @Prop() setScrollHeight: number = 50;\n\n /**\n * The size of the table of contents items.\n */\n @Prop() size: IcSizes = \"medium\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * If `true`, the table of contents item label will be truncated.\n */\n @Prop() truncate: boolean = true;\n\n @State() focusedElement: number = 0;\n\n // heading items\n private referenceElements: HTMLElement[] = [];\n\n // heights of heading items\n private currentTargetHeights: number[] = [];\n\n private resizeObserver: ResizeObserver;\n // header height if present\n private headerHeight: number = 0;\n // holds initial position to allow for responsive changes\n private initialPosition: IcPositionTopOrRight = this.position;\n\n // suppress scroll listener to allow for click selection without scroll listener firing\n @State() suppressListener: boolean = false;\n\n @Watch(\"suppressListener\")\n suppressListenerHandler(): void {\n window.scrollTo(0, window.scrollY - this.headerHeight - 50);\n }\n\n /**\n * Generate a TOC Item.\n * These items are wrapped in empty tooltips that will be populated by addTooltip()\n * @param tocHeading heading element to refer item information from\n * @param children\n * @returns TocItem ready to be rendered, with nested children if applicable\n */\n private createTocItem = (\n tocHeading: RankedElement,\n children?: HTMLElement[]\n ): HTMLElement => {\n const tocId = `toc_${tocHeading.id}`;\n\n const tocItem = (\n <TableOfContentsItem\n id={tocId}\n className={TOC_ITEM_CLASS}\n variant={tocHeading.tagName.toLowerCase()}\n label={tocHeading.textLabel}\n target={tocHeading.id}\n truncate={this.truncate}\n selected={this.focusedElement}\n updateSelected={this.updateOnSelection}\n position={tocHeading.trueIndex}\n size={this.size}\n />\n );\n\n const wrappedToc = this.truncate ? (\n <ic-tooltip target={tocId} label={tocHeading.innerHTML}>\n {tocItem}\n </ic-tooltip>\n ) : (\n tocItem\n );\n return (\n <li\n class={`table-of-contents-item ${\n this.monochrome && \"table-of-contents-item-monochrome\"\n }`}\n >\n {wrappedToc}\n {children ? <ol>{children}</ol> : null}\n </li>\n );\n };\n\n /**\n * Render TocItems and recursively render children items if they exist\n * @param listItem\n * @returns HTML Element array to be rendered\n */\n private renderTocTree = (listItem: RankedElement): HTMLElement => {\n let results;\n if (listItem.treeChildren.length > 0) {\n const children = listItem.treeChildren.map((i) => this.renderTocTree(i));\n results = this.createTocItem(listItem, children);\n } else {\n results = this.createTocItem(listItem);\n }\n return results;\n };\n\n /**\n * Scrape for heading elements on the page content within TOC, down to the maximumHeadingLevel.\n * From this, generate an array of Elements with lower rank headings inserted as treeChildren on top level headings.\n * @returns RankedElement[] array of HTML elements with additional props for rank, trueIndex and treeChildren array\n */\n private generateHeadingTree(): RankedElement[] {\n const resultArray: RankedElement[] = [];\n\n const headingDepth =\n this.maximumHeadingLevel < 5\n ? [\"h2\", \"h3\", \"h4\", \"h5\"]\n .slice(\n 0,\n (this.maximumHeadingLevel < 2 ? 2 : this.maximumHeadingLevel) - 1\n )\n .join(\",\")\n : \"h2, h3, h4, h5\";\n const headingList = this.el.querySelectorAll(headingDepth);\n\n if (headingList) {\n const headingArray = Array.from(headingList) as RankedElement[];\n headingArray.forEach((item, index) => {\n this.referenceElements.push(item as unknown as HTMLElement);\n item.trueIndex = index;\n item.rank = item.tagName.toLowerCase().slice(1, 2);\n item.textLabel = item.textContent\n ? item.textContent.trimStart().split(\"\\n\")[0]\n : `${item.rank}-${index}`;\n item.treeChildren = [];\n });\n\n let currentRank = headingArray[0]?.rank || 2;\n\n headingArray.reverse().forEach((h, i) => {\n if (!h.id) {\n h.setAttribute(\"id\", h.textLabel.replace(/\\s+/g, \"-\").toLowerCase());\n }\n if (h.rank > currentRank && h.trueIndex > 0) {\n if (headingArray[i] && headingArray[i].rank < h.rank) {\n headingArray[i].treeChildren.unshift(h);\n } else {\n resultArray.push(h);\n }\n } else {\n currentRank = h.rank;\n resultArray.push(h);\n }\n });\n }\n return resultArray.reverse();\n }\n\n //container orientation logic\n private containerPosition(): void {\n if (this.position) {\n const container = this.el.shadowRoot?.querySelector(\n `.${TOC_CONTAINER_CLASS}`\n ) as HTMLIcSectionContainerElement;\n switch (this.position) {\n case \"right\":\n container.style.flexDirection = \"row-reverse\";\n break;\n case \"top\":\n container.style.flexDirection = \"column\";\n break;\n }\n }\n }\n\n /**\n * Move the sidebar to the provided position on the page.\n * Also, resize the sidebar to stretch the height of the selected heading.\n * @param newPosition\n */\n private sidebarTranslation(newPosition: number): void {\n const sidebar = this.el.shadowRoot?.querySelector(\n \".table-of-contents-sidebar\"\n ) as HTMLIcSectionContainerElement;\n\n const itemHeights: number[] = [];\n let previousItemsHeight = 0;\n this.el.shadowRoot\n ?.querySelectorAll(`.${TOC_ITEM_CLASS}`)\n ?.forEach((item: any) => {\n if (item !== null) itemHeights.push(item.offsetHeight);\n });\n itemHeights\n .slice(0, newPosition)\n .forEach((i) => (previousItemsHeight += i));\n\n sidebar.style.transform = `translateY(${previousItemsHeight}px)`;\n sidebar.style.height = `${itemHeights[newPosition]}px`;\n }\n\n // list item clicked logic\n private updateOnSelection = (position: number) => {\n this.suppressListener = true;\n this.focusedElement = position;\n this.sidebarTranslation(this.focusedElement);\n };\n\n // find element heights to be used to determine focused item from scroll position\n private findElementsHeights() {\n const contentBounds: number[] = [];\n this.referenceElements.forEach((element) => {\n contentBounds.push(element.getBoundingClientRect().top);\n });\n this.currentTargetHeights = contentBounds;\n }\n\n //resize window logic\n private handleResizeBounds() {\n if (window.innerWidth < DEVICE_SIZES.XL && this.initialPosition !== \"top\") {\n this.position = \"top\";\n this.containerPosition();\n } else if (\n window.innerWidth > DEVICE_SIZES.XL &&\n this.position === \"top\" &&\n this.initialPosition === \"right\"\n ) {\n this.position = \"right\";\n this.containerPosition();\n }\n this.findElementsHeights();\n this.truncateText();\n }\n\n // scroll logic\n private updateSelectedItemFromScroll() {\n const targetHeight =\n window.scrollY + window.innerHeight * (this.setScrollHeight / 100);\n if (window.scrollY === 0) {\n this.focusedElement = 0;\n this.sidebarTranslation(this.focusedElement);\n } else if (targetHeight < this.currentTargetHeights[this.focusedElement]) {\n const previousItems = this.currentTargetHeights.slice(\n 0,\n this.focusedElement\n );\n const closestItem = previousItems.reduce((newValue, curr, index) => {\n if (\n Math.abs(curr - targetHeight) <\n Math.abs(previousItems[newValue] - targetHeight)\n )\n return index;\n return newValue;\n }, 0);\n this.focusedElement = closestItem;\n this.sidebarTranslation(this.focusedElement);\n } else if (\n targetHeight > this.currentTargetHeights[this.focusedElement] &&\n this.focusedElement !== this.currentTargetHeights.length\n ) {\n const relevantItems = this.currentTargetHeights.slice(\n this.focusedElement\n );\n\n const closestItem = relevantItems.reduce((newValue, curr, index) => {\n if (\n Math.abs(curr - targetHeight) <\n Math.abs(relevantItems[newValue] - targetHeight) &&\n curr < targetHeight\n )\n return index;\n return newValue;\n }, 0);\n if (closestItem + this.focusedElement !== this.focusedElement) {\n this.focusedElement += closestItem;\n this.sidebarTranslation(this.focusedElement);\n }\n }\n }\n\n // find header element height\n private findHeaderElement(): number {\n const element = document.querySelector(\"ic-page-header\");\n if (element) {\n return element.clientHeight;\n }\n const header = document.querySelector(\"header\");\n if (header) {\n return header.clientHeight;\n }\n return 0;\n }\n\n // add margin to the list based off the header element height\n private addListMargin(): void {\n const content = this.el.shadowRoot?.querySelector(\n `.${TOC_CONTENT_CLASS}`\n ) as HTMLDivElement;\n content?.style.setProperty(\"top\", `${this.headerHeight}px`);\n }\n\n // add tooltip to the item if it is too wide\n private addTooltip(item: any, widthBreakpoint: number) {\n const itemLabel = item.querySelector(\".table-of-contents-item-label\");\n if (item.parentNode?.tagName == \"IC-TOOLTIP\") {\n const tooltip = item.parentNode;\n if (itemLabel?.offsetWidth < itemLabel?.scrollWidth) {\n const tooltipPosition =\n window.innerWidth < widthBreakpoint\n ? \"bottom\"\n : this.position === \"right\"\n ? \"left\"\n : \"right\";\n //Modify the ic-tooltip wrapped around the list item\n tooltip.setAttribute(\"disable-click\", false);\n tooltip.setAttribute(\"disable-hover\", false);\n tooltip.setAttribute(\"placement\", tooltipPosition);\n tooltip.setAttribute(\"target\", item.id);\n tooltip.setAttribute(\"style\", \"overflow:hidden\");\n } else {\n //disable the tooltip if the item does not need to truncate\n tooltip.setAttribute(\"disable-click\", true);\n tooltip.setAttribute(\"disable-hover\", true);\n }\n }\n }\n\n // truncate text if it goes out of bounds of the container\n private truncateText = () => {\n const links = this.el.shadowRoot?.querySelectorAll(`.${TOC_ITEM_CLASS}`);\n const contentList = this.el.shadowRoot?.querySelector(\n `.${TOC_LIST_ITEMS_CLASS}`\n );\n if (contentList)\n links?.forEach((item) => {\n this.addTooltip(item, DEVICE_SIZES.S);\n });\n };\n\n // initialise resize observer\n componentWillLoad(): void {\n this.resizeObserver = new ResizeObserver(() => this.handleResizeBounds());\n this.resizeObserver.observe(this.el);\n }\n\n // initialise scroll listener\n componentDidRender(): void {\n document.addEventListener(\"scroll\", () => {\n if (!this.suppressListener) this.updateSelectedItemFromScroll();\n else this.suppressListener = false;\n });\n this.containerPosition();\n this.findElementsHeights();\n this.sidebarTranslation(this.focusedElement);\n }\n\n // after component has loaded modify the list based of position, size and surrounding elements\n async componentDidLoad(): Promise<void> {\n this.focusedElement = 0;\n this.headerHeight = this.findHeaderElement();\n this.addListMargin();\n this.truncateText();\n this.findElementsHeights();\n this.sidebarTranslation(this.focusedElement);\n }\n\n // Component is a wrapper for page contents, and will build list from heading items\n render() {\n const { heading, monochrome, position, size, theme } = this;\n return (\n <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n <ic-section-container class={TOC_CONTAINER_CLASS} aligned=\"full-width\">\n <div\n role=\"navigation\"\n class={`${TOC_CONTENT_CLASS} ${\n position === \"top\" && \"table-of-contents-position-top\"\n }\n ${position === \"right\" && \"table-of-contents-position-side\"}`}\n >\n <ic-typography\n class={`table-of-contents-heading ${size}`}\n variant=\"subtitle-large\"\n >\n {heading}\n </ic-typography>\n <div class=\"table-of-contents-list\">\n <div\n class={`table-of-contents-sidebar ${\n monochrome && `table-of-contents-sidebar-monochrome`\n }\n ${size}\n `}\n />\n <ol class={TOC_LIST_ITEMS_CLASS}>\n {this.generateHeadingTree().map((item) =>\n this.renderTocTree(item)\n )}\n </ol>\n </div>\n </div>\n <slot></slot>\n </ic-section-container>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-f3267773.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,h as i,H as s,g as c}from"./p-8e4e97b4.js";import{l as r}from"./p-829b34f9.js";import"./p-18d5e467.js";import"./p-f65f0065.js";import"./p-7bbd1881.js";const l=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.79502 15.875L4.62502 11.705L3.20502 13.115L8.79502 18.705L20.795 6.70501L19.385 5.29501L8.79502 15.875Z" fill="currentColor"/>\n</svg>\n`;const o=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n <path d="M0 0h24v24H0z" fill="none"/>\n <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>\n <title>close icon</title>\n</svg>\n`;const n=':host(.ic-time-selector-small){--time-selector-padded-item-height:var(--ic-space-lg)}:host(.ic-time-selector-medium){--time-selector-padded-item-height:calc(\n var(--ic-space-lg) + var(--ic-space-xxs)\n )}:host(.ic-time-selector-large){--time-selector-padded-item-height:var(--ic-space-xl)}.ic-time-selector-dialog-container{background-color:var(--ic-time-picker-time-selector-bg);border:var(--ic-space-1px) solid var(--ic-time-picker-time-selector-border);border-radius:var(--ic-space-xxs);padding:var(--ic-space-xs);max-width:calc(\n 3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xxs)\n );width:-moz-fit-content;width:fit-content}:host(.ic-time-selector-small) .ic-time-selector-dialog-container{padding:var(--ic-space-xxs);max-width:calc(\n 3 * var(--ic-space-xxl) + var(--ic-space-lg) + var(--ic-space-xxs)\n )}:host(.ic-time-selector-large) .ic-time-selector-dialog-container{padding:var(--ic-space-md);max-width:calc(\n 3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xs) +\n var(--ic-space-xxs)\n )}.ic-time-selector-item{height:var(--ic-space-lg);padding:var(--ic-space-xxxs);text-align:center;cursor:pointer;scroll-snap-align:start;transition:background 0.2s, color 0.2s}:host(.ic-time-selector-small) .ic-time-selector-item{padding:0}:host(.ic-time-selector-large) .ic-time-selector-item{padding:var(--ic-space-xxs)}.ic-time-selector-item:hover:not(.disabled):not(.selected){background-color:var(--ic-time-picker-time-bg-hover)}.ic-time-selector-item:active:not(.disabled):not(.selected){background-color:var(--ic-time-picker-time-bg-pressed)}.ic-time-selector-item.selected{background-color:var(--ic-time-picker-time-bg-selected);--ic-typography-color:var(--ic-time-picker-time-text-selected);position:relative}.ic-time-selector-item.selected:hover{background-color:var(--ic-time-picker-time-active-bg-hover)}.ic-time-selector-item.selected:active{background-color:var(--ic-time-picker-time-active-bg-pressed)}.ic-time-selector-colon-selected{background-color:var(--ic-time-picker-colon-bg-selected);color:var(--ic-time-picker-colon-selected) !important}.ic-time-selector-item.selected::before,.ic-time-selector-item.selected::after,.ic-time-selector-colon-selected::before,.ic-time-selector-colon-selected::after{content:"";position:absolute;left:0;right:0;height:var(--ic-space-1px);background:var(--ic-time-picker-time-selector-bg)}.ic-time-selector-item.selected::before,.ic-time-selector-colon-selected::before{top:0}.ic-time-selector-item.selected::after,.ic-time-selector-colon-selected::after{bottom:0}.ic-time-selector-item.disabled{--ic-typography-color:var(--ic-time-picker-time-text-disabled);cursor:not-allowed}.ic-time-selector-column-wrapper{display:flex;flex-direction:column}.ic-time-selector-scroll-row{height:var(--time-selector-padded-item-height) !important;background:transparent !important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default !important;box-sizing:border-box}:host(.ic-time-selector-small) .ic-time-selector-scroll-row-last{height:calc(var(--ic-space-1px) + var(--ic-space-xxxs)) !important}:host(.ic-time-selector-medium) .ic-time-selector-scroll-row-last,:host(.ic-time-selector-large) .ic-time-selector-scroll-row-last{height:calc(\n var(--ic-space-1px) + var(--ic-space-xxxs) + var(--ic-space-md)\n ) !important}.ic-time-selector-scroll-row:hover,.ic-time-selector-scroll-row:active{background:transparent !important}.ic-time-selector-header-row{color:var(--ic-time-picker-hh-label);--ic-typography-color:var(--ic-time-picker-hh-label) !important;background:transparent !important;text-align:center;height:var(--time-selector-padded-item-height);display:flex;align-items:center;justify-content:center}.ic-time-selector-header-border{position:absolute;left:0;right:0;top:var(--time-selector-padded-item-height);height:var(--ic-space-1px);background:var(--ic-time-picker-header-border);pointer-events:none}.ic-time-selector-colon{display:flex;align-items:center;justify-content:center;color:var(--ic-time-picker-colon-default);height:var(--time-selector-padded-item-height);margin-top:calc(3 * var(--time-selector-padded-item-height))}.ic-time-selector-columns{display:flex;flex-direction:row;border-bottom:var(--ic-space-1px) solid var(--ic-time-picker-lower-border);margin:0 var(--ic-space-xxs);position:relative;z-index:1}.ic-time-selector-highlight-lines{position:relative;width:100%}.ic-time-selector-highlight{position:absolute;left:0;right:0;width:100%;height:var(--ic-space-1px);background:var(--ic-time-picker-selection-border);pointer-events:none;z-index:1}.ic-time-selector-highlight-top{top:calc(3 * var(--time-selector-padded-item-height) - var(--ic-space-1px))}.ic-time-selector-highlight-bottom{top:calc(4 * var(--time-selector-padded-item-height))}.ic-time-selector-column{height:calc((5 * var(--ic-space-xxl)) + (3 * var(--ic-space-1px)));overflow-y:auto;width:calc(var(--ic-space-xl) + var(--ic-space-xs));position:relative;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}:host(.ic-time-selector-small) .ic-time-selector-column{width:calc(var(--ic-space-xl) + var(--ic-space-xxs) + var(--ic-space-xxxs))}:host(.ic-time-selector-large) .ic-time-selector-column{width:calc(var(--ic-space-xl) + var(--ic-space-xs) + var(--ic-space-xxxs))}.ic-time-selector-column-period{margin-left:var(--ic-space-xxs)}.ic-time-selector-column::-webkit-scrollbar{display:none}.ic-time-selector-column:focus-visible,.ic-time-selector-item:focus-visible{outline:none;background-color:transparent}.ic-time-selector-column:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast);z-index:3}.ic-time-selector-list{list-style:none;margin:0;padding:0}.ic-time-selector-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:var(--ic-space-xs);margin-left:auto}.ic-time-selector-check-btn{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}.sr-only{position:absolute;left:-9999px}@media (forced-colors: active){.ic-time-selector-item.selected{background-color:highlight !important}.ic-time-selector-item.disabled{--ic-typography-color:GrayText !important}.ic-time-selector-column:focus{border:var(--ic-border-hc)}.ic-time-selector-highlight{background:Highlight !important}}';const a=n;const d=["hour","minute","period"];const h=".ic-time-selector-column";const u=".ic-time-selector-item";const m=class{constructor(s){e(this,s);this.icChange=t(this,"icChange",7);this.minutes=Array.from({length:60},((e,t)=>t));this.periods=["AM","PM"];this.minTime=null;this.maxTime=null;this.ariaLiveMessage="";this.disableTimes=[];this.min="";this.max="";this.size="medium";this.theme="inherit";this.timePeriod="24";this.value="";this.setTimeParts=(e,t)=>{let i="AM";if(this.timePeriod==="12"){if(e===0){e=12;i="AM"}else if(e===12){i="PM"}else if(e>12){e=e-12;i="PM"}else{i="AM"}this.selectedHour=e;this.selectedPeriod=i}else{this.selectedHour=e}this.selectedMinute=t};this.checkIfScrollIsFinished=(e,t)=>{const i=setInterval((()=>{if(e.scrollTop===t+56){e===null\|\|e===void 0?void 0:e.focus();clearInterval(i)}}),25)};this.handleSelect=(e,t)=>{var i;const s=this.getSelectedValue(e);switch(e){case"hour":this.selectedHour=Number(t);break;case"minute":this.selectedMinute=Number(t);break;case"period":this.selectedPeriod=t;break}const c=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelectorAll(h);const r=d.indexOf(e);if(c&&c[r]){c[r].focus();window.requestAnimationFrame((()=>{this.scrollSelectedItem(e)}))}if(s===undefined\|\|s===null){this.announceSelectedColumn(e)}else{this.lastAnnouncedType=e;this.lastAnnouncedValue=this.getSelectedValue(e)}};this.isTimeDisabled=(e,t,i)=>{var s,c;for(const i of this.disableTimes){if(i&&typeof i==="object"&&"start"in i&&"end"in i){const s=r(i.start).parts;const c=r(i.end).parts;if(s&&c){const i=e3600+t60;const r=s.hour3600+s.minute60;const l=c.hour3600+c.minute60;if(i>=r&&i<=l){return true}}}}if(this.min){this.minTime=r(this.min).date;if(this.minTime){const c=this.minTime.getHours();const r=this.minTime.getMinutes();if(i==="hour"){const t=(s=this.selectedMinute)!==null&&s!==void 0?s:r;if(e<c\|\|e===c&&t<r\|\|e===c&&t===r){return true}}else if(i==="minute"){if(e===c&&t<r){return true}}else{if(e<c\|\|e===c&&t<r\|\|e===c&&t===r){return true}}}}if(this.max){this.maxTime=r(this.max).date;if(this.maxTime){const s=this.maxTime.getHours();const r=this.maxTime.getMinutes();if(i==="hour"){const t=(c=this.selectedMinute)!==null&&c!==void 0?c:59;if(e>s\|\|e===s&&t>r\|\|e===s&&t===r){return true}}else if(i==="minute"){if(e===s&&t>r){return true}}else{if(e>s\|\|e===s&&t>r\|\|e===s&&t===r){return true}}}}return false};this.handleColumnKeyDown=(e,t)=>{var i,s,c,r,l,o,n;const a=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelectorAll(h);const u=d.indexOf(e);if(!a)return;const m=this.getColumnValues(e);const f=this.getSelectedValue(e);const p=a[u];if(!p)return;const v=()=>{const t=this.getHighlightedValue(e,p);if(t!==null){this.handleSelect(e,t)}else if(m.length>0){this.handleSelect(e,m[0])}};switch(t.key){case"Enter":case" ":t.preventDefault();v();return;case"ArrowRight":t.preventDefault();v();if(u<a.length-1){(s=a[u+1])===null\|\|s===void 0?void 0:s.focus()}return;case"ArrowLeft":t.preventDefault();if(u>0)(c=a[u-1])===null\|\|c===void 0?void 0:c.focus();return;case"Tab":if(t.shiftKey){if(u===0){return}else{t.preventDefault();(r=a[u-1])===null\|\|r===void 0?void 0:r.focus()}}else{t.preventDefault();v();this.announceSelectedColumn(e);if(u<a.length-1){(l=a[u+1])===null\|\|l===void 0?void 0:l.focus()}else{(n=(o=this.el.shadowRoot)===null\|\|o===void 0?void 0:o.querySelector(".ic-time-selector-clear-btn"))===null\|\|n===void 0?void 0:n.focus();this.updateAriaLiveMessage()}}return;case"ArrowUp":case"ArrowDown":{let i=m.findIndex((e=>e===f));if(i===-1)i=0;let s=i;const c=t.key==="ArrowUp"?-1:1;const r=m.length-1;do{s+=c}while(s>=0&&s<=r&&(()=>{var t,i;if(e==="hour"\|\|e==="minute"){const c=e==="hour"?m[s]:(t=this.selectedHour)!==null&&t!==void 0?t:0;const r=e==="minute"?m[s]:(i=this.selectedMinute)!==null&&i!==void 0?i:0;return this.isTimeDisabled(c,r)}return false})());this.ariaLiveMessage=`Selected ${e}: ${m[s]}`;if(s>=0&&s<=r&&s!==i){this.handleSelect(e,m[s])}return}default:return}};this.renderColumn=(e,t,s)=>{const c=e==="hour"\|\|e==="minute";const r=e==="period";const l=this.getHeaderLabel(e);const o=2;let n=6;if(this.size==="large"){n=5}else if(this.size==="small"){n=8}return i("div",{class:"ic-time-selector-column-wrapper"},r?i("div",{class:"ic-time-selector-header-row"}):l&&i("div",{class:"ic-time-selector-header-row"},i("ic-typography",{variant:"subtitle-small"},l)),i("div",{class:{"ic-time-selector-column":true,"ic-time-selector-column-period":r},tabIndex:0,onKeyDown:t=>this.handleColumnKeyDown(e,t)},i("ul",{class:"ic-time-selector-list",role:"listbox","aria-label":e},this.renderScrollRows(o,`${e}-top-spacer`),t.map((t=>{var r,l;let o=false;if(c){const i=e==="hour"?t:(r=this.selectedHour)!==null&&r!==void 0?r:0;const s=e==="minute"?t:(l=this.selectedMinute)!==null&&l!==void 0?l:0;o=this.isTimeDisabled(i,s,e)}return i("li",{class:{"ic-time-selector-item":true,selected:t===s,disabled:o},role:"option","aria-selected":t===s?"true":"false","aria-disabled":o?"true":"false",onClick:()=>!o&&this.handleSelect(e,t),tabIndex:-1,key:`${e}-val-${t}`},i("ic-typography",{variant:"subtitle-small"},typeof t==="number"?t.toString().padStart(2,"0"):t))})),(c\|\|r)&&this.renderScrollRows(n,`${e}-bottom-spacer`))))};this.handleClear=()=>{this.selectedHour=undefined;this.scrollSelectedItem("hour",true);this.selectedMinute=undefined;this.scrollSelectedItem("minute",true);this.selectedPeriod=undefined;this.scrollSelectedItem("period",true);this.lastAnnouncedType=undefined;this.lastAnnouncedValue=undefined;this.icChange.emit({value:null,timeString:null,timeObject:{hour:null,minute:null,period:undefined}})};this.handleConfirmClick=()=>{const e=this.selectedHour!=null?this.selectedHour:null;const t=this.selectedMinute!=null?this.selectedMinute:null;const i=this.selectedPeriod;const s=e!=null?e.toString().padStart(2,"0"):null;const c=t!=null?t.toString().padStart(2,"0"):null;let r=false;r=e!==null&&t!==null;let l=null;let o=null;if(r){let r=e;if(e!=null&&i&&this.timePeriod==="12"){if(i==="PM"&&e<12)r=e+12;if(i==="AM"&&e===12)r=0}l=new Date;l.setHours(r!==null&&r!==void 0?r:0);l.setMinutes(t!==null&&t!==void 0?t:0);o=s+":"+c+(i?" "+i:"");this.value=l}this.icChange.emit({value:r?l:null,timeString:r?o:null,timeObject:Object.assign({hour:s,minute:c},i?{period:i}:{})})}}watchMinHandler(){this.minTime=r(this.min).date}watchMaxHandler(){this.maxTime=r(this.max).date}watchValueHandler(){this.setTime(this.value);setTimeout((()=>{this.scrollSelectedItem("hour");this.scrollSelectedItem("minute");if(this.timePeriod==="12"){this.scrollSelectedItem("period")}}),0)}componentWillLoad(){this.setTime(this.value)}componentDidLoad(){setTimeout((()=>{if(this.selectedHour!==undefined&&this.selectedHour!==null){this.scrollSelectedItem("hour")}else if(this.min){this.scrollMinTime("hour")}if(this.selectedMinute!==undefined&&this.selectedMinute!==null){this.scrollSelectedItem("minute")}else if(this.min){this.scrollMinTime("minute")}if(this.timePeriod==="12"){if(this.selectedPeriod!==undefined&&this.selectedPeriod!==null){this.scrollSelectedItem("period")}else if(this.min){this.scrollMinTime("period")}}this.updateAriaLiveMessage()}),0)}getHeaderLabel(e){switch(e){case"hour":return"HH";case"minute":return"MM";default:return""}}setTime(e){if(e===null\|\|e===undefined\|\|e===""){this.handleClear();return}if(typeof e==="string"){const t=e.match(/^([0-9]{2}):([0-9]{2}):([0-9]{2})(?:\.[0-9]{1,3})?Z?$/);if(t){this.setTimeParts(Number(t[1]),Number(t[2]))}else{const t=e.split(":");this.setTimeParts(Number(t[0])\|\|0,Number(t[1])\|\|0)}}else{const{parts:t}=r(e);if(t){this.setTimeParts(t.hour,t.minute)}}}renderScrollRows(e,t="scroll-row"){return Array.from({length:e}).map(((s,c)=>{const r=t.endsWith("bottom-spacer")?c===e-1:false;return i("li",{class:Object.assign({"ic-time-selector-item":true,"ic-time-selector-scroll-row":true},r?{"ic-time-selector-scroll-row-last":true}:{}),"aria-hidden":"true",tabIndex:-1,key:`${t}-${c}`})}))}scrollSelectedItem(e,t){var i;const s=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelectorAll(h);let c=d.indexOf(e);if(e==="period"&&(s===null\|\|s===void 0?void 0:s.length)){c=s.length-1}const r=s===null\|\|s===void 0?void 0:s[c];if(r){const e=r.querySelectorAll(u);let i=-1;e.forEach(((e,t)=>{if(e.classList.contains("selected"))i=t}));if(t){i=0}if(i>-1){const s=r.querySelector(".ic-time-selector-scroll-row");let c=0;if(s){c=parseFloat(getComputedStyle(s).height)}const l=c2;const o=e[i].offsetTop-l;const n=window.matchMedia("(prefers-reduced-motion: reduce)").matches;r.scrollTo({top:o,behavior:n?"instant":"smooth"});if(t){setTimeout((()=>{var e;const t=(e=this.el.shadowRoot)===null\|\|e===void 0?void 0:e.querySelectorAll(h);if(t&&t.length>0){this.checkIfScrollIsFinished(t[0],o)}}),300)}}}}scrollMinTime(e){var t;const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(h);const s=d.indexOf(e);const c=i===null\|\|i===void 0?void 0:i[s];if(!c)return;const l=c.querySelectorAll(u);let o=0,n=0;if(this.minTime){o=this.minTime.getHours()+2;n=this.minTime.getMinutes()+2}else if(this.min){const e=r(this.min).date;if(e){o=e.getHours();n=e.getMinutes()}}let a=-1;const m=this.getColumnValues(e);if(e==="hour"){a=m.findIndex((e=>e===o))}else if(e==="minute"){a=m.findIndex((e=>e===n))}else if(e==="period"){let e="AM";if(this.timePeriod==="12"){if(o===0){e="AM"}else if(o===12){e="PM"}else if(o>12){e="PM"}else{e="AM"}}a=m.findIndex((t=>t===e))}if(a>-1){const e=c.querySelector(".ic-time-selector-scroll-row");let t=0;if(e){t=parseFloat(getComputedStyle(e).height)}const i=t2;const s=l[a].offsetTop-i;const r=window.matchMedia("(prefers-reduced-motion: reduce)").matches;c.scrollTo({top:s,behavior:r?"instant":"smooth"})}}announceSelectedColumn(e){const t=this.getSelectedValue(e);if(t!==null&&t!==undefined&&(e!==this.lastAnnouncedType\|\|t!==this.lastAnnouncedValue)){this.ariaLiveMessage=`Selected ${e}: ${t}`}else{this.ariaLiveMessage=""}this.lastAnnouncedType=e;this.lastAnnouncedValue=t}getColumnValues(e){if(e==="hour")return this.timePeriod==="12"?Array.from({length:12},((e,t)=>t+1)):Array.from({length:24},((e,t)=>t));if(e==="minute")return this.minutes;if(e==="period")return this.periods;return[]}getSelectedValue(e){var t,i,s;if(e==="hour")return(t=this.selectedHour)!==null&&t!==void 0?t:null;if(e==="minute")return(i=this.selectedMinute)!==null&&i!==void 0?i:null;if(e==="period")return(s=this.selectedPeriod)!==null&&s!==void 0?s:null;return null}getHighlightedValue(e,t){var i,s,c;const r=Array.from(t.querySelectorAll(u));const l=r.filter((e=>!e.classList.contains("ic-time-selector-scroll-row")));if(l.length===0)return null;const o=(i=this.el.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector(".ic-time-selector-highlight-top");const n=(s=this.el.shadowRoot)===null\|\|s===void 0?void 0:s.querySelector(".ic-time-selector-highlight-bottom");if(!o\|\|!n)return null;const a=o.getBoundingClientRect();const d=n.getBoundingClientRect();const h=a.bottom;const m=d.top;for(const t of l){const i=t.getBoundingClientRect();const s=i.top+i.height/2;if(s>=h&&s<=m){const i=t.getAttribute("key");if(i){const t=i.replace(`${e}-val-`,"");if(e==="hour"\|\|e==="minute"){return Number(t)}else{return t}}const s=(c=t.textContent)===null\|\|c===void 0?void 0:c.trim();if(e==="hour"\|\|e==="minute"){return s?Number(s):null}else{return s}}}return null}updateAriaLiveMessage(){const e=this.selectedHour!=null?this.selectedHour.toString().padStart(2,"0"):null;const t=this.selectedMinute!=null?this.selectedMinute.toString().padStart(2,"0"):null;let i="";let s=false;s=e!==null&&t!==null;if(s){i=e+":"+t+(this.selectedPeriod?" "+this.selectedPeriod:"")}this.ariaLiveMessage=s&&i?`Selected time: ${i}`:""}render(){var e,t,c;const r=this.timePeriod==="12"?Array.from({length:12},((e,t)=>t+1)):Array.from({length:24},((e,t)=>t));const n=[this.renderColumn("hour",r,(e=this.selectedHour)!==null&&e!==void 0?e:null),this.renderColumn("minute",this.minutes,(t=this.selectedMinute)!==null&&t!==void 0?t:null)];let a=[];a=[this.selectedHour!==undefined&&this.selectedMinute!==undefined];const d=this.el.closest("ic-time-picker")!==null;const{size:u,theme:m,timePeriod:f}=this;return i(s,{key:"f5e125293b43e43658876edeaaa4f75e29c1572f",class:{[`ic-theme-${m}`]:m!=="inherit",[`ic-time-selector-${u}`]:true}},i("div",{key:"00ec623021312ad0a526e22d6ba60ce522ff5d46",role:d?"dialog":undefined,"aria-modal":d?true:undefined,"aria-label":"Select time. Use arrow keys to navigate and select the options and then tab to move onto the next selection.",class:{"ic-time-selector-dialog-container":true}},i("div",{key:"f0d281e2df0cdbfed96b17c8e4af0fa37a7be923",class:"ic-time-selector-highlight-lines"},i("div",{key:"4ffaa451f24110eaa60f354da26af8ad77c5ba99",class:"ic-time-selector-header-border"}),i("div",{key:"ccf0242629b48db2fb58db3b292a49a78372b3df",class:{"ic-time-selector-highlight":true,"ic-time-selector-highlight-top":true}}),i("div",{key:"e65f5376dc0762a3917bd4c3ed3f561f73a8fe1c",class:"ic-time-selector-columns"},n.map(((e,t)=>[e,t<n.length-1?i("ic-typography",{class:{"ic-time-selector-colon":true,"ic-time-selector-colon-selected":a[t]},variant:"subtitle-small","aria-hidden":"true",key:`colon-${t}`},":"):null])),f!=="24"&&this.renderColumn("period",this.periods,(c=this.selectedPeriod)!==null&&c!==void 0?c:null)),i("div",{key:"db46b5dde029e6be211d05e582fe29009d21ac0a",class:{"ic-time-selector-highlight":true,"ic-time-selector-highlight-bottom":true}})),i("div",{key:"c738427308610bf768b7ac6313802e55513c4217",class:"ic-time-selector-actions"},i("ic-button",{key:"a0c27433567645b0f602f47ce3b65f5032662826",variant:"icon-tertiary","aria-label":"Clear time",class:{"ic-time-selector-clear-btn":true},onClick:this.handleClear,disabled:this.selectedHour===undefined&&this.selectedMinute===undefined&&this.selectedPeriod===undefined,size:u,tabIndex:0,onKeyDown:e=>{var t;if(e.key==="Tab"&&e.shiftKey){e.preventDefault();const i=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll(h);if(i&&i.length>0){const e=i[i.length-1];e===null\|\|e===void 0?void 0:e.focus()}}}},i("span",{key:"3223e4b9b6a34cbb298f2c524fd417fc82b4359c","aria-hidden":"true",innerHTML:o})),i("ic-button",{key:"bc456653e7348a60dd17ef10dbab01fe8a6697ed",variant:"icon-tertiary","aria-label":"Select time",class:"ic-time-selector-check-btn",onClick:this.handleConfirmClick,disabled:this.selectedHour===undefined&&this.selectedMinute===undefined&&this.selectedPeriod===undefined,size:u,tabIndex:0},i("span",{key:"4c6f39926dec4d9967c94816103c75b46fce2cf3","aria-hidden":"true",innerHTML:l})))),i("div",{key:"07f1489842c9dae8727a76f718013e1b3674783b",class:"sr-only","aria-live":"polite"},this.ariaLiveMessage))}get el(){return c(this)}static get watchers(){return{min:["watchMinHandler"],max:["watchMaxHandler"],value:["watchValueHandler"]}}};m.style=a;export{m as ic_time_selector};
2	+ //# sourceMappingURL=p-f3267773.entry.js.map

package/dist/core/p-f3267773.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["icTimeSelectorCss","IcTimeSelectorStyle0","COLUMN_TYPES","COLUMN_CLASS","ITEM_CLASS","TimeSelector","constructor","hostRef","this","minutes","Array","from","length","_","i","periods","minTime","maxTime","ariaLiveMessage","disableTimes","min","max","size","theme","timePeriod","value","setTimeParts","hour","minute","period","selectedHour","selectedPeriod","selectedMinute","checkIfScrollIsFinished","column","scrollTop","isScrollFinished","setInterval","focus","clearInterval","handleSelect","type","prevValue","getSelectedValue","Number","columns","_a","el","shadowRoot","querySelectorAll","idx","indexOf","window","requestAnimationFrame","scrollSelectedItem","undefined","announceSelectedColumn","lastAnnouncedType","lastAnnouncedValue","isTimeDisabled","t","startParts","parseTimeHelper","start","parts","endParts","end","timeVal","startVal","endVal","date","minHour","getHours","minMinute","getMinutes","highlightedMinute","maxHour","maxMinute","_b","handleColumnKeyDown","event","values","getColumnValues","selected","col","selectHighlighted","highlighted","getHighlightedValue","key","preventDefault","_c","shiftKey","_d","_e","_g","_f","querySelector","updateAriaLiveMessage","idxInValues","findIndex","v","newIdx","direction","maxIdx","renderColumn","isTimeColumn","isPeriodColumn","headerLabel","getHeaderLabel","topSpacerCount","bottomSpacerCount","h","class","variant","tabIndex","onKeyDown","e","role","renderScrollRows","map","val","disabled","onClick","toString","padStart","handleClear","icChange","emit","timeString","timeObject","handleConfirmClick","hourStr","minuteStr","allSelected","date24hours","Date","setHours","setMinutes","Object","assign","watchMinHandler","watchMaxHandler","watchValueHandler","setTime","setTimeout","componentWillLoad","componentDidLoad","scrollMinTime","time","zuluMatch","match","split","count","keyPrefix","isLast","endsWith","colClass","clear","colIdx","items","selectedIdx","forEach","item","classList","contains","scrollRow","resolvedHeight","parseFloat","getComputedStyle","height","offset","offsetTop","prefersReducedMotion","matchMedia","matches","scrollTo","top","behavior","minDate","targetIdx","realItems","filter","highlightTop","highlightBottom","topRect","getBoundingClientRect","bottomRect","highlightStart","bottom","highlightEnd","itemRect","itemCenter","getAttribute","valStr","replace","text","textContent","trim","render","hours","colonSelectedStates","isInPicker","closest","Host","lastCol","innerHTML","Clear","Check"],"sources":["src/components/ic-time-selector/ic-time-selector.css?tag=ic-time-selector&encapsulation=shadow","src/components/ic-time-selector/ic-time-selector.tsx"],"sourcesContent":[":host(.ic-time-selector-small) {\n --time-selector-padded-item-height: var(--ic-space-lg);\n}\n\n:host(.ic-time-selector-medium) {\n --time-selector-padded-item-height: calc(\n var(--ic-space-lg) + var(--ic-space-xxs)\n );\n}\n\n:host(.ic-time-selector-large) {\n --time-selector-padded-item-height: var(--ic-space-xl);\n}\n\n.ic-time-selector-dialog-container {\n background-color: var(--ic-time-picker-time-selector-bg);\n border: var(--ic-space-1px) solid var(--ic-time-picker-time-selector-border);\n border-radius: var(--ic-space-xxs);\n padding: var(--ic-space-xs);\n max-width: calc(\n 3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xxs)\n );\n width: fit-content;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-dialog-container {\n padding: var(--ic-space-xxs);\n max-width: calc(\n 3 * var(--ic-space-xxl) + var(--ic-space-lg) + var(--ic-space-xxs)\n );\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-dialog-container {\n padding: var(--ic-space-md);\n max-width: calc(\n 3 * var(--ic-space-xxl) + var(--ic-space-xl) + var(--ic-space-xs) +\n var(--ic-space-xxs)\n );\n}\n\n.ic-time-selector-item {\n height: var(--ic-space-lg);\n padding: var(--ic-space-xxxs);\n text-align: center;\n cursor: pointer;\n scroll-snap-align: start;\n transition: background 0.2s, color 0.2s;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-item {\n padding: 0;\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-item {\n padding: var(--ic-space-xxs);\n}\n\n.ic-time-selector-item:hover:not(.disabled):not(.selected) {\n background-color: var(--ic-time-picker-time-bg-hover);\n}\n\n.ic-time-selector-item:active:not(.disabled):not(.selected) {\n background-color: var(--ic-time-picker-time-bg-pressed);\n}\n\n.ic-time-selector-item.selected {\n background-color: var(--ic-time-picker-time-bg-selected);\n\n --ic-typography-color: var(--ic-time-picker-time-text-selected);\n\n position: relative;\n}\n\n.ic-time-selector-item.selected:hover {\n background-color: var(--ic-time-picker-time-active-bg-hover);\n}\n\n.ic-time-selector-item.selected:active {\n background-color: var(--ic-time-picker-time-active-bg-pressed);\n}\n\n.ic-time-selector-colon-selected {\n background-color: var(--ic-time-picker-colon-bg-selected);\n color: var(--ic-time-picker-colon-selected) !important;\n}\n\n.ic-time-selector-item.selected::before,\n.ic-time-selector-item.selected::after,\n.ic-time-selector-colon-selected::before,\n.ic-time-selector-colon-selected::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n height: var(--ic-space-1px);\n background: var(--ic-time-picker-time-selector-bg);\n}\n\n.ic-time-selector-item.selected::before,\n.ic-time-selector-colon-selected::before {\n top: 0;\n}\n\n.ic-time-selector-item.selected::after,\n.ic-time-selector-colon-selected::after {\n bottom: 0;\n}\n\n.ic-time-selector-item.disabled {\n --ic-typography-color: var(--ic-time-picker-time-text-disabled);\n\n cursor: not-allowed;\n}\n\n.ic-time-selector-column-wrapper {\n display: flex;\n flex-direction: column;\n}\n\n.ic-time-selector-scroll-row {\n height: var(--time-selector-padded-item-height) !important;\n background: transparent !important;\n pointer-events: none;\n user-select: none;\n cursor: default !important;\n box-sizing: border-box;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-scroll-row-last {\n height: calc(var(--ic-space-1px) + var(--ic-space-xxxs)) !important;\n}\n\n:host(.ic-time-selector-medium) .ic-time-selector-scroll-row-last,\n:host(.ic-time-selector-large) .ic-time-selector-scroll-row-last {\n height: calc(\n var(--ic-space-1px) + var(--ic-space-xxxs) + var(--ic-space-md)\n ) !important;\n}\n\n.ic-time-selector-scroll-row:hover,\n.ic-time-selector-scroll-row:active {\n background: transparent !important;\n}\n\n.ic-time-selector-header-row {\n color: var(--ic-time-picker-hh-label);\n\n --ic-typography-color: var(--ic-time-picker-hh-label) !important;\n\n background: transparent !important;\n text-align: center;\n height: var(--time-selector-padded-item-height);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.ic-time-selector-header-border {\n position: absolute;\n left: 0;\n right: 0;\n top: var(--time-selector-padded-item-height);\n height: var(--ic-space-1px);\n background: var(--ic-time-picker-header-border);\n pointer-events: none;\n}\n\n.ic-time-selector-colon {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--ic-time-picker-colon-default);\n height: var(--time-selector-padded-item-height);\n margin-top: calc(3 * var(--time-selector-padded-item-height));\n}\n\n.ic-time-selector-columns {\n display: flex;\n flex-direction: row;\n border-bottom: var(--ic-space-1px) solid var(--ic-time-picker-lower-border);\n margin: 0 var(--ic-space-xxs);\n position: relative;\n z-index: 1;\n}\n\n.ic-time-selector-highlight-lines {\n position: relative;\n width: 100%;\n}\n\n.ic-time-selector-highlight {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n height: var(--ic-space-1px);\n background: var(--ic-time-picker-selection-border);\n pointer-events: none;\n z-index: 1;\n}\n\n.ic-time-selector-highlight-top {\n top: calc(3 * var(--time-selector-padded-item-height) - var(--ic-space-1px));\n}\n\n.ic-time-selector-highlight-bottom {\n top: calc(4 * var(--time-selector-padded-item-height));\n}\n\n.ic-time-selector-column {\n height: calc((5 * var(--ic-space-xxl)) + (3 * var(--ic-space-1px)));\n overflow-y: auto;\n width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n position: relative;\n scroll-snap-type: y mandatory;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n:host(.ic-time-selector-small) .ic-time-selector-column {\n width: calc(var(--ic-space-xl) + var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-time-selector-large) .ic-time-selector-column {\n width: calc(var(--ic-space-xl) + var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.ic-time-selector-column-period {\n margin-left: var(--ic-space-xxs);\n}\n\n.ic-time-selector-column::-webkit-scrollbar {\n display: none;\n}\n\n.ic-time-selector-column:focus-visible,\n.ic-time-selector-item:focus-visible {\n outline: none;\n background-color: transparent;\n}\n\n.ic-time-selector-column:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n z-index: 3;\n}\n\n.ic-time-selector-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ic-time-selector-actions {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n width: 100%;\n margin-top: var(--ic-space-xs);\n margin-left: auto;\n}\n\n.ic-time-selector-check-btn {\n margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n@media (forced-colors: active) {\n .ic-time-selector-item.selected {\n background-color: highlight !important;\n }\n\n .ic-time-selector-item.disabled {\n --ic-typography-color: GrayText !important;\n }\n\n .ic-time-selector-column:focus {\n border: var(--ic-border-hc);\n }\n\n .ic-time-selector-highlight {\n background: Highlight !important;\n }\n}\n","import {\n Component,\n h,\n Element,\n State,\n Prop,\n Event,\n EventEmitter,\n Host,\n Watch,\n} from \"@stencil/core\";\nimport {\n IcDisableTimeSelection,\n IcSizes,\n IcThemeMode,\n} from \"../../utils/types\";\nimport { parseTimeHelper } from \"../../utils/helpers\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Clear from \"../../assets/close-icon.svg\";\nimport { IcTimePeriods } from \"./ic-time-selector.types\";\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\n\nconst COLUMN_TYPES = [\"hour\", \"minute\", \"period\"] as const;\nconst COLUMN_CLASS = \".ic-time-selector-column\";\nconst ITEM_CLASS = \".ic-time-selector-item\";\ntype ColumnType = typeof COLUMN_TYPES[number];\n\n@Component({\n tag: \"ic-time-selector\",\n styleUrl: \"ic-time-selector.css\",\n shadow: true,\n})\nexport class TimeSelector {\n private minutes: number[] = Array.from({ length: 60 }, (_, i) => i);\n private periods: IcTimePeriods[] = [\"AM\", \"PM\"];\n private minTime: Date | null = null;\n private maxTime: Date | null = null;\n private lastAnnouncedType?: ColumnType;\n private lastAnnouncedValue?: number | IcTimePeriods | null;\n\n @Element() el: HTMLIcTimeSelectorElement;\n\n @State() selectedHour?: number;\n @State() selectedMinute?: number;\n @State() selectedPeriod?: IcTimePeriods;\n @State() ariaLiveMessage: string = \"\";\n\n /**\n * An array of objects with start and end values that will be disabled in the time selector. The times can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n */\n @Prop() disableTimes: IcDisableTimeSelection[] = [];\n\n /**\n * The earliest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n */\n @Prop() min: string | Date = \"\";\n @Watch(\"min\")\n watchMinHandler(): void {\n this.minTime = parseTimeHelper(this.min).date;\n }\n\n /**\n * The latest time that will be allowed. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n */\n @Prop() max: string | Date = \"\";\n @Watch(\"max\")\n watchMaxHandler(): void {\n this.maxTime = parseTimeHelper(this.max).date;\n }\n\n /**\n * The size of the time selector to be displayed.\n */\n @Prop() size: IcSizes = \"medium\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * The time period format: \"12\" for 12-hour, \"24\" for 24-hour. Defaults to \"24\".\n */\n @Prop() timePeriod: \"12\" | \"24\" = \"24\";\n\n /**\n * The value of the time selector. The value can be in any format supported as `timeFormat`, in ISO 8601 time string format (`HH:MM:SS`) or as a JavaScript `Date` object.\n */\n @Prop({ mutable: true }) value?: string | Date | null | undefined = \"\";\n @Watch(\"value\")\n watchValueHandler(): void {\n this.setTime(this.value);\n setTimeout(() => {\n this.scrollSelectedItem(\"hour\");\n this.scrollSelectedItem(\"minute\");\n if (this.timePeriod === \"12\") {\n this.scrollSelectedItem(\"period\");\n }\n }, 0);\n }\n\n /**\n * Emitted when the value has changed.\n */\n @Event() icChange: EventEmitter<{\n value: Date | null;\n timeString: string | null;\n timeObject: {\n hour: string | null;\n minute: string | null;\n period?: IcTimePeriods;\n };\n }>;\n\n componentWillLoad() {\n this.setTime(this.value);\n }\n\n componentDidLoad() {\n setTimeout(() => {\n if (this.selectedHour !== undefined && this.selectedHour !== null) {\n this.scrollSelectedItem(\"hour\");\n } else if (this.min) {\n this.scrollMinTime(\"hour\");\n }\n if (this.selectedMinute !== undefined && this.selectedMinute !== null) {\n this.scrollSelectedItem(\"minute\");\n } else if (this.min) {\n this.scrollMinTime(\"minute\");\n }\n if (this.timePeriod === \"12\") {\n if (this.selectedPeriod !== undefined && this.selectedPeriod !== null) {\n this.scrollSelectedItem(\"period\");\n } else if (this.min) {\n this.scrollMinTime(\"period\");\n }\n }\n this.updateAriaLiveMessage();\n }, 0);\n }\n\n private getHeaderLabel(type: ColumnType): string {\n switch (type) {\n case \"hour\":\n return \"HH\";\n case \"minute\":\n return \"MM\";\n default:\n return \"\";\n }\n }\n\n private setTimeParts = (hour: number, minute: number) => {\n let period: IcTimePeriods = \"AM\";\n if (this.timePeriod === \"12\") {\n if (hour === 0) {\n hour = 12;\n period = \"AM\";\n } else if (hour === 12) {\n period = \"PM\";\n } else if (hour > 12) {\n hour = hour - 12;\n period = \"PM\";\n } else {\n period = \"AM\";\n }\n this.selectedHour = hour;\n this.selectedPeriod = period;\n } else {\n this.selectedHour = hour;\n }\n this.selectedMinute = minute;\n };\n\n private setTime(time?: string | Date | null) {\n if (time === null || time === undefined || time === \"\") {\n this.handleClear();\n return;\n }\n\n if (typeof time === \"string\") {\n const zuluMatch = time.match(\n /^([0-9]{2}):([0-9]{2}):([0-9]{2})(?:\\.[0-9]{1,3})?Z?$/\n );\n if (zuluMatch) {\n this.setTimeParts(Number(zuluMatch[1]), Number(zuluMatch[2]));\n } else {\n const parts = time.split(\":\");\n this.setTimeParts(Number(parts[0]) || 0, Number(parts[1]) || 0);\n }\n } else {\n const { parts } = parseTimeHelper(time);\n if (parts) {\n this.setTimeParts(parts.hour, parts.minute);\n }\n }\n }\n\n private renderScrollRows(count: number, keyPrefix = \"scroll-row\") {\n return Array.from({ length: count }).map((_, i) => {\n const isLast = keyPrefix.endsWith(\"bottom-spacer\")\n ? i === count - 1\n : false;\n return (\n <li\n class={{\n \"ic-time-selector-item\": true,\n \"ic-time-selector-scroll-row\": true,\n ...(isLast ? { \"ic-time-selector-scroll-row-last\": true } : {}),\n }}\n aria-hidden=\"true\"\n tabIndex={-1}\n key={`${keyPrefix}-${i}`}\n />\n );\n });\n }\n\n private scrollSelectedItem(colClass: ColumnType, clear?: boolean) {\n const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n let colIdx = COLUMN_TYPES.indexOf(colClass);\n if (colClass === \"period\" && columns?.length) {\n colIdx = columns.length - 1;\n }\n const col = columns?.[colIdx];\n if (col) {\n const items = col.querySelectorAll(ITEM_CLASS);\n let selectedIdx = -1;\n items.forEach((item, idx) => {\n if (item.classList.contains(\"selected\")) selectedIdx = idx;\n });\n if (clear) {\n selectedIdx = 0;\n }\n if (selectedIdx > -1) {\n const scrollRow = col.querySelector(\n \".ic-time-selector-scroll-row\"\n ) as HTMLElement;\n let resolvedHeight = 0;\n if (scrollRow) {\n resolvedHeight = parseFloat(getComputedStyle(scrollRow).height);\n }\n const offset = resolvedHeight * 2;\n const scrollTop =\n (items[selectedIdx] as HTMLElement).offsetTop - offset;\n const prefersReducedMotion = window.matchMedia(\n \"(prefers-reduced-motion: reduce)\"\n ).matches;\n col.scrollTo({\n top: scrollTop,\n behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n });\n if (clear) {\n setTimeout(() => {\n const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n if (columns && columns.length > 0) {\n this.checkIfScrollIsFinished(columns[0], scrollTop);\n }\n }, 300);\n }\n }\n }\n }\n\n private checkIfScrollIsFinished = (\n column: { scrollTop: number },\n scrollTop: number\n ) => {\n const isScrollFinished = setInterval(() => {\n if (column.scrollTop === scrollTop + 56) {\n (column as HTMLElement)?.focus();\n clearInterval(isScrollFinished);\n }\n }, 25);\n };\n\n private scrollMinTime(colClass: ColumnType) {\n const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n const colIdx = COLUMN_TYPES.indexOf(colClass);\n const col = columns?.[colIdx];\n if (!col) return;\n const items = col.querySelectorAll(ITEM_CLASS);\n let minHour = 0,\n minMinute = 0;\n if (this.minTime) {\n minHour = this.minTime.getHours() + 2;\n minMinute = this.minTime.getMinutes() + 2;\n } else if (this.min) {\n const minDate = parseTimeHelper(this.min).date;\n if (minDate) {\n minHour = minDate.getHours();\n minMinute = minDate.getMinutes();\n }\n }\n let targetIdx = -1;\n const values = this.getColumnValues(colClass);\n if (colClass === \"hour\") {\n targetIdx = values.findIndex((v) => v === minHour);\n } else if (colClass === \"minute\") {\n targetIdx = values.findIndex((v) => v === minMinute);\n } else if (colClass === \"period\") {\n let period: IcTimePeriods = \"AM\";\n if (this.timePeriod === \"12\") {\n if (minHour === 0) {\n period = \"AM\";\n } else if (minHour === 12) {\n period = \"PM\";\n } else if (minHour > 12) {\n period = \"PM\";\n } else {\n period = \"AM\";\n }\n }\n targetIdx = values.findIndex((v) => v === period);\n }\n if (targetIdx > -1) {\n const scrollRow = col.querySelector(\n \".ic-time-selector-scroll-row\"\n ) as HTMLElement;\n let resolvedHeight = 0;\n if (scrollRow) {\n resolvedHeight = parseFloat(getComputedStyle(scrollRow).height);\n }\n const offset = resolvedHeight * 2;\n const scrollTop = (items[targetIdx] as HTMLElement).offsetTop - offset;\n const prefersReducedMotion = window.matchMedia(\n \"(prefers-reduced-motion: reduce)\"\n ).matches;\n col.scrollTo({\n top: scrollTop,\n behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n });\n }\n }\n\n private handleSelect = (type: ColumnType, value: number | IcTimePeriods) => {\n const prevValue = this.getSelectedValue(type);\n switch (type) {\n case \"hour\":\n this.selectedHour = Number(value);\n break;\n case \"minute\":\n this.selectedMinute = Number(value);\n break;\n case \"period\":\n this.selectedPeriod = value as IcTimePeriods;\n break;\n }\n const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n const idx = COLUMN_TYPES.indexOf(type);\n if (columns && columns[idx]) {\n (columns[idx] as HTMLElement).focus();\n window.requestAnimationFrame(() => {\n this.scrollSelectedItem(type);\n });\n }\n if (prevValue === undefined || prevValue === null) {\n this.announceSelectedColumn(type);\n } else {\n this.lastAnnouncedType = type;\n this.lastAnnouncedValue = this.getSelectedValue(type);\n }\n };\n\n private isTimeDisabled = (\n hour: number,\n minute: number,\n type?: ColumnType\n ): boolean => {\n for (const t of this.disableTimes) {\n if (t && typeof t === \"object\" && \"start\" in t && \"end\" in t) {\n const startParts = parseTimeHelper(t.start).parts;\n const endParts = parseTimeHelper(t.end).parts;\n if (startParts && endParts) {\n const timeVal = hour * 3600 + minute * 60;\n const startVal = startParts.hour * 3600 + startParts.minute * 60;\n const endVal = endParts.hour * 3600 + endParts.minute * 60;\n if (timeVal >= startVal && timeVal <= endVal) {\n return true;\n }\n }\n }\n }\n if (this.min) {\n this.minTime = parseTimeHelper(this.min).date;\n if (this.minTime) {\n const minHour = this.minTime.getHours();\n const minMinute = this.minTime.getMinutes();\n if (type === \"hour\") {\n const highlightedMinute = this.selectedMinute ?? minMinute;\n if (\n hour < minHour ||\n (hour === minHour && highlightedMinute < minMinute) ||\n (hour === minHour && highlightedMinute === minMinute)\n ) {\n return true;\n }\n } else if (type === \"minute\") {\n if (hour === minHour && minute < minMinute) {\n return true;\n }\n } else {\n if (\n hour < minHour ||\n (hour === minHour && minute < minMinute) ||\n (hour === minHour && minute === minMinute)\n ) {\n return true;\n }\n }\n }\n }\n if (this.max) {\n this.maxTime = parseTimeHelper(this.max).date;\n if (this.maxTime) {\n const maxHour = this.maxTime.getHours();\n const maxMinute = this.maxTime.getMinutes();\n if (type === \"hour\") {\n const selectedMinute = this.selectedMinute ?? 59;\n if (\n hour > maxHour ||\n (hour === maxHour && selectedMinute > maxMinute) ||\n (hour === maxHour && selectedMinute === maxMinute)\n ) {\n return true;\n }\n } else if (type === \"minute\") {\n if (hour === maxHour && minute > maxMinute) {\n return true;\n }\n } else {\n if (\n hour > maxHour ||\n (hour === maxHour && minute > maxMinute) ||\n (hour === maxHour && minute === maxMinute)\n ) {\n return true;\n }\n }\n }\n }\n return false;\n };\n\n private announceSelectedColumn(type: ColumnType) {\n const value = this.getSelectedValue(type);\n if (\n value !== null &&\n value !== undefined &&\n (type !== this.lastAnnouncedType || value !== this.lastAnnouncedValue)\n ) {\n this.ariaLiveMessage = `Selected ${type}: ${value}`;\n } else {\n this.ariaLiveMessage = \"\";\n }\n this.lastAnnouncedType = type;\n this.lastAnnouncedValue = value;\n }\n\n private getColumnValues(type: ColumnType): number[] | IcTimePeriods[] {\n if (type === \"hour\")\n return this.timePeriod === \"12\"\n ? Array.from({ length: 12 }, (_, i) => i + 1)\n : Array.from({ length: 24 }, (_, i) => i);\n if (type === \"minute\") return this.minutes;\n if (type === \"period\") return this.periods;\n return [];\n }\n\n private getSelectedValue(type: ColumnType): number | IcTimePeriods | null {\n if (type === \"hour\") return this.selectedHour ?? null;\n if (type === \"minute\") return this.selectedMinute ?? null;\n if (type === \"period\") return this.selectedPeriod ?? null;\n return null;\n }\n\n private getHighlightedValue(\n type: ColumnType,\n col: HTMLElement\n ): number | IcTimePeriods | null {\n const items = Array.from(col.querySelectorAll(ITEM_CLASS));\n const realItems = items.filter(\n (item) => !item.classList.contains(\"ic-time-selector-scroll-row\")\n );\n if (realItems.length === 0) return null;\n const highlightTop = this.el.shadowRoot?.querySelector(\n \".ic-time-selector-highlight-top\"\n ) as HTMLElement;\n const highlightBottom = this.el.shadowRoot?.querySelector(\n \".ic-time-selector-highlight-bottom\"\n ) as HTMLElement;\n if (!highlightTop || !highlightBottom) return null;\n const topRect = highlightTop.getBoundingClientRect();\n const bottomRect = highlightBottom.getBoundingClientRect();\n const highlightStart = topRect.bottom;\n const highlightEnd = bottomRect.top;\n for (const item of realItems) {\n const itemRect = item.getBoundingClientRect();\n const itemCenter = itemRect.top + itemRect.height / 2;\n if (itemCenter >= highlightStart && itemCenter <= highlightEnd) {\n const key = item.getAttribute(\"key\");\n if (key) {\n const valStr = key.replace(`${type}-val-`, \"\");\n if (type === \"hour\" || type === \"minute\") {\n return Number(valStr);\n } else {\n return valStr as IcTimePeriods;\n }\n }\n const text = item.textContent?.trim();\n if (type === \"hour\" || type === \"minute\") {\n return text ? Number(text) : null;\n } else {\n return text as IcTimePeriods;\n }\n }\n }\n return null;\n }\n\n private handleColumnKeyDown = (type: ColumnType, event: KeyboardEvent) => {\n const columns = this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n const idx = COLUMN_TYPES.indexOf(type);\n if (!columns) return;\n\n const values = this.getColumnValues(type);\n const selected = this.getSelectedValue(type);\n const col = columns[idx] as HTMLElement;\n if (!col) return;\n\n const selectHighlighted = () => {\n const highlighted = this.getHighlightedValue(type, col);\n if (highlighted !== null) {\n this.handleSelect(type, highlighted);\n } else if (values.length > 0) {\n this.handleSelect(type, values[0]);\n }\n };\n\n switch (event.key) {\n case \"Enter\":\n case \" \":\n event.preventDefault();\n selectHighlighted();\n return;\n case \"ArrowRight\":\n event.preventDefault();\n selectHighlighted();\n if (idx < columns.length - 1) {\n (columns[idx + 1] as HTMLElement)?.focus();\n }\n return;\n case \"ArrowLeft\":\n event.preventDefault();\n if (idx > 0) (columns[idx - 1] as HTMLElement)?.focus();\n return;\n case \"Tab\":\n if (event.shiftKey) {\n if (idx === 0) {\n return;\n } else {\n event.preventDefault();\n (columns[idx - 1] as HTMLElement)?.focus();\n }\n } else {\n event.preventDefault();\n selectHighlighted();\n this.announceSelectedColumn(type);\n if (idx < columns.length - 1) {\n (columns[idx + 1] as HTMLElement)?.focus();\n } else {\n (\n this.el.shadowRoot?.querySelector(\n \".ic-time-selector-clear-btn\"\n ) as HTMLElement\n )?.focus();\n this.updateAriaLiveMessage();\n }\n }\n return;\n case \"ArrowUp\":\n case \"ArrowDown\": {\n let idxInValues = values.findIndex((v) => v === selected);\n if (idxInValues === -1) idxInValues = 0;\n let newIdx = idxInValues;\n const direction = event.key === \"ArrowUp\" ? -1 : 1;\n const maxIdx = values.length - 1;\n do {\n newIdx += direction;\n } while (\n newIdx >= 0 &&\n newIdx <= maxIdx &&\n (() => {\n if (type === \"hour\" || type === \"minute\") {\n const hour =\n type === \"hour\"\n ? (values[newIdx] as number)\n : this.selectedHour ?? 0;\n const minute =\n type === \"minute\"\n ? (values[newIdx] as number)\n : this.selectedMinute ?? 0;\n return this.isTimeDisabled(hour, minute);\n }\n return false;\n })()\n );\n this.ariaLiveMessage = `Selected ${type}: ${values[newIdx]}`;\n if (newIdx >= 0 && newIdx <= maxIdx && newIdx !== idxInValues) {\n this.handleSelect(type, values[newIdx]);\n }\n return;\n }\n default:\n return;\n }\n };\n\n private updateAriaLiveMessage() {\n const hourStr =\n this.selectedHour != null\n ? this.selectedHour.toString().padStart(2, \"0\")\n : null;\n const minuteStr =\n this.selectedMinute != null\n ? this.selectedMinute.toString().padStart(2, \"0\")\n : null;\n let timeString = \"\";\n let allSelected = false;\n allSelected = hourStr !== null && minuteStr !== null;\n if (allSelected) {\n timeString =\n hourStr +\n \":\" +\n minuteStr +\n (this.selectedPeriod ? \" \" + this.selectedPeriod : \"\");\n }\n this.ariaLiveMessage =\n allSelected && timeString ? `Selected time: ${timeString}` : \"\";\n }\n\n private renderColumn = (\n type: ColumnType,\n values: number[] | IcTimePeriods[],\n selected: number | IcTimePeriods | null\n ) => {\n const isTimeColumn = type === \"hour\" || type === \"minute\";\n const isPeriodColumn = type === \"period\";\n const headerLabel = this.getHeaderLabel(type);\n const topSpacerCount = 2;\n let bottomSpacerCount = 6;\n if (this.size === \"large\") {\n bottomSpacerCount = 5;\n } else if (this.size === \"small\") {\n bottomSpacerCount = 8;\n }\n return (\n <div class=\"ic-time-selector-column-wrapper\">\n {isPeriodColumn ? (\n <div class=\"ic-time-selector-header-row\" />\n ) : (\n headerLabel && (\n <div class=\"ic-time-selector-header-row\">\n <ic-typography variant=\"subtitle-small\">\n {headerLabel}\n </ic-typography>\n </div>\n )\n )}\n <div\n class={{\n \"ic-time-selector-column\": true,\n \"ic-time-selector-column-period\": isPeriodColumn,\n }}\n tabIndex={0}\n onKeyDown={(e) => this.handleColumnKeyDown(type, e as KeyboardEvent)}\n >\n <ul class=\"ic-time-selector-list\" role=\"listbox\" aria-label={type}>\n {this.renderScrollRows(topSpacerCount, `${type}-top-spacer`)}\n {values.map((val) => {\n let disabled = false;\n if (isTimeColumn) {\n const hour =\n type === \"hour\" ? (val as number) : this.selectedHour ?? 0;\n const minute =\n type === \"minute\"\n ? (val as number)\n : this.selectedMinute ?? 0;\n disabled = this.isTimeDisabled(hour, minute, type);\n }\n return (\n <li\n class={{\n \"ic-time-selector-item\": true,\n selected: val === selected,\n disabled,\n }}\n role=\"option\"\n aria-selected={val === selected ? \"true\" : \"false\"}\n aria-disabled={disabled ? \"true\" : \"false\"}\n onClick={() =>\n !disabled && this.handleSelect(type, val as any)\n }\n tabIndex={-1}\n key={`${type}-val-${val}`}\n >\n <ic-typography variant=\"subtitle-small\">\n {typeof val === \"number\"\n ? val.toString().padStart(2, \"0\")\n : val}\n </ic-typography>\n </li>\n );\n })}\n {(isTimeColumn || isPeriodColumn) &&\n this.renderScrollRows(bottomSpacerCount, `${type}-bottom-spacer`)}\n </ul>\n </div>\n </div>\n );\n };\n\n private handleClear = () => {\n this.selectedHour = undefined;\n this.scrollSelectedItem(\"hour\", true);\n this.selectedMinute = undefined;\n this.scrollSelectedItem(\"minute\", true);\n this.selectedPeriod = undefined;\n this.scrollSelectedItem(\"period\", true);\n this.lastAnnouncedType = undefined;\n this.lastAnnouncedValue = undefined;\n this.icChange.emit({\n value: null,\n timeString: null,\n timeObject: {\n hour: null,\n minute: null,\n period: undefined,\n },\n });\n };\n\n private handleConfirmClick = () => {\n const hour = this.selectedHour != null ? this.selectedHour : null;\n const minute = this.selectedMinute != null ? this.selectedMinute : null;\n const period = this.selectedPeriod;\n\n const hourStr = hour != null ? hour.toString().padStart(2, \"0\") : null;\n const minuteStr =\n minute != null ? minute.toString().padStart(2, \"0\") : null;\n\n let allSelected = false;\n allSelected = hour !== null && minute !== null;\n\n let value: Date | null = null;\n let timeString: string | null = null;\n if (allSelected) {\n let date24hours = hour;\n if (hour != null && period && this.timePeriod === \"12\") {\n if (period === \"PM\" && hour < 12) date24hours = hour + 12;\n if (period === \"AM\" && hour === 12) date24hours = 0;\n }\n value = new Date();\n value.setHours(date24hours ?? 0);\n value.setMinutes(minute ?? 0);\n timeString = hourStr + \":\" + minuteStr + (period ? \" \" + period : \"\");\n this.value = value;\n }\n\n this.icChange.emit({\n value: allSelected ? value : null,\n timeString: allSelected ? timeString : null,\n timeObject: {\n hour: hourStr,\n minute: minuteStr,\n ...(period ? { period } : {}),\n },\n });\n };\n\n render() {\n const hours =\n this.timePeriod === \"12\"\n ? Array.from({ length: 12 }, (_, i) => i + 1)\n : Array.from({ length: 24 }, (_, i) => i);\n const columns = [\n this.renderColumn(\"hour\", hours, this.selectedHour ?? null),\n this.renderColumn(\"minute\", this.minutes, this.selectedMinute ?? null),\n ];\n\n let colonSelectedStates: boolean[] = [];\n colonSelectedStates = [\n this.selectedHour !== undefined && this.selectedMinute !== undefined,\n ];\n\n const isInPicker = this.el.closest(\"ic-time-picker\") !== null;\n\n const { size, theme, timePeriod } = this;\n\n return (\n <Host\n class={{\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [`ic-time-selector-${size}`]: true,\n }}\n >\n <div\n role={isInPicker ? \"dialog\" : undefined}\n aria-modal={isInPicker ? true : undefined}\n aria-label=\"Select time. Use arrow keys to navigate and select the options and then tab to move onto the next selection.\"\n class={{\n \"ic-time-selector-dialog-container\": true,\n }}\n >\n <div class=\"ic-time-selector-highlight-lines\">\n <div class=\"ic-time-selector-header-border\" />\n <div\n class={{\n \"ic-time-selector-highlight\": true,\n \"ic-time-selector-highlight-top\": true,\n }}\n />\n <div class=\"ic-time-selector-columns\">\n {columns.map((col, idx) => [\n col,\n idx < columns.length - 1 ? (\n <ic-typography\n class={{\n \"ic-time-selector-colon\": true,\n \"ic-time-selector-colon-selected\":\n colonSelectedStates[idx],\n }}\n variant=\"subtitle-small\"\n aria-hidden=\"true\"\n key={`colon-${idx}`}\n >\n :\n </ic-typography>\n ) : null,\n ])}\n {timePeriod !== \"24\" &&\n this.renderColumn(\n \"period\",\n this.periods,\n this.selectedPeriod ?? null\n )}\n </div>\n <div\n class={{\n \"ic-time-selector-highlight\": true,\n \"ic-time-selector-highlight-bottom\": true,\n }}\n />\n </div>\n <div class=\"ic-time-selector-actions\">\n <ic-button\n variant=\"icon-tertiary\"\n aria-label=\"Clear time\"\n class={{\n \"ic-time-selector-clear-btn\": true,\n }}\n onClick={this.handleClear}\n disabled={\n this.selectedHour === undefined &&\n this.selectedMinute === undefined &&\n this.selectedPeriod === undefined\n }\n size={size}\n tabIndex={0}\n onKeyDown={(e: KeyboardEvent) => {\n if (e.key === \"Tab\" && e.shiftKey) {\n e.preventDefault();\n const columns =\n this.el.shadowRoot?.querySelectorAll(COLUMN_CLASS);\n if (columns && columns.length > 0) {\n const lastCol = columns[columns.length - 1] as HTMLElement;\n lastCol?.focus();\n }\n }\n }}\n >\n <span aria-hidden=\"true\" innerHTML={Clear}></span>\n </ic-button>\n <ic-button\n variant=\"icon-tertiary\"\n aria-label=\"Select time\"\n class=\"ic-time-selector-check-btn\"\n onClick={this.handleConfirmClick}\n disabled={\n this.selectedHour === undefined &&\n this.selectedMinute === undefined &&\n this.selectedPeriod === undefined\n }\n size={size}\n tabIndex={0}\n >\n <span aria-hidden=\"true\" innerHTML={Check}></span>\n </ic-button>\n </div>\n </div>\n <div class=\"sr-only\" aria-live=\"polite\">\n {this.ariaLiveMessage}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-f65f0065.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as o,f as n,h as i,H as r,g as a,F as c}from"./p-8e4e97b4.js";import{h as e,I as s,r as u,d as b,e as d,f as h,j as l,k as v}from"./p-7bbd1881.js";const m=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const g='/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-active\n )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(--ic-button-secondary-background) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-image:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-image:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-image:var(\n --ic-button-secondary-background-non-transparent-active\n )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-image:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(--ic-button-secondary-background-monochrome)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(--ic-button-secondary-background-monochrome) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-image:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-image:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-image:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-image:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background) .button,:host(.ic-button-variant-icon-tertiary.background) .button{background-color:var(--ic-button-tertiary-background)}:host(.ic-button-variant-tertiary.background) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a){background-color:var(--ic-button-tertiary-background) !important}:host(.ic-button-variant-tertiary.background) .button:hover,:host(.ic-button-variant-icon-tertiary.background) .button:hover{background-image:var(--ic-button-tertiary-background-non-transparent-hover)}:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover){background-image:var(\n --ic-button-tertiary-background-non-transparent-hover\n ) !important}:host(.ic-button-variant-tertiary.background) .button:active,:host(.ic-button-variant-icon-tertiary.background) .button:active{background-image:var(--ic-button-tertiary-background-non-transparent-active)}:host(.ic-button-variant-tertiary.background) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active){background-image:var(\n --ic-button-tertiary-background-non-transparent-active\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.background.monochrome) .button,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button{background-color:var(--ic-button-tertiary-background-monochrome)}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a){background-color:var(--ic-button-tertiary-background-monochrome) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover{background-image:var(\n --ic-button-tertiary-background-non-transparent-monochrome-hover\n )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:hover){background-image:var(\n --ic-button-tertiary-background-non-transparent-monochrome-hover\n ) !important}:host(.ic-button-variant-tertiary.background.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active{background-image:var(\n --ic-button-tertiary-background-non-transparent-monochrome-active\n )}:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a:active){background-image:var(\n --ic-button-tertiary-background-non-transparent-monochrome-active\n ) !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs);color:var(--ic-button-primary-icon)}:host(.ic-button-variant-icon-primary.monochrome) .button,:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled)) ::slotted(svg){color:var(--ic-button-primary-icon-monochrome)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important;margin:0;pointer-events:none}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}.loading-indicator-icon-button{--circular-diameter:var(--ic-space-md)}:host(.ic-button-size-small) .loading-indicator-icon-button{--circular-diameter:calc(var(--ic-space-sm) + var(--ic-space-xxxs))}:host(.ic-button-size-large) .loading-indicator-icon-button{--circular-diameter:calc(var(--ic-space-sm) + var(--ic-space-xs))}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus,:host(.clock-button) .button:focus{box-shadow:none}:host(.clear-button) .button,:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:hover,:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover-dark\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed-dark\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(\n --ic-action-monochrome-hover\n );--ic-button-secondary-text-pressed-monochrome:var(\n --ic-action-monochrome-pressed\n );--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}:host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg){color:currentcolor !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';const p=g;var y=undefined&&undefined.__rest\|\|function(t,o){var n={};for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i)&&o.indexOf(i)<0)n[i]=t[i];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,i=Object.getOwnPropertySymbols(t);r<i.length;r++){if(o.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r]))n[i[r]]=t[i[r]]}return n};let k=0;const f=class{constructor(i){t(this,i);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=k++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.mutationObserver=null;this.hostMutationObserver=null;this.ariaLabel="";this.title="";this.accept="*";this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${k++}`;this.fullWidth=false;this.loading=false;this.monochrome=false;this.multiple=false;this.size="medium";this.theme="inherit";this.tooltipFixedPositioning=false;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary";this.getSlottedIcon=t=>this.el.querySelector(`[slot="${t}-icon"]`);this.handleClick=()=>{if((this.el.type==="submit"\|\|this.el.type==="reset")&&!this.hasRouterSlot()&&(this.form\|\|!!this.el.closest("FORM"))){const t=this.form?document.querySelector(`form[id=${this.form}]`):this.el.closest("FORM");e(t,this.el)}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.updateAriaDescribedbyClone=()=>{var t,o;if(this.describedbyNode){const n=(t=this.el.shadowRoot)===null\|\|t===void 0?void 0:t.querySelector("#describedby-wrapper");if(!n){(o=this.el.shadowRoot)===null\|\|o===void 0?void 0:o.appendChild(Object.assign(document.createElement("div"),{id:"describedby-wrapper",className:"ic-button-describedby"}))}while(n===null\|\|n===void 0?void 0:n.firstChild)n.firstChild.remove();n===null\|\|n===void 0?void 0:n.appendChild(this.describedbyNode)}};this.mutationCallback=()=>{var t;if(this.describedbyEl)this.describedbyNode=(t=this.describedbyEl)===null\|\|t===void 0?void 0:t.cloneNode(true)};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{if(t){const n=this.el.getAttribute(t);if(n){if(t==="title")this.title=n;else if(t==="aria-label")this.ariaLabel=n;if(s.includes(t)){this.inheritedAttributes[t]=n;o=true}}}}));if(o){n(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title\|\|!!this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("icon");this.arrangeRouterItem=()=>{var t;const o=(t,o)=>{Object.entries(o).forEach((([o,n])=>{t.style.setProperty(o,n)}))};if(this.routerSlot){const n=document.createElement("ic-typography");o(n,{"font-family":"var(--ic-font-body-family)","font-size":"0.875rem","font-weight":"600"});o(this.routerSlot,{gap:"0"});const i=this.routerSlot.querySelector("svg");const r=i===null\|\|i===void 0?void 0:i.getAttribute("slot");const a=document.createElement("div");if(i){o(i,{fill:"currentcolor"});if(r==="top-icon"){o(this.routerSlot,{display:"flex","flex-direction":"column","--height":"fit-content"})}else if(r){const t=r==="left-icon"?"right":"left";o(a,{[`margin-${t}`]:"var(--ic-space-xs)"})}a.append(i)}const c=this.routerSlot.querySelector("ic-badge");const e=(t=this.routerSlot.textContent)===null\|\|t===void 0?void 0:t.trim();if(c)a.append(c);if(e)n.textContent=e;this.routerSlot.textContent="";if(r==="right-icon"){this.routerSlot.append(n);this.routerSlot.append(a)}else{this.routerSlot.append(a);this.routerSlot.append(n)}}}}watchDescribedbyNodeHandler(){this.updateAriaDescribedbyClone()}watchDisabledHandler(){u(this.disabled,this.el)}watchVariantHandler(t){if(t==="icon")this.variant="icon-tertiary"}disconnectedCallback(){var t,o;(t=this.mutationObserver)===null\|\|t===void 0?void 0:t.disconnect();(o=this.hostMutationObserver)===null\|\|o===void 0?void 0:o.disconnect()}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=b(this.el,[...s,"title"]),{title:o,"aria-label":n}=t,i=y(t,["title","aria-label"]);this.title=o;this.ariaLabel=n;this.inheritedAttributes=i;u(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id\|\|null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t){this.describedById=t;const o=document.querySelector(`#${t}`);if(o){this.describedbyEl=o;this.describedbyNode=o.cloneNode(true)}}}if(this.variant==="icon"){this.variant="icon-tertiary"}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedbyEl&&this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true});if(this.hasRouterSlot())this.arrangeRouterItem()}this.updateAriaDescribedbyClone()}componentWillRender(){const t=this.getSlottedIcon("left")\|\|this.getSlottedIcon("right");t===null\|\|t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){d(this.icFileSelection,this.el,!!this.multiple,!!this.disabled,this.accept,this.fileInputName,this.selectedFiles)}if(this.disabled\|\|this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null\|\|t===void 0?void 0:t.focus()}async closeButtonTooltip(t){var o;const n=(o=this.el.shadowRoot)===null\|\|o===void 0?void 0:o.querySelector("ic-tooltip");if(n&&await n.isTooltipVisible()){n.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=h(this.el,t);if(o!==l.Default){this.theme=o===l.Light?l.Dark:l.Light;this.monochrome=true}}render(){const{ariaControlsId:t,ariaLabel:o,ariaOwnsId:n,buttonIdNum:a,describedById:e,disabled:s,download:u,dropdown:b,dropdownExpanded:d,form:h,formaction:l,formenctype:g,formmethod:p,formnovalidate:y,formtarget:k,fullWidth:f,handleClick:x,handleKeyDown:w,hasTooltip:z,href:j,hreflang:$,id:O,inheritedAttributes:H,isIconVariant:B,loading:F,monochrome:L,onBlur:D,onFocus:M,referrerpolicy:C,rel:I,size:T,target:N,theme:R,title:W,tooltipFixedPositioning:P,tooltipPlacement:V,transparentBackground:q,type:E,variant:K}=this;const S=j?"a":"button";const A=S==="button"?{type:E,disabled:s,form:h,formaction:l,formenctype:g,formmethod:p,formnovalidate:y,formtarget:k}:{download:u!==false?u:null,href:j,rel:I,target:N,referrerpolicy:C,hreflang:$};const U=z?`ic-button-with-tooltip-${O\|\|a}`:undefined;const X=!z?e:`ic-tooltip-${U}`;const Z=!!this.getSlottedIcon("left");const G=!!this.getSlottedIcon("right");const J=()=>this.hasRouterSlot()?i("slot",{name:"router-item"}):i(S,Object.assign({class:"button",tabindex:0,"aria-disabled":F\|\|s?"true":null,"aria-label":F?"Loading":o,"aria-expanded":b&&`${d}`},A,H,{onFocus:M,onBlur:D,ref:t=>this.buttonEl=t,"aria-describedby":X,part:"button"}),F?i("div",{class:"loading-container"},i("ic-loading-indicator",{type:B()?"circular":"linear",class:{"loading-indicator-icon-button":B()},monochrome:L,theme:R})):i(c,null,(Z\|\|!!this.getSlottedIcon("top")&&!G)&&i("div",{class:"icon-container"},i("slot",{name:`${Z?"left":"top"}-icon`})),i("slot",null),!b?G&&i("div",{class:{"icon-container":true,"right-icon":true}},i("slot",{name:"right-icon"})):K!=="icon"&&K!=="destructive"&&i("span",{class:d?"dropdown-expanded":"arrow-dropdown",innerHTML:m})));return i(r,{key:"5d19b218bf34583c006b50906d38f2b2f23e6de4",class:{"ic-button-disabled":s&&!F,"ic-button-full-width":f,"ic-button-loading":F,[`ic-button-size-${T}`]:true,[`ic-button-variant-${K}`]:true,[`ic-theme-${R}`]:R!=="inherit",background:(K==="secondary"\|\|K==="tertiary")&&!q&&!s,"dropdown-no-icon":b&&!v(this.el,"icon")&&!v(this.el,"left-icon"),monochrome:L,"top-icon":v(this.el,"top-icon"),"with-badge":v(this.el,"badge")},onClick:x,onKeyDown:w,"aria-owns":n,"aria-controls":t,"aria-expanded":b&&`${d}`},z&&i("ic-tooltip",{key:"3a98d7964db1aefbf0bbbc1c9bce37691a9228d5",id:X,label:W\|\|o,target:U,placement:V,fixedPositioning:P,silent:B()&&!!o},i(J,{key:"a339ab15fa9e34c40637b9bffb552740ac5f8cf5"})),v(this.el,"badge")&&i("slot",{key:"c872b2e8af66531cf0743fca487eb235bb1ef72d",name:"badge"}),!z&&i(J,{key:"927760003908f8c3a47ffb8db55e183278da8e93"}))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{describedbyNode:["watchDescribedbyNodeHandler"],disabled:["watchDisabledHandler"],variant:["watchVariantHandler"]}}};f.style=p;export{f as B};
2	+ //# sourceMappingURL=p-f65f0065.js.map