@ukic/web-components 2.19.0 → 2.21.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-88e018cf.js → helpers-466a551d.js} +59 -99
- package/dist/cjs/helpers-466a551d.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +3 -1
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +15 -9
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +55 -77
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +3 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +14 -14
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +1 -1
- package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +23 -16
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +33 -31
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +21 -31
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +4 -2
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +3 -2
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -3
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +5 -5
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +4 -10
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +18 -9
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +21 -9
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +13 -18
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +12 -16
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +37 -37
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +10 -6
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +2 -2
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +8 -8
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +13 -15
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +2 -2
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +15 -24
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +2 -2
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +1 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +5 -1
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +5 -5
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +7 -4
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +37 -7
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js +2 -0
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.types.js.map +1 -0
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +9 -0
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map +1 -1
- package/dist/collection/components/ic-badge/ic-badge.js +64 -78
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js +4 -4
- package/dist/collection/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +2 -0
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.css +289 -11
- package/dist/collection/components/ic-button/ic-button.js +11 -11
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
- package/dist/collection/components/ic-card/ic-card.css +8 -0
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +31 -29
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +27 -15
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js +12 -0
- package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.css +5 -1
- package/dist/collection/components/ic-chip/ic-chip.js +20 -30
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js +5 -5
- package/dist/collection/components/ic-classification-banner/test/basic/ic-classification-banner.spec.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.css +11 -8
- package/dist/collection/components/ic-dialog/ic-dialog.js +4 -2
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js +2 -2
- package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.js +1 -1
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.js +4 -3
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +1 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +1 -2
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +2 -2
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js +9 -9
- package/dist/collection/components/ic-input-component-container/test/basic/ic-input-component-container.spec.js.map +1 -1
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js +3 -3
- package/dist/collection/components/ic-input-container/test/basic/ic-input-container.spec.js.map +1 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +6 -6
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js +5 -5
- package/dist/collection/components/ic-input-validation/test/basic/ic-input-validation.spec.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +1 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +1 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +0 -1
- package/dist/collection/components/ic-menu/ic-menu.js +3 -3
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +41 -41
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +4 -10
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +5 -5
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +6 -0
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js +3 -3
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.e2e.js +1 -1
- package/dist/collection/components/ic-navigation-menu/test/basic/ic-navigation-menu.e2e.js.map +1 -1
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js +1 -1
- package/dist/collection/components/ic-page-header/test/basic/ic-page-header.spec.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js +26 -8
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +1 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +44 -0
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +5 -1
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +27 -44
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js +76 -0
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +1 -0
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +12 -17
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +11 -15
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js +17 -17
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.e2e.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +37 -37
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js +5 -5
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.e2e.js.map +1 -1
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js +4 -4
- package/dist/collection/components/ic-section-container/test/basic/ic-section-container.spec.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.js +9 -5
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +11 -11
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +16 -43
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js +1 -1
- package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +11 -3
- package/dist/collection/components/ic-tab/ic-tab.css +17 -5
- package/dist/collection/components/ic-text-field/ic-text-field.css +1 -0
- package/dist/collection/components/ic-text-field/ic-text-field.js +6 -6
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map +1 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js +15 -15
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.textarea.spec.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.js +21 -17
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +1 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +21 -0
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +7 -7
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +7 -0
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +15 -24
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js +14 -14
- package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.spec.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.css +11 -2
- package/dist/collection/utils/helpers.js +58 -102
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/components/helpers.js +57 -97
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +2 -1
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-back-to-top.js +22 -9
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +59 -77
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +2 -0
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-button2.js +11 -11
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +26 -16
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +33 -31
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +21 -31
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-dialog.js +4 -2
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +1 -1
- package/dist/components/ic-footer-link-group.js +2 -2
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +1 -1
- package/dist/components/ic-footer.js +2 -2
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +3 -2
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +2 -3
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +2 -2
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-link2.js +1 -1
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +1 -1
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-item2.js +4 -10
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +3 -3
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +1 -1
- package/dist/components/ic-navigation-group.js +1 -1
- package/dist/components/ic-navigation-item.js +2 -2
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +1 -1
- package/dist/components/ic-pagination-item2.js +22 -12
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +23 -8
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +13 -18
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +11 -15
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +37 -37
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-select.js +9 -5
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +1 -1
- package/dist/components/ic-skeleton.js +17 -40
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-switch.js +1 -1
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab.js +1 -1
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +7 -7
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +13 -15
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast.js +1 -1
- package/dist/components/ic-toggle-button.js +1 -1
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-tooltip2.js +1 -1
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +15 -24
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +1 -1
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +2 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-063587c6.js +2 -0
- package/dist/core/p-063587c6.js.map +1 -0
- package/dist/core/{p-346578e4.entry.js → p-099efe2a.entry.js} +2 -2
- package/dist/core/p-0a6fbf35.entry.js +2 -0
- package/dist/core/p-0a6fbf35.entry.js.map +1 -0
- package/dist/core/{p-051583a5.entry.js → p-10dba909.entry.js} +2 -2
- package/dist/core/p-10dba909.entry.js.map +1 -0
- package/dist/core/p-14dd5b2b.entry.js +2 -0
- package/dist/core/p-14dd5b2b.entry.js.map +1 -0
- package/dist/core/{p-ba1c3cf7.entry.js → p-1624f4de.entry.js} +2 -2
- package/dist/core/{p-1b1270a1.entry.js → p-227a3f22.entry.js} +2 -2
- package/dist/core/p-227a3f22.entry.js.map +1 -0
- package/dist/core/{p-04cc2b25.entry.js → p-25606a38.entry.js} +2 -2
- package/dist/core/{p-328bc6a2.entry.js → p-25edb082.entry.js} +2 -2
- package/dist/core/p-25edb082.entry.js.map +1 -0
- package/dist/core/{p-4f3fe190.entry.js → p-2965644e.entry.js} +2 -2
- package/dist/core/{p-bceaf300.entry.js → p-34d719f8.entry.js} +2 -2
- package/dist/core/p-34d719f8.entry.js.map +1 -0
- package/dist/core/{p-3f53446c.entry.js → p-35856434.entry.js} +2 -2
- package/dist/core/{p-7b720034.entry.js → p-3eda4e14.entry.js} +2 -2
- package/dist/core/p-3eda4e14.entry.js.map +1 -0
- package/dist/core/{p-6f9dcfb5.entry.js → p-40c508c8.entry.js} +2 -2
- package/dist/core/{p-6f9dcfb5.entry.js.map → p-40c508c8.entry.js.map} +1 -1
- package/dist/core/p-426a5500.entry.js +2 -0
- package/dist/core/p-426a5500.entry.js.map +1 -0
- package/dist/core/p-4522e5c0.entry.js +2 -0
- package/dist/core/p-4522e5c0.entry.js.map +1 -0
- package/dist/core/{p-d7f4779d.entry.js → p-459355ef.entry.js} +2 -2
- package/dist/core/p-49cdaddc.entry.js +2 -0
- package/dist/core/p-49cdaddc.entry.js.map +1 -0
- package/dist/core/{p-f50a57f3.entry.js → p-4a0acd0f.entry.js} +2 -2
- package/dist/core/{p-f50a57f3.entry.js.map → p-4a0acd0f.entry.js.map} +1 -1
- package/dist/core/{p-32e2ae6f.entry.js → p-4e3a03cb.entry.js} +2 -2
- package/dist/core/{p-c919c571.entry.js → p-521cc9c6.entry.js} +2 -2
- package/dist/core/{p-c3acbefe.entry.js → p-56b709a1.entry.js} +2 -2
- package/dist/core/{p-c3acbefe.entry.js.map → p-56b709a1.entry.js.map} +1 -1
- package/dist/core/{p-2f91e86a.entry.js → p-687af4e5.entry.js} +2 -2
- package/dist/core/{p-8e37e832.entry.js → p-7dbd0a9f.entry.js} +2 -2
- package/dist/core/p-8a0d4ea2.entry.js +2 -0
- package/dist/core/p-8a0d4ea2.entry.js.map +1 -0
- package/dist/core/p-8bb09d94.entry.js +2 -0
- package/dist/core/p-8bb09d94.entry.js.map +1 -0
- package/dist/core/{p-e5957ce0.entry.js → p-8e3cc8e9.entry.js} +2 -2
- package/dist/core/{p-e68485ee.entry.js → p-8ec2105c.entry.js} +2 -2
- package/dist/core/p-8ec2105c.entry.js.map +1 -0
- package/dist/core/{p-adf468f4.entry.js → p-94c512d4.entry.js} +2 -2
- package/dist/core/p-94c512d4.entry.js.map +1 -0
- package/dist/core/p-9e4b8aeb.entry.js +2 -0
- package/dist/core/p-9e4b8aeb.entry.js.map +1 -0
- package/dist/core/{p-692ccc73.entry.js → p-a049705a.entry.js} +2 -2
- package/dist/core/p-a049705a.entry.js.map +1 -0
- package/dist/core/{p-731515cf.entry.js → p-a541cf18.entry.js} +2 -2
- package/dist/core/{p-52a4c223.entry.js → p-ad6176a2.entry.js} +2 -2
- package/dist/core/p-ad932b00.entry.js +2 -0
- package/dist/core/p-ad932b00.entry.js.map +1 -0
- package/dist/core/{p-5481b048.entry.js → p-adecaedd.entry.js} +2 -2
- package/dist/core/{p-2d4e7985.entry.js → p-af5e3bab.entry.js} +2 -2
- package/dist/core/p-af5e3bab.entry.js.map +1 -0
- package/dist/core/{p-8ed04819.entry.js → p-b6be866c.entry.js} +2 -2
- package/dist/core/p-b6be866c.entry.js.map +1 -0
- package/dist/core/p-b8d68163.entry.js +2 -0
- package/dist/core/p-b8d68163.entry.js.map +1 -0
- package/dist/core/{p-8153def1.entry.js → p-c199045d.entry.js} +2 -2
- package/dist/core/{p-1197f0d4.entry.js → p-c649689e.entry.js} +2 -2
- package/dist/core/{p-1197f0d4.entry.js.map → p-c649689e.entry.js.map} +1 -1
- package/dist/core/p-cbba9c7c.entry.js +2 -0
- package/dist/core/p-cbba9c7c.entry.js.map +1 -0
- package/dist/core/{p-1a6fab3e.entry.js → p-cc9e5b0e.entry.js} +2 -2
- package/dist/core/{p-03796d51.entry.js → p-ce4e0e38.entry.js} +2 -2
- package/dist/core/p-d3f10067.entry.js +2 -0
- package/dist/core/p-d3f10067.entry.js.map +1 -0
- package/dist/core/p-dae27567.entry.js +2 -0
- package/dist/core/p-dae27567.entry.js.map +1 -0
- package/dist/core/{p-a13236ef.entry.js → p-de40b0b1.entry.js} +2 -2
- package/dist/core/p-de40b0b1.entry.js.map +1 -0
- package/dist/core/{p-af5eacc1.entry.js → p-e5d5b07e.entry.js} +2 -2
- package/dist/core/{p-b451f27c.entry.js → p-e70c6b33.entry.js} +2 -2
- package/dist/core/{p-8b65be1e.entry.js → p-e776f72a.entry.js} +2 -2
- package/dist/core/p-e9ec912f.entry.js +2 -0
- package/dist/core/p-e9ec912f.entry.js.map +1 -0
- package/dist/core/p-ec77a078.entry.js +2 -0
- package/dist/core/p-ec77a078.entry.js.map +1 -0
- package/dist/core/{p-2b326b17.entry.js → p-f706798e.entry.js} +2 -2
- package/dist/core/{p-2b326b17.entry.js.map → p-f706798e.entry.js.map} +1 -1
- package/dist/core/{p-1c3b619f.entry.js → p-fd6f0ef0.entry.js} +2 -2
- package/dist/core/p-fd6f0ef0.entry.js.map +1 -0
- package/dist/core/{p-ba40f44a.entry.js → p-fe702898.entry.js} +2 -2
- package/dist/core/p-fe702898.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-24ba0b83.js → helpers-c28c228a.js} +58 -98
- package/dist/esm/helpers-c28c228a.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +3 -1
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +1 -1
- package/dist/esm/ic-alert.entry.js +1 -1
- package/dist/esm/ic-back-to-top.entry.js +15 -9
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +55 -77
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +3 -1
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js +14 -14
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +1 -1
- package/dist/esm/ic-card.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +23 -16
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +33 -31
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +21 -31
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-dialog.entry.js +4 -2
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +1 -1
- package/dist/esm/ic-empty-state.entry.js +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +2 -2
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +1 -1
- package/dist/esm/ic-footer.entry.js +2 -2
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +3 -2
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +2 -3
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +5 -5
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +1 -1
- package/dist/esm/ic-link.entry.js +2 -2
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-menu-item.entry.js +4 -10
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +1 -1
- package/dist/esm/ic-navigation-group.entry.js +1 -1
- package/dist/esm/ic-navigation-item.entry.js +2 -2
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +1 -1
- package/dist/esm/ic-pagination-item.entry.js +18 -9
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +21 -9
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +13 -18
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +12 -16
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +37 -37
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +1 -1
- package/dist/esm/ic-select.entry.js +10 -6
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +1 -1
- package/dist/esm/ic-skeleton.entry.js +16 -35
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +1 -1
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +1 -1
- package/dist/esm/ic-stepper.entry.js +1 -1
- package/dist/esm/ic-switch.entry.js +2 -2
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +1 -1
- package/dist/esm/ic-tab-panel.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js +2 -2
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +8 -8
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +13 -15
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +1 -1
- package/dist/esm/ic-toggle-button.entry.js +2 -2
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +15 -24
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +2 -2
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +3 -0
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +6 -0
- package/dist/types/components/ic-back-to-top/ic-back-to-top.types.d.ts +1 -0
- package/dist/types/components/ic-badge/ic-badge.d.ts +6 -0
- package/dist/types/components/ic-button/ic-button.d.ts +1 -1
- package/dist/types/components/ic-button/ic-button.types.d.ts +1 -1
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +0 -1
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +2 -1
- package/dist/types/components/ic-chip/ic-chip.d.ts +1 -1
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +3 -0
- package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +2 -0
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +2 -8
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +4 -1
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +1 -1
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +1 -0
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +0 -5
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +1 -0
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +0 -1
- package/dist/types/components/ic-theme/ic-theme.d.ts +2 -3
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +2 -1
- package/dist/types/components.d.ts +16 -22
- package/dist/types/utils/helpers.d.ts +7 -13
- package/hydrate/index.js +398 -472
- package/package.json +2 -2
- package/vscode-data.json +25 -9
- package/dist/cjs/helpers-88e018cf.js.map +0 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.e2e.js +0 -32
- package/dist/collection/components/ic-tab/test/basic/ic-tab.e2e.js.map +0 -1
- package/dist/collection/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.js +0 -19
- package/dist/collection/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.e2e.js +0 -354
- package/dist/collection/components/ic-tab-context/test/basic/ic-tab-context.e2e.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/a11y/ic-text-field.test.a11y.js +0 -33
- package/dist/collection/components/ic-text-field/test/a11y/ic-text-field.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.e2e.js +0 -110
- package/dist/collection/components/ic-text-field/test/basic/ic-text-field.e2e.js.map +0 -1
- package/dist/core/p-00c21dd7.entry.js +0 -2
- package/dist/core/p-00c21dd7.entry.js.map +0 -1
- package/dist/core/p-02ad4585.entry.js +0 -2
- package/dist/core/p-02ad4585.entry.js.map +0 -1
- package/dist/core/p-051583a5.entry.js.map +0 -1
- package/dist/core/p-078f7f23.entry.js +0 -2
- package/dist/core/p-078f7f23.entry.js.map +0 -1
- package/dist/core/p-0c097626.entry.js +0 -2
- package/dist/core/p-0c097626.entry.js.map +0 -1
- package/dist/core/p-1b1270a1.entry.js.map +0 -1
- package/dist/core/p-1c3b619f.entry.js.map +0 -1
- package/dist/core/p-24bed047.entry.js +0 -2
- package/dist/core/p-24bed047.entry.js.map +0 -1
- package/dist/core/p-2d4e7985.entry.js.map +0 -1
- package/dist/core/p-328bc6a2.entry.js.map +0 -1
- package/dist/core/p-44ea7a6d.entry.js +0 -2
- package/dist/core/p-44ea7a6d.entry.js.map +0 -1
- package/dist/core/p-498273cb.entry.js +0 -2
- package/dist/core/p-498273cb.entry.js.map +0 -1
- package/dist/core/p-692ccc73.entry.js.map +0 -1
- package/dist/core/p-74f9082d.entry.js +0 -2
- package/dist/core/p-74f9082d.entry.js.map +0 -1
- package/dist/core/p-7b720034.entry.js.map +0 -1
- package/dist/core/p-8bc2a670.entry.js +0 -2
- package/dist/core/p-8bc2a670.entry.js.map +0 -1
- package/dist/core/p-8ed04819.entry.js.map +0 -1
- package/dist/core/p-8fe2b073.entry.js +0 -2
- package/dist/core/p-8fe2b073.entry.js.map +0 -1
- package/dist/core/p-9f29ab99.entry.js +0 -2
- package/dist/core/p-9f29ab99.entry.js.map +0 -1
- package/dist/core/p-a13236ef.entry.js.map +0 -1
- package/dist/core/p-adf468f4.entry.js.map +0 -1
- package/dist/core/p-ba40f44a.entry.js.map +0 -1
- package/dist/core/p-bceaf300.entry.js.map +0 -1
- package/dist/core/p-d19d157d.entry.js +0 -2
- package/dist/core/p-d19d157d.entry.js.map +0 -1
- package/dist/core/p-e4d0d1fb.js +0 -2
- package/dist/core/p-e4d0d1fb.js.map +0 -1
- package/dist/core/p-e68485ee.entry.js.map +0 -1
- package/dist/core/p-e8e0fa96.entry.js +0 -2
- package/dist/core/p-e8e0fa96.entry.js.map +0 -1
- package/dist/core/p-f8df0716.entry.js +0 -2
- package/dist/core/p-f8df0716.entry.js.map +0 -1
- package/dist/core/p-fd737b7e.entry.js +0 -2
- package/dist/core/p-fd737b7e.entry.js.map +0 -1
- package/dist/esm/helpers-24ba0b83.js.map +0 -1
- package/dist/types/components/ic-tab-context/test/a11y/ic-tab-context.test.a11y.d.ts +0 -1
- package/dist/types/components/ic-text-field/test/a11y/ic-text-field.test.a11y.d.ts +0 -1
- /package/dist/core/{p-346578e4.entry.js.map → p-099efe2a.entry.js.map} +0 -0
- /package/dist/core/{p-ba1c3cf7.entry.js.map → p-1624f4de.entry.js.map} +0 -0
- /package/dist/core/{p-04cc2b25.entry.js.map → p-25606a38.entry.js.map} +0 -0
- /package/dist/core/{p-4f3fe190.entry.js.map → p-2965644e.entry.js.map} +0 -0
- /package/dist/core/{p-3f53446c.entry.js.map → p-35856434.entry.js.map} +0 -0
- /package/dist/core/{p-d7f4779d.entry.js.map → p-459355ef.entry.js.map} +0 -0
- /package/dist/core/{p-32e2ae6f.entry.js.map → p-4e3a03cb.entry.js.map} +0 -0
- /package/dist/core/{p-c919c571.entry.js.map → p-521cc9c6.entry.js.map} +0 -0
- /package/dist/core/{p-2f91e86a.entry.js.map → p-687af4e5.entry.js.map} +0 -0
- /package/dist/core/{p-8e37e832.entry.js.map → p-7dbd0a9f.entry.js.map} +0 -0
- /package/dist/core/{p-e5957ce0.entry.js.map → p-8e3cc8e9.entry.js.map} +0 -0
- /package/dist/core/{p-731515cf.entry.js.map → p-a541cf18.entry.js.map} +0 -0
- /package/dist/core/{p-52a4c223.entry.js.map → p-ad6176a2.entry.js.map} +0 -0
- /package/dist/core/{p-5481b048.entry.js.map → p-adecaedd.entry.js.map} +0 -0
- /package/dist/core/{p-8153def1.entry.js.map → p-c199045d.entry.js.map} +0 -0
- /package/dist/core/{p-1a6fab3e.entry.js.map → p-cc9e5b0e.entry.js.map} +0 -0
- /package/dist/core/{p-03796d51.entry.js.map → p-ce4e0e38.entry.js.map} +0 -0
- /package/dist/core/{p-af5eacc1.entry.js.map → p-e5d5b07e.entry.js.map} +0 -0
- /package/dist/core/{p-b451f27c.entry.js.map → p-e70c6b33.entry.js.map} +0 -0
- /package/dist/core/{p-8b65be1e.entry.js.map → p-e776f72a.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
@@ -7927,8 +7927,9 @@ const getThemeColorBrightness = () => {
|
|
7927
7927
|
/**
|
7928
7928
|
* Returns if dark or light foreground colors should be used for color contrast reasons
|
7929
7929
|
* @returns "dark" or "light"
|
7930
|
+
* @param brightness - Optional custom brightness value. Defaults to `getThemeColorBrightness`
|
7930
7931
|
*/
|
7931
|
-
const getThemeForegroundColor = (
|
7932
|
+
const getThemeForegroundColor = (brightness = getThemeColorBrightness()) => brightness > DARK_MODE_THRESHOLD
|
7932
7933
|
? IcThemeForegroundEnum.Dark
|
7933
7934
|
: IcThemeForegroundEnum.Light;
|
7934
7935
|
const getSlot = (element, name) => {
|
@@ -7951,24 +7952,24 @@ const getSlotElements = (slot) => {
|
|
7951
7952
|
const elements = slotContent.assignedElements
|
7952
7953
|
? slotContent.assignedElements()
|
7953
7954
|
: slotContent.childNodes;
|
7954
|
-
return elements.length ? elements : null;
|
7955
|
+
return elements.length ? elements : slot.tagName ? [slot] : null;
|
7955
7956
|
}
|
7956
7957
|
else {
|
7957
7958
|
//check for single element
|
7958
7959
|
return slot === null ? null : [slot];
|
7959
7960
|
}
|
7960
7961
|
};
|
7961
|
-
const getNavItemParentDetails = (
|
7962
|
+
const getNavItemParentDetails = ({ parentElement, }) => {
|
7962
7963
|
let navType = { navType: "", parent: null };
|
7963
|
-
switch (
|
7964
|
+
switch (parentElement.tagName) {
|
7964
7965
|
case "IC-NAVIGATION-GROUP":
|
7965
|
-
navType = getNavItemParentDetails(
|
7966
|
+
navType = getNavItemParentDetails(parentElement);
|
7966
7967
|
break;
|
7967
7968
|
case "IC-TOP-NAVIGATION":
|
7968
|
-
navType = { navType: "top", parent:
|
7969
|
+
navType = { navType: "top", parent: parentElement };
|
7969
7970
|
break;
|
7970
7971
|
case "IC-SIDE-NAVIGATION":
|
7971
|
-
navType = { navType: "side", parent:
|
7972
|
+
navType = { navType: "side", parent: parentElement };
|
7972
7973
|
break;
|
7973
7974
|
case "IC-PAGE-HEADER":
|
7974
7975
|
navType = { navType: "page-header", parent: null };
|
@@ -7984,10 +7985,8 @@ const DEVICE_SIZES = {
|
|
7984
7985
|
XL: Number(getCssProperty("--ic-breakpoint-xl").replace("px", "")), // 1200
|
7985
7986
|
UNDEFINED: 1200,
|
7986
7987
|
};
|
7987
|
-
const hasValidationStatus = (status, disabled) =>
|
7988
|
-
|
7989
|
-
};
|
7990
|
-
const isSlotUsed = (element, slotName) => Array.from(element.children).some((child) => child.getAttribute("slot") === slotName);
|
7988
|
+
const hasValidationStatus = (status, disabled) => !!status && !disabled;
|
7989
|
+
const isSlotUsed = ({ children }, slotName) => Array.from(children).some((child) => child.getAttribute("slot") === slotName);
|
7991
7990
|
// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update
|
7992
7991
|
// with a value. Allows a callback function to be executed when this is the case
|
7993
7992
|
const onComponentPropUndefinedChange = (oldValue, newValue, callback) => {
|
@@ -7996,100 +7995,61 @@ const onComponentPropUndefinedChange = (oldValue, newValue, callback) => {
|
|
7996
7995
|
}
|
7997
7996
|
};
|
7998
7997
|
const onComponentRequiredPropUndefined = (props, component) => {
|
7999
|
-
|
8000
|
-
const { prop, propName } = props[i];
|
7998
|
+
props.forEach(({ prop, propName }) => {
|
8001
7999
|
if (prop === null || prop === undefined) {
|
8002
8000
|
console.error(`No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(propName)}' (react) required`);
|
8003
8001
|
}
|
8004
|
-
}
|
8005
|
-
};
|
8006
|
-
const kebabToCamelCase = (kebabCase) => {
|
8007
|
-
kebabCase = kebabCase.toLowerCase();
|
8008
|
-
const individualWords = kebabCase.split("-");
|
8009
|
-
let camelCase = individualWords[0];
|
8010
|
-
for (let i = 1; i < individualWords.length; i++) {
|
8011
|
-
camelCase +=
|
8012
|
-
individualWords[i].substring(0, 1).toUpperCase() +
|
8013
|
-
individualWords[i].substring(1);
|
8014
|
-
}
|
8015
|
-
return camelCase;
|
8002
|
+
});
|
8016
8003
|
};
|
8004
|
+
const kebabToCamelCase = (kebabCase) => kebabCase
|
8005
|
+
.toLowerCase()
|
8006
|
+
.split("-")
|
8007
|
+
.map((word, index) => index === 0
|
8008
|
+
? word
|
8009
|
+
: `${word.substring(0, 1).toUpperCase()}${word.substring(1)}`)
|
8010
|
+
.join("");
|
8017
8011
|
const checkResizeObserver = (callbackFn) => {
|
8018
8012
|
if (typeof window !== "undefined" &&
|
8019
8013
|
typeof window.ResizeObserver !== "undefined") {
|
8020
8014
|
callbackFn();
|
8021
8015
|
}
|
8022
8016
|
};
|
8023
|
-
const hex2dec =
|
8024
|
-
return parseInt(v, 16);
|
8025
|
-
};
|
8017
|
+
const hex2dec = (v) => parseInt(v, 16);
|
8026
8018
|
const hexToRgba = (hex) => {
|
8027
|
-
|
8028
|
-
|
8029
|
-
|
8030
|
-
|
8031
|
-
|
8032
|
-
|
8033
|
-
|
8034
|
-
|
8035
|
-
|
8036
|
-
}
|
8037
|
-
else {
|
8038
|
-
return {
|
8039
|
-
r: hex2dec(hex.slice(1, 3)),
|
8040
|
-
g: hex2dec(hex.slice(3, 5)),
|
8041
|
-
b: hex2dec(hex.slice(5)),
|
8042
|
-
a: 1,
|
8043
|
-
};
|
8044
|
-
}
|
8019
|
+
const hexChars = hex
|
8020
|
+
.replace("#", "")
|
8021
|
+
.split("")
|
8022
|
+
.map((char) => char.repeat(2));
|
8023
|
+
return {
|
8024
|
+
r: hex2dec(hex.length === 4 ? hexChars[0] : hex.slice(1, 3)),
|
8025
|
+
g: hex2dec(hex.length === 4 ? hexChars[1] : hex.slice(3, 5)),
|
8026
|
+
b: hex2dec(hex.length === 4 ? hexChars[2] : hex.slice(5)),
|
8027
|
+
a: 1,
|
8028
|
+
};
|
8045
8029
|
};
|
8046
8030
|
const rgbaStrToObj = (rgbaStr) => {
|
8047
|
-
const
|
8048
|
-
|
8049
|
-
|
8050
|
-
|
8051
|
-
|
8052
|
-
|
8053
|
-
|
8054
|
-
|
8055
|
-
|
8056
|
-
|
8057
|
-
|
8058
|
-
|
8059
|
-
}
|
8060
|
-
else {
|
8061
|
-
colorRGBA = { r: null, g: null, b: null, a: 1 };
|
8062
|
-
const rgb = rgbaStr
|
8063
|
-
.substring(4, rgbaStr.length - 1)
|
8064
|
-
.replace(/ /g, "")
|
8065
|
-
.split(",");
|
8066
|
-
colorRGBA.r = Number(rgb[0]);
|
8067
|
-
colorRGBA.g = Number(rgb[1]);
|
8068
|
-
colorRGBA.b = Number(rgb[2]);
|
8069
|
-
}
|
8070
|
-
return colorRGBA;
|
8031
|
+
const isRGBA = rgbaStr.slice(3, 4).toLowerCase() === "a";
|
8032
|
+
const rgbValues = rgbaStr
|
8033
|
+
.substring(isRGBA ? 5 : 4, rgbaStr.length - 1)
|
8034
|
+
.replace(/ /g, "")
|
8035
|
+
.split(",")
|
8036
|
+
.map(Number);
|
8037
|
+
return {
|
8038
|
+
r: rgbValues[0],
|
8039
|
+
g: rgbValues[1],
|
8040
|
+
b: rgbValues[2],
|
8041
|
+
a: isRGBA ? rgbValues[3] : 1,
|
8042
|
+
};
|
8071
8043
|
};
|
8072
|
-
const elementOverflowsX = (
|
8073
|
-
/**
|
8074
|
-
*
|
8075
|
-
* @param child - The child element
|
8076
|
-
* @returns string
|
8077
|
-
*/
|
8078
|
-
const getParentElementType = (child) => child.parentElement.tagName;
|
8079
|
-
const getParentElement = (child) => child.parentElement;
|
8044
|
+
const elementOverflowsX = ({ scrollWidth, clientWidth, }) => scrollWidth > clientWidth;
|
8080
8045
|
const hasClassificationBanner = () => !!document.querySelector("ic-classification-banner:not([inline='true'])");
|
8081
|
-
const getForm = (el) => el.closest("FORM");
|
8082
8046
|
const addFormResetListener = (el, callbackFn) => {
|
8083
|
-
|
8084
|
-
|
8085
|
-
form.addEventListener("reset", callbackFn);
|
8086
|
-
}
|
8047
|
+
var _a;
|
8048
|
+
(_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.addEventListener("reset", callbackFn);
|
8087
8049
|
};
|
8088
8050
|
const removeFormResetListener = (el, callbackFn) => {
|
8089
|
-
|
8090
|
-
|
8091
|
-
form.removeEventListener("reset", callbackFn);
|
8092
|
-
}
|
8051
|
+
var _a;
|
8052
|
+
(_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", callbackFn);
|
8093
8053
|
};
|
8094
8054
|
const pxToRem = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;
|
8095
8055
|
const removeDisabledFalse = (disabled, element) => {
|
@@ -8098,15 +8058,15 @@ const removeDisabledFalse = (disabled, element) => {
|
|
8098
8058
|
}
|
8099
8059
|
};
|
8100
8060
|
const convertToRGBA = (color) => {
|
8101
|
-
|
8102
|
-
|
8103
|
-
|
8104
|
-
|
8105
|
-
|
8106
|
-
|
8107
|
-
|
8108
|
-
|
8109
|
-
return
|
8061
|
+
const firstChar = color === null || color === void 0 ? void 0 : color.slice(0, 1).toLowerCase();
|
8062
|
+
return firstChar === "#"
|
8063
|
+
? hexToRgba(color)
|
8064
|
+
: firstChar === "r"
|
8065
|
+
? rgbaStrToObj(color)
|
8066
|
+
: null;
|
8067
|
+
};
|
8068
|
+
const capitalize = (text) => {
|
8069
|
+
return text.charAt(0).toUpperCase() + text.slice(1);
|
8110
8070
|
};
|
8111
8071
|
|
8112
8072
|
var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
@@ -8244,6 +8204,9 @@ class Accordion {
|
|
8244
8204
|
const icAccordionGroupCss = "/*!@html*/html.sc-ic-accordion-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion-group{margin:0}/*!@main*/main.sc-ic-accordion-group{display:block}/*!@h1*/h1.sc-ic-accordion-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion-group,strong.sc-ic-accordion-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion-group,kbd.sc-ic-accordion-group,samp.sc-ic-accordion-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion-group,sup.sc-ic-accordion-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion-group{top:-0.5em}/*!@img*/img.sc-ic-accordion-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion-group,input.sc-ic-accordion-group,optgroup.sc-ic-accordion-group,select.sc-ic-accordion-group,textarea.sc-ic-accordion-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion-group,input.sc-ic-accordion-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion-group,select.sc-ic-accordion-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion-group,[type=\"button\"].sc-ic-accordion-group,[type=\"reset\"].sc-ic-accordion-group,[type=\"submit\"].sc-ic-accordion-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion-group::-moz-focus-inner,[type=\"button\"].sc-ic-accordion-group::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion-group::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion-group:-moz-focusring,[type=\"button\"].sc-ic-accordion-group:-moz-focusring,[type=\"reset\"].sc-ic-accordion-group:-moz-focusring,[type=\"submit\"].sc-ic-accordion-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion-group,[type=\"radio\"].sc-ic-accordion-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion-group{display:block}/*!@summary*/summary.sc-ic-accordion-group{display:list-item}/*!@template*/template.sc-ic-accordion-group{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion-group,body.sc-ic-accordion-group,div.sc-ic-accordion-group,span.sc-ic-accordion-group,applet.sc-ic-accordion-group,object.sc-ic-accordion-group,iframe.sc-ic-accordion-group,h1.sc-ic-accordion-group,h2.sc-ic-accordion-group,h3.sc-ic-accordion-group,h4.sc-ic-accordion-group,h5.sc-ic-accordion-group,h6.sc-ic-accordion-group,p.sc-ic-accordion-group,blockquote.sc-ic-accordion-group,pre.sc-ic-accordion-group,a.sc-ic-accordion-group,abbr.sc-ic-accordion-group,acronym.sc-ic-accordion-group,address.sc-ic-accordion-group,big.sc-ic-accordion-group,cite.sc-ic-accordion-group,code.sc-ic-accordion-group,del.sc-ic-accordion-group,dfn.sc-ic-accordion-group,em.sc-ic-accordion-group,img.sc-ic-accordion-group,ins.sc-ic-accordion-group,kbd.sc-ic-accordion-group,q.sc-ic-accordion-group,s.sc-ic-accordion-group,samp.sc-ic-accordion-group,small.sc-ic-accordion-group,strike.sc-ic-accordion-group,strong.sc-ic-accordion-group,sub.sc-ic-accordion-group,sup.sc-ic-accordion-group,tt.sc-ic-accordion-group,var.sc-ic-accordion-group,b.sc-ic-accordion-group,u.sc-ic-accordion-group,i.sc-ic-accordion-group,center.sc-ic-accordion-group,dl.sc-ic-accordion-group,dt.sc-ic-accordion-group,dd.sc-ic-accordion-group,ol.sc-ic-accordion-group,ul.sc-ic-accordion-group,li.sc-ic-accordion-group,fieldset.sc-ic-accordion-group,form.sc-ic-accordion-group,label.sc-ic-accordion-group,legend.sc-ic-accordion-group,table.sc-ic-accordion-group,caption.sc-ic-accordion-group,tbody.sc-ic-accordion-group,tfoot.sc-ic-accordion-group,thead.sc-ic-accordion-group,tr.sc-ic-accordion-group,th.sc-ic-accordion-group,td.sc-ic-accordion-group,article.sc-ic-accordion-group,aside.sc-ic-accordion-group,canvas.sc-ic-accordion-group,details.sc-ic-accordion-group,embed.sc-ic-accordion-group,figure.sc-ic-accordion-group,figcaption.sc-ic-accordion-group,footer.sc-ic-accordion-group,header.sc-ic-accordion-group,hgroup.sc-ic-accordion-group,menu.sc-ic-accordion-group,nav.sc-ic-accordion-group,output.sc-ic-accordion-group,ruby.sc-ic-accordion-group,section.sc-ic-accordion-group,summary.sc-ic-accordion-group,time.sc-ic-accordion-group,mark.sc-ic-accordion-group,audio.sc-ic-accordion-group,video.sc-ic-accordion-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.group-title-container*/.group-title-container.sc-ic-accordion-group{padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}/*!@:host(.small) .group-title-container*/.small.sc-ic-accordion-group-h .group-title-container.sc-ic-accordion-group{padding:var(--ic-space-xxs) var(--ic-space-xs)}/*!@:host(.large) .group-title-container*/.large.sc-ic-accordion-group-h .group-title-container.sc-ic-accordion-group{padding:var(--ic-space-sm) var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-accordion-group-h{color:var(--ic-architectural-white)}/*!@:host(.accordion-group.dark) ::slotted(ic-accordion)*/.sc-ic-accordion-group-h.accordion-group.dark .sc-ic-accordion-group-s>ic-accordion{color:var(--ic-architectural-white)}";
|
8245
8205
|
|
8246
8206
|
let accordionGroupIds = 0;
|
8207
|
+
/**
|
8208
|
+
* @slot group-title - Content is placed as the accordion group title.
|
8209
|
+
*/
|
8247
8210
|
class AccordionGroup {
|
8248
8211
|
constructor(hostRef) {
|
8249
8212
|
registerInstance(this, hostRef);
|
@@ -8333,7 +8296,7 @@ class AccordionGroup {
|
|
8333
8296
|
[`${appearance}`]: true,
|
8334
8297
|
[`${size}`]: true,
|
8335
8298
|
["accordion-group"]: true,
|
8336
|
-
} }, hAsync("div", { class: "group-title-container" }, hAsync("ic-typography", { variant: "h4" }, hAsync("h3", null, groupTitle)), !singleExpansion && (hAsync("ic-button", { ref: (el) => (this.allButtonEl = el), appearance: appearance === "light" ? "light" : "default", onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", null)));
|
8299
|
+
} }, hAsync("div", { class: "group-title-container" }, hAsync("ic-typography", { variant: "h4" }, hAsync("h3", null, isSlotUsed(this.el, "group-title") ? (hAsync("slot", { name: "group-title" })) : (groupTitle))), !singleExpansion && (hAsync("ic-button", { ref: (el) => (this.allButtonEl = el), appearance: appearance === "light" ? "light" : "default", onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", null)));
|
8337
8300
|
}
|
8338
8301
|
get el() { return getElement(this); }
|
8339
8302
|
static get style() { return icAccordionGroupCss; }
|
@@ -8451,7 +8414,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
|
|
8451
8414
|
</svg>
|
8452
8415
|
`;
|
8453
8416
|
|
8454
|
-
const icBackToTopCss = "/*!@html*/html.sc-ic-back-to-top{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-back-to-top{margin:0}/*!@main*/main.sc-ic-back-to-top{display:block}/*!@h1*/h1.sc-ic-back-to-top{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-back-to-top{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-back-to-top{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-back-to-top{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-back-to-top,strong.sc-ic-back-to-top{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-back-to-top,kbd.sc-ic-back-to-top,samp.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-back-to-top{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-back-to-top,sup.sc-ic-back-to-top{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-back-to-top{bottom:-0.25em}/*!@sup*/sup.sc-ic-back-to-top{top:-0.5em}/*!@img*/img.sc-ic-back-to-top{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-back-to-top,input.sc-ic-back-to-top,optgroup.sc-ic-back-to-top,select.sc-ic-back-to-top,textarea.sc-ic-back-to-top{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-back-to-top,input.sc-ic-back-to-top{overflow:visible}/*!@button,\nselect*/button.sc-ic-back-to-top,select.sc-ic-back-to-top{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-back-to-top,[type=\"button\"].sc-ic-back-to-top,[type=\"reset\"].sc-ic-back-to-top,[type=\"submit\"].sc-ic-back-to-top{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-back-to-top::-moz-focus-inner,[type=\"button\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"reset\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"submit\"].sc-ic-back-to-top::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-back-to-top:-moz-focusring,[type=\"button\"].sc-ic-back-to-top:-moz-focusring,[type=\"reset\"].sc-ic-back-to-top:-moz-focusring,[type=\"submit\"].sc-ic-back-to-top:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-back-to-top{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-back-to-top{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-back-to-top{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-back-to-top{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-back-to-top,[type=\"radio\"].sc-ic-back-to-top{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-back-to-top::-webkit-inner-spin-button,[type=\"number\"].sc-ic-back-to-top::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-back-to-top{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-back-to-top::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-back-to-top::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-back-to-top{display:block}/*!@summary*/summary.sc-ic-back-to-top{display:list-item}/*!@template*/template.sc-ic-back-to-top{display:none}/*!@[hidden]*/[hidden].sc-ic-back-to-top{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-back-to-top,body.sc-ic-back-to-top,div.sc-ic-back-to-top,span.sc-ic-back-to-top,applet.sc-ic-back-to-top,object.sc-ic-back-to-top,iframe.sc-ic-back-to-top,h1.sc-ic-back-to-top,h2.sc-ic-back-to-top,h3.sc-ic-back-to-top,h4.sc-ic-back-to-top,h5.sc-ic-back-to-top,h6.sc-ic-back-to-top,p.sc-ic-back-to-top,blockquote.sc-ic-back-to-top,pre.sc-ic-back-to-top,a.sc-ic-back-to-top,abbr.sc-ic-back-to-top,acronym.sc-ic-back-to-top,address.sc-ic-back-to-top,big.sc-ic-back-to-top,cite.sc-ic-back-to-top,code.sc-ic-back-to-top,del.sc-ic-back-to-top,dfn.sc-ic-back-to-top,em.sc-ic-back-to-top,img.sc-ic-back-to-top,ins.sc-ic-back-to-top,kbd.sc-ic-back-to-top,q.sc-ic-back-to-top,s.sc-ic-back-to-top,samp.sc-ic-back-to-top,small.sc-ic-back-to-top,strike.sc-ic-back-to-top,strong.sc-ic-back-to-top,sub.sc-ic-back-to-top,sup.sc-ic-back-to-top,tt.sc-ic-back-to-top,var.sc-ic-back-to-top,b.sc-ic-back-to-top,u.sc-ic-back-to-top,i.sc-ic-back-to-top,center.sc-ic-back-to-top,dl.sc-ic-back-to-top,dt.sc-ic-back-to-top,dd.sc-ic-back-to-top,ol.sc-ic-back-to-top,ul.sc-ic-back-to-top,li.sc-ic-back-to-top,fieldset.sc-ic-back-to-top,form.sc-ic-back-to-top,label.sc-ic-back-to-top,legend.sc-ic-back-to-top,table.sc-ic-back-to-top,caption.sc-ic-back-to-top,tbody.sc-ic-back-to-top,tfoot.sc-ic-back-to-top,thead.sc-ic-back-to-top,tr.sc-ic-back-to-top,th.sc-ic-back-to-top,td.sc-ic-back-to-top,article.sc-ic-back-to-top,aside.sc-ic-back-to-top,canvas.sc-ic-back-to-top,details.sc-ic-back-to-top,embed.sc-ic-back-to-top,figure.sc-ic-back-to-top,figcaption.sc-ic-back-to-top,footer.sc-ic-back-to-top,header.sc-ic-back-to-top,hgroup.sc-ic-back-to-top,menu.sc-ic-back-to-top,nav.sc-ic-back-to-top,output.sc-ic-back-to-top,ruby.sc-ic-back-to-top,section.sc-ic-back-to-top,summary.sc-ic-back-to-top,time.sc-ic-back-to-top,mark.sc-ic-back-to-top,audio.sc-ic-back-to-top,video.sc-ic-back-to-top{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-back-to-top-h{display:block;position:absolute;right:0}
|
8417
|
+
const icBackToTopCss = "/*!@html*/html.sc-ic-back-to-top{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-back-to-top{margin:0}/*!@main*/main.sc-ic-back-to-top{display:block}/*!@h1*/h1.sc-ic-back-to-top{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-back-to-top{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-back-to-top{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-back-to-top{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-back-to-top,strong.sc-ic-back-to-top{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-back-to-top,kbd.sc-ic-back-to-top,samp.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-back-to-top{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-back-to-top,sup.sc-ic-back-to-top{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-back-to-top{bottom:-0.25em}/*!@sup*/sup.sc-ic-back-to-top{top:-0.5em}/*!@img*/img.sc-ic-back-to-top{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-back-to-top,input.sc-ic-back-to-top,optgroup.sc-ic-back-to-top,select.sc-ic-back-to-top,textarea.sc-ic-back-to-top{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-back-to-top,input.sc-ic-back-to-top{overflow:visible}/*!@button,\nselect*/button.sc-ic-back-to-top,select.sc-ic-back-to-top{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-back-to-top,[type=\"button\"].sc-ic-back-to-top,[type=\"reset\"].sc-ic-back-to-top,[type=\"submit\"].sc-ic-back-to-top{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-back-to-top::-moz-focus-inner,[type=\"button\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"reset\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"submit\"].sc-ic-back-to-top::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-back-to-top:-moz-focusring,[type=\"button\"].sc-ic-back-to-top:-moz-focusring,[type=\"reset\"].sc-ic-back-to-top:-moz-focusring,[type=\"submit\"].sc-ic-back-to-top:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-back-to-top{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-back-to-top{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-back-to-top{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-back-to-top{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-back-to-top,[type=\"radio\"].sc-ic-back-to-top{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-back-to-top::-webkit-inner-spin-button,[type=\"number\"].sc-ic-back-to-top::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-back-to-top{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-back-to-top::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-back-to-top::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-back-to-top{display:block}/*!@summary*/summary.sc-ic-back-to-top{display:list-item}/*!@template*/template.sc-ic-back-to-top{display:none}/*!@[hidden]*/[hidden].sc-ic-back-to-top{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-back-to-top,body.sc-ic-back-to-top,div.sc-ic-back-to-top,span.sc-ic-back-to-top,applet.sc-ic-back-to-top,object.sc-ic-back-to-top,iframe.sc-ic-back-to-top,h1.sc-ic-back-to-top,h2.sc-ic-back-to-top,h3.sc-ic-back-to-top,h4.sc-ic-back-to-top,h5.sc-ic-back-to-top,h6.sc-ic-back-to-top,p.sc-ic-back-to-top,blockquote.sc-ic-back-to-top,pre.sc-ic-back-to-top,a.sc-ic-back-to-top,abbr.sc-ic-back-to-top,acronym.sc-ic-back-to-top,address.sc-ic-back-to-top,big.sc-ic-back-to-top,cite.sc-ic-back-to-top,code.sc-ic-back-to-top,del.sc-ic-back-to-top,dfn.sc-ic-back-to-top,em.sc-ic-back-to-top,img.sc-ic-back-to-top,ins.sc-ic-back-to-top,kbd.sc-ic-back-to-top,q.sc-ic-back-to-top,s.sc-ic-back-to-top,samp.sc-ic-back-to-top,small.sc-ic-back-to-top,strike.sc-ic-back-to-top,strong.sc-ic-back-to-top,sub.sc-ic-back-to-top,sup.sc-ic-back-to-top,tt.sc-ic-back-to-top,var.sc-ic-back-to-top,b.sc-ic-back-to-top,u.sc-ic-back-to-top,i.sc-ic-back-to-top,center.sc-ic-back-to-top,dl.sc-ic-back-to-top,dt.sc-ic-back-to-top,dd.sc-ic-back-to-top,ol.sc-ic-back-to-top,ul.sc-ic-back-to-top,li.sc-ic-back-to-top,fieldset.sc-ic-back-to-top,form.sc-ic-back-to-top,label.sc-ic-back-to-top,legend.sc-ic-back-to-top,table.sc-ic-back-to-top,caption.sc-ic-back-to-top,tbody.sc-ic-back-to-top,tfoot.sc-ic-back-to-top,thead.sc-ic-back-to-top,tr.sc-ic-back-to-top,th.sc-ic-back-to-top,td.sc-ic-back-to-top,article.sc-ic-back-to-top,aside.sc-ic-back-to-top,canvas.sc-ic-back-to-top,details.sc-ic-back-to-top,embed.sc-ic-back-to-top,figure.sc-ic-back-to-top,figcaption.sc-ic-back-to-top,footer.sc-ic-back-to-top,header.sc-ic-back-to-top,hgroup.sc-ic-back-to-top,menu.sc-ic-back-to-top,nav.sc-ic-back-to-top,output.sc-ic-back-to-top,ruby.sc-ic-back-to-top,section.sc-ic-back-to-top,summary.sc-ic-back-to-top,time.sc-ic-back-to-top,mark.sc-ic-back-to-top,audio.sc-ic-back-to-top,video.sc-ic-back-to-top{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-back-to-top-h{display:block;position:absolute;right:0}/*!@.positioning*/.positioning.sc-ic-back-to-top{position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}/*!@button*/button.sc-ic-back-to-top{height:2.5rem;align-items:center;padding:var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);margin:0;gap:var(--ic-space-xs);display:flex;background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:5rem;text-decoration:none;visibility:hidden;opacity:0;cursor:pointer}/*!@button:hover*/button.sc-ic-back-to-top:hover{text-decoration:none;background-color:var(--ic-action-default-bg-hover-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-hover)}/*!@button:active*/button.sc-ic-back-to-top:active{text-decoration:none;background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active)}/*!@button:focus*/button.sc-ic-back-to-top:focus{box-shadow:var(--ic-border-focus)}/*!@.ic-back-to-top-link.show*/.ic-back-to-top-link.show.sc-ic-back-to-top{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}/*!@.ic-back-to-top-link.by-footer*/.ic-back-to-top-link.by-footer.sc-ic-back-to-top{position:relative;right:var(--ic-space-md);bottom:3.5rem}/*!@.ic-back-to-top-link.offset-banner*/.ic-back-to-top-link.offset-banner.sc-ic-back-to-top{margin-bottom:var(--ic-space-lg)}/*!@.ic-back-to-top-icon*/.ic-back-to-top-icon.sc-ic-back-to-top{fill:var(--ic-action-default);padding-left:var(--ic-space-xxs);padding-top:var(--ic-space-xxxs)}/*!@.ic-back-to-top-icon > svg*/.ic-back-to-top-icon.sc-ic-back-to-top>svg.sc-ic-back-to-top{height:var(--ic-space-md);width:var(--ic-space-md);display:inline-block}/*!@.ic-back-to-top-link span*/.ic-back-to-top-link.sc-ic-back-to-top span.sc-ic-back-to-top{color:var(--ic-action-default)}/*!@.ic-back-to-top-link:hover .ic-back-to-top-icon*/.ic-back-to-top-link.sc-ic-back-to-top:hover .ic-back-to-top-icon.sc-ic-back-to-top{fill:var(--ic-action-default-hover)}/*!@.ic-back-to-top-link:hover span*/.ic-back-to-top-link.sc-ic-back-to-top:hover span.sc-ic-back-to-top{color:var(--ic-action-default-hover)}@media (forced-colors: active){/*!@.ic-back-to-top-icon*/.ic-back-to-top-icon.sc-ic-back-to-top{fill:currentcolor}}";
|
8455
8418
|
|
8456
8419
|
const backToTopLabel = "Back to top";
|
8457
8420
|
class BackToTop {
|
@@ -8530,10 +8493,21 @@ class BackToTop {
|
|
8530
8493
|
const banners = document.querySelectorAll("ic-classification-banner:not([inline='true'])");
|
8531
8494
|
this.bannerOffset = banners.length > 0;
|
8532
8495
|
};
|
8496
|
+
this.buildButton = () => {
|
8497
|
+
const { bannerOffset, targetElVisible, footerVisible, variant } = this;
|
8498
|
+
return (hAsync("button", { class: {
|
8499
|
+
["ic-back-to-top-link"]: true,
|
8500
|
+
["offset-banner"]: bannerOffset,
|
8501
|
+
["show"]: !targetElVisible,
|
8502
|
+
["by-footer"]: footerVisible,
|
8503
|
+
["positioning"]: variant !== "icon",
|
8504
|
+
}, "aria-label": backToTopLabel, onClick: this.handleClick }, hAsync("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), this.variant !== "icon" && (hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", null, backToTopLabel)))));
|
8505
|
+
};
|
8533
8506
|
this.bannerOffset = false;
|
8534
8507
|
this.footerVisible = false;
|
8535
8508
|
this.targetElVisible = true;
|
8536
8509
|
this.target = undefined;
|
8510
|
+
this.variant = "default";
|
8537
8511
|
}
|
8538
8512
|
watchPropHandler(newValue, oldValue) {
|
8539
8513
|
//added for gatsby rehydration issue where prop is initially undefined but then changes to actual value
|
@@ -8560,13 +8534,8 @@ class BackToTop {
|
|
8560
8534
|
onComponentRequiredPropUndefined([{ prop: this.target, propName: "target" }], "Back to Top");
|
8561
8535
|
}
|
8562
8536
|
render() {
|
8563
|
-
const {
|
8564
|
-
return (hAsync("
|
8565
|
-
["ic-back-to-top-link"]: true,
|
8566
|
-
["offset-banner"]: bannerOffset,
|
8567
|
-
["show"]: !targetElVisible,
|
8568
|
-
["by-footer"]: footerVisible,
|
8569
|
-
}, "aria-label": backToTopLabel, onClick: this.handleClick }, hAsync("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", null, backToTopLabel))));
|
8537
|
+
const { variant, buildButton } = this;
|
8538
|
+
return variant === "icon" ? (hAsync("ic-tooltip", { label: backToTopLabel, placement: "top", class: "positioning" }, buildButton())) : (buildButton());
|
8570
8539
|
}
|
8571
8540
|
static get delegatesFocus() { return true; }
|
8572
8541
|
get el() { return getElement(this); }
|
@@ -8579,6 +8548,7 @@ class BackToTop {
|
|
8579
8548
|
"$tagName$": "ic-back-to-top",
|
8580
8549
|
"$members$": {
|
8581
8550
|
"target": [1],
|
8551
|
+
"variant": [1],
|
8582
8552
|
"bannerOffset": [32],
|
8583
8553
|
"footerVisible": [32],
|
8584
8554
|
"targetElVisible": [32]
|
@@ -8599,102 +8569,59 @@ class Badge {
|
|
8599
8569
|
registerInstance(this, hostRef);
|
8600
8570
|
this.ariaLabel = null;
|
8601
8571
|
this.setBadgeColour = () => {
|
8602
|
-
|
8603
|
-
|
8572
|
+
const colorRGBA = convertToRGBA(this.customColor);
|
8573
|
+
if (colorRGBA) {
|
8604
8574
|
this.customColorRGBA = colorRGBA;
|
8605
|
-
|
8575
|
+
const { r, g, b, a } = colorRGBA;
|
8576
|
+
this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;
|
8606
8577
|
}
|
8607
8578
|
};
|
8608
|
-
this.
|
8609
|
-
let red;
|
8610
|
-
let green;
|
8611
|
-
let blue;
|
8579
|
+
this.getBadgeRGB = () => {
|
8612
8580
|
switch (this.variant) {
|
8613
8581
|
case "custom":
|
8614
|
-
|
8615
|
-
green = this.customColorRGBA.g;
|
8616
|
-
blue = this.customColorRGBA.b;
|
8617
|
-
break;
|
8582
|
+
return this.customColorRGBA;
|
8618
8583
|
case "error":
|
8619
|
-
red = parseInt(getCssProperty("--ic-status-error-r"));
|
8620
|
-
green = parseInt(getCssProperty("--ic-status-error-g"));
|
8621
|
-
blue = parseInt(getCssProperty("--ic-status-error-b"));
|
8622
|
-
break;
|
8623
8584
|
case "success":
|
8624
|
-
red = parseInt(getCssProperty("--ic-status-success-r"));
|
8625
|
-
green = parseInt(getCssProperty("--ic-status-success-g"));
|
8626
|
-
blue = parseInt(getCssProperty("--ic-status-success-b"));
|
8627
|
-
break;
|
8628
8585
|
case "warning":
|
8629
|
-
red = parseInt(getCssProperty("--ic-status-warning-r"));
|
8630
|
-
green = parseInt(getCssProperty("--ic-status-warning-g"));
|
8631
|
-
blue = parseInt(getCssProperty("--ic-status-warning-b"));
|
8632
|
-
break;
|
8633
8586
|
case "info": {
|
8634
|
-
|
8635
|
-
red = info.r;
|
8636
|
-
green = info.g;
|
8637
|
-
blue = info.b;
|
8638
|
-
break;
|
8639
|
-
}
|
8640
|
-
case "neutral": {
|
8641
|
-
const neutral = hexToRgba(getCssProperty("--ic-architectural-500"));
|
8642
|
-
red = neutral.r;
|
8643
|
-
green = neutral.g;
|
8644
|
-
blue = neutral.b;
|
8645
|
-
break;
|
8646
|
-
}
|
8647
|
-
case "light": {
|
8648
|
-
const light = hexToRgba(getCssProperty("--ic-architectural-40"));
|
8649
|
-
red = light.r;
|
8650
|
-
green = light.g;
|
8651
|
-
blue = light.b;
|
8652
|
-
break;
|
8587
|
+
return rgbaStrToObj(getCssProperty(`--ic-status-${this.variant}`));
|
8653
8588
|
}
|
8589
|
+
case "neutral":
|
8590
|
+
case "light":
|
8591
|
+
return hexToRgba(getCssProperty(`--ic-architectural-${this.variant === "neutral" ? 500 : 40}`));
|
8654
8592
|
}
|
8655
|
-
const brightness = (red * 299 + green * 587 + blue * 114) / 1000;
|
8656
|
-
this.foregroundColour =
|
8657
|
-
brightness > 133.3505
|
8658
|
-
? IcThemeForegroundEnum.Dark
|
8659
|
-
: IcThemeForegroundEnum.Light;
|
8660
|
-
};
|
8661
|
-
this.getTextLabel = () => {
|
8662
|
-
let label;
|
8663
|
-
if (this.textLabel !== null) {
|
8664
|
-
if (this.maxNumber !== null) {
|
8665
|
-
label =
|
8666
|
-
Number(this.textLabel) > this.maxNumber
|
8667
|
-
? `${this.maxNumber}+`
|
8668
|
-
: this.textLabel;
|
8669
|
-
}
|
8670
|
-
else {
|
8671
|
-
label = this.textLabel;
|
8672
|
-
}
|
8673
|
-
}
|
8674
|
-
return label;
|
8675
8593
|
};
|
8594
|
+
this.getBadgeForeground = () => {
|
8595
|
+
const { r, g, b } = this.getBadgeRGB();
|
8596
|
+
this.foregroundColour = getThemeForegroundColor((r * 299 + g * 587 + b * 114) / 1000);
|
8597
|
+
};
|
8598
|
+
this.getTextLabel = () => this.maxNumber && Number(this.textLabel) > this.maxNumber
|
8599
|
+
? `${this.maxNumber}+`
|
8600
|
+
: this.textLabel;
|
8676
8601
|
// Set aria-label on badge and / or parent element
|
8677
8602
|
// Aria-describedby seems to not work, probably due to shadow DOM
|
8678
8603
|
this.setAccessibleLabel = () => {
|
8679
|
-
const
|
8680
|
-
const parentElAriaLabel = getParentElement(this.el).ariaLabel;
|
8604
|
+
const parentEl = this.el.parentElement;
|
8681
8605
|
const defaultAriaLabel = this.isAccessibleLabelDefined()
|
8682
8606
|
? this.accessibleLabel
|
8683
8607
|
: this.textLabel || "with badge being displayed";
|
8684
|
-
if (
|
8685
|
-
|
8686
|
-
|
8687
|
-
|
8688
|
-
|
8608
|
+
if (parentEl) {
|
8609
|
+
const { tagName } = parentEl;
|
8610
|
+
if (tagName !== "IC-CARD" &&
|
8611
|
+
(tagName !== "IC-TAB" || (tagName === "IC-TAB" && this.parentAriaLabel))) {
|
8612
|
+
const ariaLabelPrefix = this.parentAriaLabel
|
8613
|
+
? `${this.parentAriaLabel} ,`
|
8614
|
+
: "";
|
8615
|
+
parentEl.ariaLabel = this.visible
|
8616
|
+
? `${ariaLabelPrefix} ${defaultAriaLabel}`
|
8617
|
+
: undefined;
|
8689
8618
|
}
|
8690
8619
|
else {
|
8691
8620
|
this.ariaLabel = `, ${defaultAriaLabel}`;
|
8692
8621
|
}
|
8693
8622
|
}
|
8694
8623
|
};
|
8695
|
-
this.isAccessibleLabelDefined = () =>
|
8696
|
-
return isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;
|
8697
|
-
};
|
8624
|
+
this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;
|
8698
8625
|
this.accessibleLabel = undefined;
|
8699
8626
|
this.customColor = null;
|
8700
8627
|
this.maxNumber = undefined;
|
@@ -8705,9 +8632,25 @@ class Badge {
|
|
8705
8632
|
this.variant = "neutral";
|
8706
8633
|
this.visible = true;
|
8707
8634
|
}
|
8635
|
+
accessibleLabelHandler() {
|
8636
|
+
this.setAccessibleLabel();
|
8637
|
+
}
|
8638
|
+
customColorHandler() {
|
8639
|
+
this.variant === "custom" && this.setBadgeColour();
|
8640
|
+
}
|
8641
|
+
variantHandler() {
|
8642
|
+
this.getBadgeForeground();
|
8643
|
+
}
|
8644
|
+
visibleHandler() {
|
8645
|
+
this.setAccessibleLabel();
|
8646
|
+
}
|
8708
8647
|
componentWillLoad() {
|
8648
|
+
var _a;
|
8709
8649
|
this.variant === "custom" && this.setBadgeColour();
|
8710
8650
|
this.getBadgeForeground();
|
8651
|
+
const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;
|
8652
|
+
if (ariaLabel)
|
8653
|
+
this.parentAriaLabel = ariaLabel;
|
8711
8654
|
this.setAccessibleLabel();
|
8712
8655
|
}
|
8713
8656
|
componentDidLoad() {
|
@@ -8727,19 +8670,24 @@ class Badge {
|
|
8727
8670
|
this.visible = false;
|
8728
8671
|
}
|
8729
8672
|
render() {
|
8730
|
-
const { position, size, type, variant,
|
8673
|
+
const { ariaLabel, el, foregroundColour, getTextLabel, position, size, textLabel, type, variant, visible, } = this;
|
8731
8674
|
return (hAsync(Host, { class: {
|
8732
8675
|
[`${position}`]: true,
|
8733
8676
|
[`${size}`]: true,
|
8734
8677
|
[`${variant}`]: true,
|
8735
8678
|
[`${type}`]: true,
|
8736
8679
|
[`foreground-${foregroundColour}`]: foregroundColour !== null,
|
8737
|
-
["show"]:
|
8738
|
-
|
8739
|
-
}, id: this.el.id || null, "aria-label": this.ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { name: "badge-icon" }), type === "text" && (hAsync("ic-typography", { variant: size === "small" ? "badge-small" : "badge" }, this.getTextLabel()))));
|
8680
|
+
[`${visible ? "show" : "hide"}`]: true,
|
8681
|
+
}, id: el.id || null, "aria-label": ariaLabel, role: "status" }, type === "icon" && hAsync("slot", { name: "badge-icon" }), type === "text" && textLabel && (hAsync("ic-typography", { variant: size === "small" ? "badge-small" : "badge" }, getTextLabel()))));
|
8740
8682
|
}
|
8741
8683
|
static get delegatesFocus() { return true; }
|
8742
8684
|
get el() { return getElement(this); }
|
8685
|
+
static get watchers() { return {
|
8686
|
+
"accessibleLabel": ["accessibleLabelHandler"],
|
8687
|
+
"customColor": ["customColorHandler"],
|
8688
|
+
"variant": ["variantHandler"],
|
8689
|
+
"visible": ["visibleHandler"]
|
8690
|
+
}; }
|
8743
8691
|
static get style() { return icBadgeCss; }
|
8744
8692
|
static get cmpMeta() { return {
|
8745
8693
|
"$flags$": 25,
|
@@ -8932,6 +8880,8 @@ class BreadcrumbGroup {
|
|
8932
8880
|
this.removeVisuallyHiddenClass(breadcrumb);
|
8933
8881
|
});
|
8934
8882
|
this.expandedBreadcrumbs = true;
|
8883
|
+
// Set focus to first unhidden breadcrumb
|
8884
|
+
this.collapsedBreadcrumbs[0].setFocus();
|
8935
8885
|
};
|
8936
8886
|
this.transitionendHandler = (event) => {
|
8937
8887
|
if (event.propertyName === "opacity") {
|
@@ -9049,7 +8999,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
9049
8999
|
<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
|
9050
9000
|
</svg>`;
|
9051
9001
|
|
9052
|
-
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>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*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus,\n:host(.light) .button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus,.light.sc-ic-button-h .button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.dark) .button,\n:host(.dark) ::slotted(a)*/.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dark.sc-ic-button-s>a,.sc-ic-button-h.dark .sc-ic-button-s>a{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button,\n:host(.light) ::slotted(a)*/.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.light.sc-ic-button-s>a,.sc-ic-button-h.light .sc-ic-button-s>a{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.white-background) .button,\n:host(.white-background) ::slotted(a)*/.white-background.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n --ic-action-default-bg-active-no-alpha\n );background-color:var(--ic-architectural-white)}/*!@:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a)*/.white-background.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.dark .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}/*!@:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a)*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a)*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.dark .sc-ic-button-s>a{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.disabled.sc-ic-button-s>a,.sc-ic-button-h.disabled .sc-ic-button-s>a,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:hover:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-primary:not(.light)) .button:hover:focus,\n:host(.button-variant-primary:not(.light)) ::slotted(a:hover:focus)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:hover:focus{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:focus{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary:not(.light)) .button:active,\n:host(.button-variant-primary:not(.light)) ::slotted(a:active)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a)*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a)*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus,\n:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active,\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active)*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active,\n:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active)*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus,\n:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary) .button:active:focus,\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active,\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active,\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover:not(:focus),\n:host(.button-variant-icon) .button:hover:focus,\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active,\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon) ::slotted(a)*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon) ::slotted(a)*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon) ::slotted(a)*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a)*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.full-width.sc-ic-button-s>a,.sc-ic-button-h.full-width .sc-ic-button-s>a{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--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*/div.icon-container.sc-ic-button{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*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}/*!@:host(.white-background) ::slotted(a)*/.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{background-color:var(--ic-architectural-white) !important}/*!@:host(.button-variant-primary) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.button-variant-primary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover) !important}/*!@:host(.button-variant-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:active),\n:host(.button-variant-primary) ::sloted(a:active:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active,.button-variant-primary.sc-ic-button-h .sc-ic-button::sloted(a:active:focus){background-color:var(--button-default-active) !important}/*!@:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.button-variant-primary.light.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important;background:none !important}/*!@:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus),\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important}/*!@:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus){background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.button-variant-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.button-variant-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:active:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:focus{background-color:var(--ic-action-destructive-active) !important}/*!@:host(.button-size-default) ::slotted(a)*/.sc-ic-button-h.button-size-default .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.button-size-small) ::slotted(a)*/.sc-ic-button-h.button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.button-size-large) ::slotted(a)*/.sc-ic-button-h.button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.button-size-default.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.button-size-small.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.button-size-large.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xs) !important}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
|
9002
|
+
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;position:relative;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button,\n::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>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*/.with-badge.sc-ic-button-h .button.sc-ic-button{border-radius:0.2188rem}/*!@.button:hover,\n::slotted(a:hover)*/.button.sc-ic-button:hover,.sc-ic-button-s>a:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus,\n:host(.light) .button:focus,\n::slotted(a:focus)*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus,.light.sc-ic-button-h .button.sc-ic-button:focus,.sc-ic-button-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible,\n::slotted(a:focus-visible)*/.button.sc-ic-button:focus-visible,.sc-ic-button-s>a:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.dark) .button,\n:host(.dark) ::slotted(a)*/.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dark.sc-ic-button-s>a,.sc-ic-button-h.dark .sc-ic-button-s>a{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button,\n:host(.light) ::slotted(a)*/.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.light.sc-ic-button-s>a,.sc-ic-button-h.light .sc-ic-button-s>a{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.white-background) .button,\n:host(.white-background) ::slotted(a)*/.white-background.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n --ic-action-default-bg-active-no-alpha\n );background-color:var(--ic-architectural-white)}/*!@:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a)*/.white-background.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.dark .sc-ic-button-s>a{--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}/*!@:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a)*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a)*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.dark .sc-ic-button-s>a{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.disabled.sc-ic-button-s>a,.sc-ic-button-h.disabled .sc-ic-button-s>a,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.top-icon) .button*/.top-icon.sc-ic-button-h .button.sc-ic-button{flex-direction:column;--height:fit-content}/*!@:host(.top-icon) .button .icon-container*/.top-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin-right:0}/*!@:host(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:hover:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-primary:not(.light)) .button:hover:focus,\n:host(.button-variant-primary:not(.light)) ::slotted(a:hover:focus)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:hover:focus{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active:focus*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:focus{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary) .button:active*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary:not(.light)) .button:active,\n:host(.button-variant-primary:not(.light)) ::slotted(a:active)*/.button-variant-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a)*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a)*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus,\n:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active,\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active)*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active,\n:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active)*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus,\n:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary) .button:active:focus,\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active,\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active,\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon) .icon-container*/.button-variant-icon.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon) .button:hover:not(:focus),\n:host(.button-variant-icon) .button:hover:focus,\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active,\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-icon-primary) .button,\n:host(.button-variant-icon-primary) ::slotted(a)*/.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon-primary) .icon-container*/.button-variant-icon-primary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon-primary) .button:hover:not(:focus),\n:host(.button-variant-icon-primary) ::slotted(a:hover:not(:focus))*/.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon-primary .sc-ic-button-s>a:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-icon-primary) .button:hover:focus,\n:host(.button-variant-icon-primary) ::slotted(a:hover:focus)*/.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover);border-color:var(--button-default-hover)}/*!@:host(.button-variant-icon-primary) .button:active:not(:focus),\n:host(.button-variant-icon-primary) .button:active:focus,\n:host(.button-variant-icon-primary) .button:active,\n:host(.button-variant-icon-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon-primary) ::slotted(a:active:focus),\n:host(.button-variant-icon-primary) ::slotted(a:active),\n:host(.button-variant-icon-primary.loading) .button*/.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-primary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-icon-primary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-icon-primary .sc-ic-button-s>a:active,.button-variant-icon-primary.loading.sc-ic-button-h .button.sc-ic-button{background:var(--button-default-active)}/*!@:host(.button-variant-icon-primary.loading) .button ic-loading-indicator*/.button-variant-icon-primary.loading.sc-ic-button-h .button.sc-ic-button ic-loading-indicator.sc-ic-button{--inner-color:var(--ic-architectural-white)}/*!@:host(.button-variant-icon-primary:not(.light)) .button:active,\n:host(.button-variant-icon-primary:not(.light)) ::slotted(a:active)*/.button-variant-icon-primary.sc-ic-button-h:not(.light) .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-primary:not(.light).sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-primary:not(.light) .sc-ic-button-s>a:active{color:var(--ic-architectural-white)}/*!@:host(.button-variant-icon-primary.disabled) .button,\n:host(.button-variant-icon-primary.disabled) .button:hover,\n:host(.button-variant-icon-primary.disabled) .button:active,\n:host(.button-variant-icon-primary.disabled) ::slotted(a),\n:host(.button-variant-icon-primary.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-primary.disabled) ::slotted(a:active)*/.button-variant-icon-primary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon-primary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon-primary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-primary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-primary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-primary.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:var(--ic-architectural-200)}/*!@:host(.button-variant-icon-primary.light) .button,\n:host(.button-variant-icon-primary.light) ::slotted(a)*/.button-variant-icon-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text)}/*!@:host(.button-variant-icon-primary.light) .button,\n:host(.button-variant-icon-primary.light) ::slotted(a)*/.button-variant-icon-primary.light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.light .sc-ic-button-s>a{color:var(--ic-color-primary-text)}/*!@:host(.button-variant-icon-primary.light) .button:hover,\n:host(.button-variant-icon-primary.light) ::slotted(a:hover)*/.button-variant-icon-primary.light.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.button-variant-icon-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.light.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-primary.light .sc-ic-button-s>a:hover{background:var(--ic-action-light-hover)}/*!@:host(.button-variant-icon-primary.light) .button:active,\n:host(.button-variant-icon-primary.light) ::slotted(a:active),\n:host(.button-variant-icon-primary.light.loading) .button,\n:host(.button-variant-icon-primary.light.loading) ::slotted(a)*/.button-variant-icon-primary.light.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-primary.light.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.light.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-primary.light .sc-ic-button-s>a:active,.button-variant-icon-primary.light.loading.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-primary.light.loading.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.light.loading .sc-ic-button-s>a{background:var(--ic-architectural-300)}/*!@:host(.button-variant-icon-primary.dark) .button,\n:host(.button-variant-icon-primary.dark) ::slotted(a)*/.button-variant-icon-primary.dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.dark .sc-ic-button-s>a{color:var(--ic-architectural-white)}/*!@:host(.button-variant-icon-primary.dark) .button:hover,\n:host(.button-variant-icon-primary.dark) ::slotted(a:hover)*/.button-variant-icon-primary.dark.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.button-variant-icon-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.dark.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-primary.dark .sc-ic-button-s>a:hover{background:var(--ic-action-dark-hover)}/*!@:host(.button-variant-icon-primary.dark) .button:active,\n:host(.button-variant-icon-primary.dark) ::slotted(a:active),\n:host(.button-variant-icon-primary.dark.loading) .button,\n:host(.button-variant-icon-primary.dark.loading) ::slotted(a)*/.button-variant-icon-primary.dark.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-primary.dark.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.dark.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-primary.dark .sc-ic-button-s>a:active,.button-variant-icon-primary.dark.loading.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-primary.dark.loading.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-primary.dark.loading .sc-ic-button-s>a{background:var(--ic-action-dark-active)}/*!@:host(.button-variant-icon-secondary) .button,\n:host(.button-variant-icon-secondary) ::slotted(a)*/.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon-secondary) .icon-container*/.button-variant-icon-secondary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon-secondary) .button:hover:not(:focus),\n:host(.button-variant-icon-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon-secondary) .button:hover:focus,\n:host(.button-variant-icon-secondary) ::slotted(a:hover:focus)*/.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon-secondary .sc-ic-button-s>a:hover:not(:focus),.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon-secondary) .button:active:not(:focus),\n:host(.button-variant-icon-secondary) .button:active:focus,\n:host(.button-variant-icon-secondary) .button:active,\n:host(.button-variant-icon-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon-secondary) ::slotted(a:active:focus),\n:host(.button-variant-icon-secondary) ::slotted(a:active)*/.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-icon-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-icon-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon-secondary.loading) .button*/.button-variant-icon-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon-secondary.disabled) .button,\n:host(.button-variant-icon-secondary.disabled) .button:hover,\n:host(.button-variant-icon-secondary.disabled) .button:active,\n:host(.button-variant-icon-secondary.disabled) ::slotted(a),\n:host(.button-variant-icon-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-secondary.disabled) ::slotted(a:active)*/.button-variant-icon-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-secondary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-icon-secondary.light.disabled) .button,\n:host(.button-variant-icon-secondary.light.disabled) .button:hover,\n:host(.button-variant-icon-secondary.light.disabled) .button:active,\n:host(.button-variant-icon-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-icon-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-secondary.light.disabled) ::slotted(a:active)*/.button-variant-icon-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-secondary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon-tertiary) .button,\n:host(.button-variant-icon-tertiary) ::slotted(a)*/.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-tertiary .sc-ic-button-s>a{color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon-tertiary) .icon-container*/.button-variant-icon-tertiary.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon-tertiary) .button:hover:not(:focus),\n:host(.button-variant-icon-tertiary) .button:hover:focus,\n:host(.button-variant-icon-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon-tertiary) ::slotted(a:hover:focus)*/.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon-tertiary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon-tertiary) .button:active:not(:focus),\n:host(.button-variant-icon-tertiary) .button:active:focus,\n:host(.button-variant-icon-tertiary) .button:active,\n:host(.button-variant-icon-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-icon-tertiary) ::slotted(a:active),\n:host(.button-variant-icon-tertiary.loading) .button*/.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active:focus,.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-icon-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-icon-tertiary .sc-ic-button-s>a:active,.button-variant-icon-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon-tertiary.disabled) .button,\n:host(.button-variant-icon-tertiary.disabled) .button:hover,\n:host(.button-variant-icon-tertiary.disabled) .button:active,\n:host(.button-variant-icon-tertiary.disabled) ::slotted(a),\n:host(.button-variant-icon-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-tertiary.disabled) ::slotted(a:active)*/.button-variant-icon-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-tertiary.disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-icon-destructive) .button,\n:host(.button-variant-icon-destructive) ::slotted(a)*/.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.button-variant-icon-destructive) .icon-container*/.button-variant-icon-destructive.sc-ic-button-h .icon-container.sc-ic-button{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}/*!@:host(.button-variant-icon-destructive) .button:hover:not(:focus),\n:host(.button-variant-icon-destructive) .button:hover:focus,\n:host(.button-variant-icon-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon-destructive) ::slotted(a:hover:focus)*/.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus),.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover:focus,.sc-ic-button-h.button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-destructive.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-icon-destructive) .button:active:not(:focus),\n:host(.button-variant-icon-destructive) .button:active:focus,\n:host(.button-variant-icon-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon-destructive.loading) .button*/.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:active:focus,.sc-ic-button-h.button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-destructive.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon-destructive .sc-ic-button-s>a:active:not(:focus),.button-variant-icon-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-icon-destructive.loading) .button ic-loading-indicator*/.button-variant-icon-destructive.loading.sc-ic-button-h .button.sc-ic-button ic-loading-indicator.sc-ic-button{--inner-color:var(--ic-architectural-white)}/*!@:host(.button-variant-icon-destructive.disabled) .button,\n:host(.button-variant-icon-destructive.disabled) .button:hover,\n:host(.button-variant-icon-destructive.disabled) .button:active,\n:host(.button-variant-icon-destructive.disabled) ::slotted(a),\n:host(.button-variant-icon-destructive.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-destructive.disabled) ::slotted(a:active)*/.button-variant-icon-destructive.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon-destructive.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon-destructive.disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.button-variant-icon-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-destructive.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon-destructive.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-destructive.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon-destructive.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon-destructive.disabled .sc-ic-button-s>a:active{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon-primary) .button,\n:host(.button-size-default.button-variant-icon-secondary) .button,\n:host(.button-size-default.button-variant-icon-tertiary) .button,\n:host(.button-size-default.button-variant-icon-destructive) .button,\n:host(.button-size-default.button-variant-icon-primary) ::slotted(a),\n:host(.button-size-default.button-variant-icon-secondary) ::slotted(a),\n:host(.button-size-default.button-variant-icon-tertiary) ::slotted(a),\n:host(.button-size-default.button-variant-icon-destructive) ::slotted(a),\n:host(.button-size-default.button-variant-icon) ::slotted(a)*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.button-size-default.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.button-size-default.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.button-size-default.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.button-size-default.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-default.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon-primary) .button,\n:host(.button-size-small.button-variant-icon-secondary) .button,\n:host(.button-size-small.button-variant-icon-tertiary) .button,\n:host(.button-size-small.button-variant-icon-destructive) .button,\n:host(.button-size-small.button-variant-icon-primary) ::slotted(a),\n:host(.button-size-small.button-variant-icon-secondary) ::slotted(a),\n:host(.button-size-small.button-variant-icon-tertiary) ::slotted(a),\n:host(.button-size-small.button-variant-icon-destructive) ::slotted(a),\n:host(.button-size-small.button-variant-icon) ::slotted(a)*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.button-size-small.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.button-size-small.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.button-size-small.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.button-size-small.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-small.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon-primary) .button,\n:host(.button-size-large.button-variant-icon-secondary) .button,\n:host(.button-size-large.button-variant-icon-tertiary) .button,\n:host(.button-size-large.button-variant-icon-destructive) .button,\n:host(.button-size-large.button-variant-icon-primary) ::slotted(a),\n:host(.button-size-large.button-variant-icon-secondary) ::slotted(a),\n:host(.button-size-large.button-variant-icon-tertiary) ::slotted(a),\n:host(.button-size-large.button-variant-icon-destructive) ::slotted(a),\n:host(.button-size-large.button-variant-icon) ::slotted(a)*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button,.button-size-large.button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.button-size-large.button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.button-size-large.button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.button-size-large.button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.button-size-large.button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a)*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.full-width.sc-ic-button-s>a,.sc-ic-button-h.full-width .sc-ic-button-s>a{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--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*/div.icon-container.sc-ic-button{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*/div.right-icon.sc-ic-button{margin-right:auto;margin-left:var(--ic-space-xs)}/*!@:host(.full-width) .right-icon*/.full-width.sc-ic-button-h .right-icon.sc-ic-button{margin-right:var(--ic-space-xs)}/*!@::slotted(:not(ic-badge))*/.sc-ic-button-s>:not(ic-badge){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus,.calendar-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}/*!@:host .arrow-dropdown*/.sc-ic-button-h .arrow-dropdown.sc-ic-button{margin-top:auto}/*!@:host .dropdown-expanded*/.sc-ic-button-h .dropdown-expanded.sc-ic-button{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}/*!@:host(.dropdown-no-icon) .button*/.dropdown-no-icon.sc-ic-button-h .button.sc-ic-button{padding-right:var(--ic-space-xs)}/*!@slot[name=\"router-item\"]::slotted(a)*/slot[name=\"router-item\"].sc-ic-button-s>a{pointer-events:all}/*!@::slotted(a)*/.sc-ic-button-s>a{font-size:0.875rem !important;border:none !important;vertical-align:middle !important}/*!@:host(.white-background) ::slotted(a)*/.sc-ic-button-h.white-background.sc-ic-button-s>a,.sc-ic-button-h.white-background .sc-ic-button-s>a{background-color:var(--ic-architectural-white) !important}/*!@:host(.button-variant-primary) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.button-variant-primary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-hover) !important}/*!@:host(.button-variant-primary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-primary) ::slotted(a:active),\n:host(.button-variant-primary) ::sloted(a:active:focus)*/.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-primary .sc-ic-button-s>a:active,.button-variant-primary.sc-ic-button-h .sc-ic-button::sloted(a:active:focus){background-color:var(--button-default-active) !important}/*!@:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive.disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.button-variant-primary.light.disabled) ::slotted(a)*/.sc-ic-button-h.button-variant-primary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-primary.light.disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.button-variant-secondary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.button-variant-secondary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-secondary) ::slotted(a:active:focus),\n:host(.button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-secondary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-secondary .sc-ic-button-s>a:active{border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-secondary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-secondary.light.disabled .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-tertiary.light.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary.light.disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important;background:none !important}/*!@:host(.button-variant-tertiary) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:hover:focus),\n:host(.button-variant-icon) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-icon) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover:focus{background-color:var(--button-default-background-hover) !important}/*!@:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:active:not(:focus){background-color:var(--button-default-background-active) !important}/*!@:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active)*/.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.button-variant-icon.disabled.sc-ic-button-s>a:active,.sc-ic-button-h.button-variant-icon.disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.button-variant-destructive) ::slotted(a:hover:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:hover:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:hover:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:hover:focus{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.button-variant-destructive) ::slotted(a:active:not(:focus)),\n:host(.button-variant-destructive) ::slotted(a:active:focus)*/.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.button-variant-destructive.sc-ic-button-s>a:active:focus,.sc-ic-button-h.button-variant-destructive .sc-ic-button-s>a:active:focus{background-color:var(--ic-action-destructive-active) !important}/*!@:host(.button-size-default) ::slotted(a)*/.sc-ic-button-h.button-size-default .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.button-size-small) ::slotted(a)*/.sc-ic-button-h.button-size-small .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}/*!@:host(.button-size-large) ::slotted(a)*/.sc-ic-button-h.button-size-large .sc-ic-button-s>a{height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}/*!@:host(.button-size-default.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-default.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-default.button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.button-size-small.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-small.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-small.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.button-size-large.button-variant-icon) ::slotted(a)*/.sc-ic-button-h.button-size-large.button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.button-size-large.button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xs) !important}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
|
9053
9003
|
|
9054
9004
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
9055
9005
|
var t = {};
|
@@ -9081,7 +9031,7 @@ class Button {
|
|
9081
9031
|
this.buttonIdNum = buttonIds++;
|
9082
9032
|
this.hasTooltip = false;
|
9083
9033
|
this.inheritedAttributes = {};
|
9084
|
-
this.
|
9034
|
+
this.describedbyEl = null;
|
9085
9035
|
this.describedById = null;
|
9086
9036
|
this.mutationObserver = null;
|
9087
9037
|
this.hostMutationObserver = null;
|
@@ -9105,7 +9055,7 @@ class Button {
|
|
9105
9055
|
};
|
9106
9056
|
// triggered when text content of sibling element in light DOM changes
|
9107
9057
|
this.mutationCallback = () => {
|
9108
|
-
this.describedByContent = this.
|
9058
|
+
this.describedByContent = this.describedbyEl.innerText;
|
9109
9059
|
};
|
9110
9060
|
// triggered when attributes of host element change
|
9111
9061
|
this.hostMutationCallback = (mutationList) => {
|
@@ -9193,7 +9143,7 @@ class Button {
|
|
9193
9143
|
const el = this.el.parentElement.querySelector(`#${describedById}`);
|
9194
9144
|
if (el) {
|
9195
9145
|
this.describedByContent = el.innerText;
|
9196
|
-
this.
|
9146
|
+
this.describedbyEl = el;
|
9197
9147
|
}
|
9198
9148
|
}
|
9199
9149
|
}
|
@@ -9203,7 +9153,7 @@ class Button {
|
|
9203
9153
|
if (typeof MutationObserver !== "undefined") {
|
9204
9154
|
if (this.describedById) {
|
9205
9155
|
this.mutationObserver = new MutationObserver(this.mutationCallback);
|
9206
|
-
this.mutationObserver.observe(this.
|
9156
|
+
this.mutationObserver.observe(this.describedbyEl, {
|
9207
9157
|
characterData: true,
|
9208
9158
|
childList: true,
|
9209
9159
|
subtree: true,
|
@@ -9285,23 +9235,23 @@ class Button {
|
|
9285
9235
|
referrerpolicy: this.referrerpolicy,
|
9286
9236
|
hreflang: this.hreflang,
|
9287
9237
|
};
|
9288
|
-
let
|
9238
|
+
let describedby = null;
|
9289
9239
|
let buttonId = null;
|
9290
9240
|
if (this.hasTooltip) {
|
9291
9241
|
buttonId =
|
9292
9242
|
this.id !== null
|
9293
9243
|
? `ic-button-with-tooltip-${this.id}`
|
9294
9244
|
: `ic-button-with-tooltip-${this.buttonIdNum}`;
|
9295
|
-
|
9245
|
+
describedby =
|
9296
9246
|
this.variant === "icon" && !!ariaLabel
|
9297
9247
|
? null
|
9298
9248
|
: `ic-tooltip-${buttonId}`;
|
9299
9249
|
}
|
9300
9250
|
else {
|
9301
|
-
|
9251
|
+
describedby = this.describedById;
|
9302
9252
|
}
|
9303
9253
|
const ButtonContent = () => {
|
9304
|
-
return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby":
|
9254
|
+
return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), "aria-describedby": describedby, part: "button" }), this.hasIconSlot() && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), this.hasIconSlot("left") && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), this.hasIconSlot("top") &&
|
9305
9255
|
!this.hasIconSlot("left") &&
|
9306
9256
|
!this.hasIconSlot("right") &&
|
9307
9257
|
!this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "top-icon" }))), this.loading ? (hAsync("div", { class: "loading-container" }, hAsync("ic-loading-indicator", { type: "linear", appearance: this.variant === "primary" ||
|
@@ -9333,8 +9283,8 @@ class Button {
|
|
9333
9283
|
["white-background"]: this.variant === "secondary" &&
|
9334
9284
|
!this.transparentBackground &&
|
9335
9285
|
this.appearance !== "light",
|
9336
|
-
}, onClick: this.handleClick, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (hAsync("ic-tooltip", { id:
|
9337
|
-
(this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null))), this.describedByContent && (hAsync("span", { id:
|
9286
|
+
}, onClick: this.handleClick, "aria-owns": this.ariaOwnsId, "aria-controls": this.ariaControlsId, "aria-expanded": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (hAsync("ic-tooltip", { id: describedby, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.variant === "icon" && !!ariaLabel }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null)))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }), !this.hasTooltip &&
|
9287
|
+
(this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null))), this.describedByContent && (hAsync("span", { id: describedby, class: "ic-button-describedby" }, this.describedByContent))));
|
9338
9288
|
}
|
9339
9289
|
static get delegatesFocus() { return true; }
|
9340
9290
|
get el() { return getElement(this); }
|
@@ -9542,7 +9492,7 @@ class Card {
|
|
9542
9492
|
}; }
|
9543
9493
|
}
|
9544
9494
|
|
9545
|
-
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.disabled)*/.disabled.sc-ic-checkbox-h{color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.small) .container*/.small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@:host(.small) .checkbox,\n:host(.small) .container svg*/.small.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.small.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.large) .checkbox,\n:host(.large) .container svg*/.large.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.large.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-xl);height:var(--ic-space-xl)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox:indeterminate,\n.checkbox.indeterminate:checked*/.checkbox.sc-ic-checkbox:indeterminate,.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover*/.checkbox.sc-ic-checkbox:indeterminate:hover,.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-active)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-active)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-active)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}/*!@:host(.small) .checkmark*/.small.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}/*!@:host(.large) .checkmark*/.large.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}/*!@:host(.small) .indeterminate-symbol*/.small.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}/*!@:host(.large) .indeterminate-symbol*/.large.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-active)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
|
9495
|
+
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.disabled)*/.disabled.sc-ic-checkbox-h{color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.small) .container*/.small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@:host(.small) .checkbox,\n:host(.small) .container svg*/.small.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.small.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.large) .checkbox,\n:host(.large) .container svg*/.large.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.large.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-xl);height:var(--ic-space-xl)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox:indeterminate,\n.checkbox.indeterminate:checked*/.checkbox.sc-ic-checkbox:indeterminate,.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover*/.checkbox.sc-ic-checkbox:indeterminate:hover,.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-active)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-active)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-active)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}/*!@:host(.small) .checkmark*/.small.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}/*!@:host(.large) .checkmark*/.large.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}/*!@:host(.small) .indeterminate-symbol*/.small.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}/*!@:host(.large) .indeterminate-symbol*/.large.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-active)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
|
9546
9496
|
|
9547
9497
|
/**
|
9548
9498
|
* @slot additional-field - Content to be displayed alongside a checkbox.
|
@@ -9553,7 +9503,6 @@ class Checkbox {
|
|
9553
9503
|
registerInstance(this, hostRef);
|
9554
9504
|
this.checkboxChecked = createEvent(this, "checkboxChecked", 7);
|
9555
9505
|
this.icCheck = createEvent(this, "icCheck", 7);
|
9556
|
-
this.IC_TEXT_FIELD = "ic-text-field";
|
9557
9506
|
this.handleClick = () => {
|
9558
9507
|
this.checked = !this.checked;
|
9559
9508
|
this.icCheck.emit();
|
@@ -9584,6 +9533,12 @@ class Checkbox {
|
|
9584
9533
|
componentWillLoad() {
|
9585
9534
|
removeDisabledFalse(this.disabled, this.el);
|
9586
9535
|
addFormResetListener(this.el, this.handleFormReset);
|
9536
|
+
const checkboxGroup = this.el.parentElement;
|
9537
|
+
if (checkboxGroup) {
|
9538
|
+
if (!this.name)
|
9539
|
+
this.name = checkboxGroup.name;
|
9540
|
+
this.groupLabel = checkboxGroup.label;
|
9541
|
+
}
|
9587
9542
|
}
|
9588
9543
|
componentDidLoad() {
|
9589
9544
|
onComponentRequiredPropUndefined([
|
@@ -9593,21 +9548,18 @@ class Checkbox {
|
|
9593
9548
|
}
|
9594
9549
|
componentDidRender() {
|
9595
9550
|
if (this.additionalFieldDisplay === "static") {
|
9596
|
-
const textfield = this.el.querySelector(
|
9551
|
+
const textfield = this.el.querySelector("ic-text-field");
|
9597
9552
|
if (!this.checked) {
|
9598
|
-
textfield
|
9553
|
+
textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute("disabled", "");
|
9599
9554
|
}
|
9600
9555
|
else {
|
9601
|
-
textfield
|
9556
|
+
textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute("disabled");
|
9602
9557
|
}
|
9603
9558
|
}
|
9604
9559
|
else if (this.additionalFieldContainer) {
|
9605
|
-
|
9606
|
-
|
9607
|
-
|
9608
|
-
else {
|
9609
|
-
this.additionalFieldContainer.style.display = "flex";
|
9610
|
-
}
|
9560
|
+
this.additionalFieldContainer.style.display = !this.checked
|
9561
|
+
? "none"
|
9562
|
+
: "flex";
|
9611
9563
|
}
|
9612
9564
|
}
|
9613
9565
|
disconnectedCallback() {
|
@@ -9617,28 +9569,28 @@ class Checkbox {
|
|
9617
9569
|
* Sets focus on the checkbox.
|
9618
9570
|
*/
|
9619
9571
|
async setFocus() {
|
9620
|
-
|
9621
|
-
|
9622
|
-
checkboxEl.focus();
|
9623
|
-
}
|
9572
|
+
var _a;
|
9573
|
+
(_a = this.el.shadowRoot.querySelector(".checkbox")) === null || _a === void 0 ? void 0 : _a.focus();
|
9624
9574
|
}
|
9625
9575
|
render() {
|
9626
|
-
|
9627
|
-
id =
|
9628
|
-
const parentElementSize =
|
9629
|
-
|
9630
|
-
|
9631
|
-
|
9576
|
+
const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, formaction, formenctype, formmethod, formnovalidate, formtarget, indeterminate, groupLabel, label, name, size, small, value, } = this;
|
9577
|
+
const id = `ic-checkbox-${isPropDefined(label) || value}-${groupLabel}`.replace(/ /g, "-");
|
9578
|
+
const parentElementSize = el.parentElement
|
9579
|
+
.size;
|
9580
|
+
checked
|
9581
|
+
? renderHiddenInput(true, el, name, checked && value, disabled)
|
9582
|
+
: removeHiddenInput(el);
|
9632
9583
|
return (hAsync(Host, { class: {
|
9633
|
-
|
9634
|
-
|
9635
|
-
[`${
|
9636
|
-
} }, hAsync("div", { class: "container" },
|
9637
|
-
|
9638
|
-
|
9639
|
-
|
9640
|
-
|
9641
|
-
|
9584
|
+
disabled,
|
9585
|
+
small,
|
9586
|
+
[`${size || parentElementSize}`]: true,
|
9587
|
+
} }, hAsync("div", { class: "container" }, checked &&
|
9588
|
+
(!indeterminate ? (hAsync("svg", { class: "checkmark", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))) : (hAsync("div", { class: "indeterminate-symbol" }))), hAsync("input", { role: "checkbox", class: {
|
9589
|
+
checkbox: true,
|
9590
|
+
checked,
|
9591
|
+
indeterminate,
|
9592
|
+
}, type: "checkbox", name: name, id: id, value: value, disabled: disabled ? true : null, checked: checked, indeterminate: indeterminate, onClick: this.handleClick, form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget }), hAsync("ic-typography", { class: "checkbox-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), isSlotUsed(el, "additional-field") && (hAsync("div", { class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text", "aria-live": "polite" }, dynamicText))), hAsync("div", { class: {
|
9593
|
+
"additional-field-wrapper": additionalFieldDisplay === "static",
|
9642
9594
|
} }, hAsync("slot", { name: "additional-field" })))))));
|
9643
9595
|
}
|
9644
9596
|
static get delegatesFocus() { return true; }
|
@@ -9692,6 +9644,16 @@ class CheckboxGroup {
|
|
9692
9644
|
this.validationStatus = "";
|
9693
9645
|
this.validationText = "";
|
9694
9646
|
}
|
9647
|
+
labelNameHandler(newValue, oldValue, propName) {
|
9648
|
+
Array.from(this.el.querySelectorAll("ic-checkbox")).forEach((checkbox) => {
|
9649
|
+
if (propName === "label")
|
9650
|
+
checkbox.groupLabel = newValue;
|
9651
|
+
else if (checkbox.name === oldValue) {
|
9652
|
+
// If the checkbox name has been set by the parent, then override it
|
9653
|
+
checkbox.name = newValue;
|
9654
|
+
}
|
9655
|
+
});
|
9656
|
+
}
|
9695
9657
|
handleChange(ev) {
|
9696
9658
|
//don't pass on the event if it has come from slotted text field
|
9697
9659
|
//otherwise any icChange handler bound to the checkbox group will also run
|
@@ -9703,20 +9665,15 @@ class CheckboxGroup {
|
|
9703
9665
|
removeDisabledFalse(this.disabled, this.el);
|
9704
9666
|
}
|
9705
9667
|
componentDidLoad() {
|
9706
|
-
Array.from(this.el.querySelectorAll("ic-checkbox")).forEach((checkbox) => {
|
9707
|
-
if (!checkbox.name)
|
9708
|
-
checkbox.name = this.name;
|
9709
|
-
checkbox.groupLabel = this.label;
|
9710
|
-
});
|
9711
9668
|
onComponentRequiredPropUndefined([
|
9712
9669
|
{ prop: this.label, propName: "label" },
|
9713
9670
|
{ prop: this.name, propName: "name" },
|
9714
9671
|
], "Checkbox Group");
|
9715
9672
|
}
|
9716
|
-
selectHandler(
|
9717
|
-
const checkedOptions = Array.from(this.el.querySelectorAll("ic-checkbox")).filter((
|
9673
|
+
selectHandler({ target }) {
|
9674
|
+
const checkedOptions = Array.from(this.el.querySelectorAll("ic-checkbox")).filter(({ checked, disabled }) => checked && !disabled);
|
9718
9675
|
this.icChange.emit({
|
9719
|
-
value: checkedOptions.map((
|
9676
|
+
value: checkedOptions.map(({ value }) => value),
|
9720
9677
|
checkedOptions: checkedOptions.map((opt) => {
|
9721
9678
|
var _a;
|
9722
9679
|
return ({
|
@@ -9724,19 +9681,21 @@ class CheckboxGroup {
|
|
9724
9681
|
textFieldValue: (_a = opt.querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.value,
|
9725
9682
|
});
|
9726
9683
|
}),
|
9727
|
-
selectedOption:
|
9684
|
+
selectedOption: target,
|
9728
9685
|
});
|
9729
9686
|
}
|
9730
9687
|
render() {
|
9731
|
-
const
|
9732
|
-
const
|
9733
|
-
return (hAsync(Host, { class: { ["small"]:
|
9734
|
-
this.required ||
|
9735
|
-
this.hideLabel) && (hAsync("span", { id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, this.label, " ", this.validationStatus === "error" ? "invalid data " : null, " ", this.required ? "required" : null)), hAsync("fieldset", { id: this.name, "aria-labelledby": `${this.validationStatus === "error" || this.required || this.hideLabel
|
9688
|
+
const { disabled, helperText, hideLabel, label, name, required, size, small, validationStatus, validationText, } = this;
|
9689
|
+
const describedBy = getInputDescribedByText(name, helperText !== "", validationStatus !== "");
|
9690
|
+
return (hAsync(Host, { class: { ["small"]: small, [`${size}`]: true } }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
|
9736
9691
|
? "screenReaderOnlyText"
|
9737
|
-
: ""} ${describedBy}`.trim(), disabled:
|
9692
|
+
: ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", null, hAsync("ic-input-label", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, for: name }))), hAsync("div", { class: "checkboxes-container" }, hAsync("slot", null))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
|
9738
9693
|
}
|
9739
9694
|
get el() { return getElement(this); }
|
9695
|
+
static get watchers() { return {
|
9696
|
+
"label": ["labelNameHandler"],
|
9697
|
+
"name": ["labelNameHandler"]
|
9698
|
+
}; }
|
9740
9699
|
static get style() { return icCheckboxGroupCss; }
|
9741
9700
|
static get cmpMeta() { return {
|
9742
9701
|
"$flags$": 9,
|
@@ -9764,7 +9723,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
|
|
9764
9723
|
</svg>
|
9765
9724
|
`;
|
9766
9725
|
|
9767
|
-
const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.label*/.label.sc-ic-chip{padding:0 var(--ic-space-xs)}/*!@.chip.hovered:not(:focus-within)*/.chip.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-architectural-300)}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}/*!@.chip.outline.hovered:not(:focus-within),\n.chip.outlined.hovered:not(:focus-within)*/.chip.outline.hovered.sc-ic-chip:not(:focus-within),.chip.outlined.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover)}/*!@ic-tooltip:focus-within*/ic-tooltip.sc-ic-chip:focus-within{z-index:1}/*!@.filled*/.filled.sc-ic-chip{background-color:var(--chip-custom-color, var(--ic-architectural-200));color:var(--chip-custom-foreground-color, black);border:none}/*!@.filled.disabled*/.filled.disabled.sc-ic-chip{background-color:var(--ic-architectural-100)}/*!@.outline,\n.outlined*/.outline.sc-ic-chip,.outlined.sc-ic-chip{color:var(--ic-architectural-900);border:var(--ic-border-width) solid\n var(--chip-custom-color, var(--ic-architectural-900));padding:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.outline.small,\n.outlined.small*/.outline.small.sc-ic-chip,.outlined.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.outline.large,\n.outlined.large*/.outline.large.sc-ic-chip,.outlined.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.outline.disabled,\n.outlined.disabled*/.outline.disabled.sc-ic-chip,.outlined.disabled.sc-ic-chip{border:var(--ic-border-disabled);background:none}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-
|
9726
|
+
const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.label*/.label.sc-ic-chip{padding:0 var(--ic-space-xs)}/*!@.chip.hovered:not(:focus-within)*/.chip.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-architectural-300)}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}/*!@.chip.outline.hovered:not(:focus-within),\n.chip.outlined.hovered:not(:focus-within)*/.chip.outline.hovered.sc-ic-chip:not(:focus-within),.chip.outlined.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover)}/*!@ic-tooltip:focus-within*/ic-tooltip.sc-ic-chip:focus-within{z-index:1}/*!@.filled*/.filled.sc-ic-chip{background-color:var(--chip-custom-color, var(--ic-architectural-200));color:var(--chip-custom-foreground-color, black);border:none}/*!@.filled.disabled*/.filled.disabled.sc-ic-chip{background-color:var(--ic-architectural-100)}/*!@.outline,\n.outlined*/.outline.sc-ic-chip,.outlined.sc-ic-chip{color:var(--ic-architectural-900);border:var(--ic-border-width) solid\n var(--chip-custom-color, var(--ic-architectural-900));padding:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.outline.small,\n.outlined.small*/.outline.small.sc-ic-chip,.outlined.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.outline.large,\n.outlined.large*/.outline.large.sc-ic-chip,.outlined.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.outline.disabled,\n.outlined.disabled*/.outline.disabled.sc-ic-chip,.outlined.disabled.sc-ic-chip{border:var(--ic-border-disabled);background:none}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-500)}/*!@.filled.disabled ic-typography*/.filled.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-600)}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-chip{border:none;border-radius:50%;padding:0;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}/*!@.dismiss-icon:focus*/.dismiss-icon.sc-ic-chip:focus{outline:var(--ic-hc-focus-outline)}/*!@.dismiss-icon[disabled]*/.dismiss-icon[disabled].sc-ic-chip{pointer-events:none;color:var(--ic-architectural-200)}/*!@.icon*/.icon.sc-ic-chip{padding:var(--ic-space-xxxs);box-sizing:border-box}/*!@.icon,\nic-tooltip*/.icon.sc-ic-chip,ic-tooltip.sc-ic-chip{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chip.disabled path,\n.chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled.sc-ic-chip-s>svg,.chip.disabled .sc-ic-chip-s>svg{fill:var(--ic-architectural-200)}/*!@.chip.white-background*/.chip.white-background.sc-ic-chip{background-color:var(--ic-architectural-white)}/*!@.chip.white-background.hovered:not(:focus-within)*/.chip.white-background.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover-no-alpha) !important}@media (forced-colors: active){/*!@.chip*/.chip.sc-ic-chip{border:var(--ic-hc-border)}/*!@.filled.small*/.filled.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.filled*/.filled.sc-ic-chip{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}/*!@.filled.large*/.filled.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.chip.disabled*/.chip.disabled.sc-ic-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:GrayText}/*!@.chip.disabled path,\n .chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled.sc-ic-chip-s>svg,.chip.disabled .sc-ic-chip-s>svg{fill:GrayText}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{outline:none;border-color:Highlight}}";
|
9768
9727
|
|
9769
9728
|
/**
|
9770
9729
|
* @slot icon - Content will be rendered at the start of the chip.
|
@@ -9780,23 +9739,20 @@ class Chip {
|
|
9780
9739
|
this.icDismiss.emit();
|
9781
9740
|
};
|
9782
9741
|
this.mouseEnterHandler = () => {
|
9783
|
-
this.
|
9742
|
+
this.hovered = true;
|
9784
9743
|
};
|
9785
9744
|
this.mouseLeaveHandler = () => {
|
9786
|
-
this.
|
9745
|
+
this.hovered = false;
|
9787
9746
|
};
|
9788
9747
|
this.setChipColour = () => {
|
9789
|
-
|
9790
|
-
|
9791
|
-
const
|
9792
|
-
const
|
9793
|
-
|
9794
|
-
? "var(--ic-architectural-black)"
|
9795
|
-
: "var(--ic-architectural-white)";
|
9796
|
-
this.el.setAttribute("style", `--chip-custom-color: ${rgbaValue}; --chip-custom-foreground-color: ${foregroundColour};`);
|
9748
|
+
const colorRGBA = convertToRGBA(this.customColor);
|
9749
|
+
if (colorRGBA) {
|
9750
|
+
const { r, g, b, a } = colorRGBA;
|
9751
|
+
const foregroundColour = (r * 299 + g * 587 + b * 114) / 1000 > 133.3505 ? "black" : "white";
|
9752
|
+
this.el.setAttribute("style", `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a}); --chip-custom-foreground-color: var(--ic-architectural-${foregroundColour})`);
|
9797
9753
|
}
|
9798
9754
|
};
|
9799
|
-
this.
|
9755
|
+
this.hovered = false;
|
9800
9756
|
this.visible = true;
|
9801
9757
|
this.appearance = undefined;
|
9802
9758
|
this.customColor = null;
|
@@ -9808,13 +9764,13 @@ class Chip {
|
|
9808
9764
|
this.variant = "filled";
|
9809
9765
|
}
|
9810
9766
|
customColorHandler() {
|
9811
|
-
if (!this.dismissible
|
9767
|
+
if (!this.dismissible) {
|
9812
9768
|
this.setChipColour();
|
9813
9769
|
}
|
9814
9770
|
}
|
9815
9771
|
componentWillLoad() {
|
9816
9772
|
removeDisabledFalse(this.disabled, this.el);
|
9817
|
-
if (!this.dismissible
|
9773
|
+
if (!this.dismissible) {
|
9818
9774
|
this.setChipColour();
|
9819
9775
|
}
|
9820
9776
|
if (this.appearance === "outline") {
|
@@ -9822,10 +9778,6 @@ class Chip {
|
|
9822
9778
|
}
|
9823
9779
|
}
|
9824
9780
|
componentDidLoad() {
|
9825
|
-
var _a;
|
9826
|
-
this.dismissible &&
|
9827
|
-
((_a = this.el.shadowRoot
|
9828
|
-
.querySelector("span.ic-tooltip-label")) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-hidden", "true"));
|
9829
9781
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Chip");
|
9830
9782
|
}
|
9831
9783
|
handleClick() {
|
@@ -9835,24 +9787,21 @@ class Chip {
|
|
9835
9787
|
* Sets focus on the chip.
|
9836
9788
|
*/
|
9837
9789
|
async setFocus() {
|
9838
|
-
|
9839
|
-
|
9840
|
-
}
|
9790
|
+
var _a;
|
9791
|
+
(_a = this.el.shadowRoot.querySelector("button")) === null || _a === void 0 ? void 0 : _a.focus();
|
9841
9792
|
}
|
9842
9793
|
render() {
|
9843
|
-
const { label, appearance, variant, size, dismissible, visible, disabled,
|
9794
|
+
const { label, appearance, variant, size, dismissible, visible, disabled, hovered, } = this;
|
9844
9795
|
return (visible && (hAsync("div", { class: {
|
9845
|
-
|
9796
|
+
chip: true,
|
9846
9797
|
[`${appearance}`]: appearance !== undefined,
|
9847
9798
|
[`${variant}`]: true,
|
9848
9799
|
[`${size}`]: true,
|
9849
|
-
|
9850
|
-
|
9851
|
-
|
9852
|
-
|
9853
|
-
} }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: "label" }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: "Dismiss", target: "dismiss-icon", class: {
|
9854
|
-
["dismiss-icon"]: true,
|
9855
|
-
}, "aria-label": `Dismiss ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }))));
|
9800
|
+
disabled,
|
9801
|
+
dismissible,
|
9802
|
+
hovered,
|
9803
|
+
"white-background": this.variant === "outlined" && !this.transparentBackground,
|
9804
|
+
} }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: "label" }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: "Dismiss", target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { id: "dismiss-icon", class: "dismiss-icon", "aria-label": `Dismiss ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }))));
|
9856
9805
|
}
|
9857
9806
|
static get delegatesFocus() { return true; }
|
9858
9807
|
get el() { return getElement(this); }
|
@@ -9872,7 +9821,7 @@ class Chip {
|
|
9872
9821
|
"size": [1],
|
9873
9822
|
"transparentBackground": [4, "transparent-background"],
|
9874
9823
|
"variant": [1],
|
9875
|
-
"
|
9824
|
+
"hovered": [32],
|
9876
9825
|
"visible": [32],
|
9877
9826
|
"setFocus": [64]
|
9878
9827
|
},
|
@@ -10051,7 +10000,7 @@ class DataRow {
|
|
10051
10000
|
}; }
|
10052
10001
|
}
|
10053
10002
|
|
10054
|
-
const icDialogCss = "/*!@html*/html.sc-ic-dialog{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-dialog{margin:0}/*!@main*/main.sc-ic-dialog{display:block}/*!@h1*/h1.sc-ic-dialog{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-dialog{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-dialog{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-dialog{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-dialog{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-dialog,strong.sc-ic-dialog{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-dialog,kbd.sc-ic-dialog,samp.sc-ic-dialog{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-dialog{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-dialog,sup.sc-ic-dialog{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-dialog{bottom:-0.25em}/*!@sup*/sup.sc-ic-dialog{top:-0.5em}/*!@img*/img.sc-ic-dialog{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-dialog,input.sc-ic-dialog,optgroup.sc-ic-dialog,select.sc-ic-dialog,textarea.sc-ic-dialog{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-dialog,input.sc-ic-dialog{overflow:visible}/*!@button,\nselect*/button.sc-ic-dialog,select.sc-ic-dialog{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-dialog,[type=\"button\"].sc-ic-dialog,[type=\"reset\"].sc-ic-dialog,[type=\"submit\"].sc-ic-dialog{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-dialog::-moz-focus-inner,[type=\"button\"].sc-ic-dialog::-moz-focus-inner,[type=\"reset\"].sc-ic-dialog::-moz-focus-inner,[type=\"submit\"].sc-ic-dialog::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-dialog:-moz-focusring,[type=\"button\"].sc-ic-dialog:-moz-focusring,[type=\"reset\"].sc-ic-dialog:-moz-focusring,[type=\"submit\"].sc-ic-dialog:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-dialog{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-dialog{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-dialog{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-dialog{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-dialog,[type=\"radio\"].sc-ic-dialog{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-dialog::-webkit-inner-spin-button,[type=\"number\"].sc-ic-dialog::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-dialog{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-dialog::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-dialog::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-dialog{display:block}/*!@summary*/summary.sc-ic-dialog{display:list-item}/*!@template*/template.sc-ic-dialog{display:none}/*!@[hidden]*/[hidden].sc-ic-dialog{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-dialog,body.sc-ic-dialog,div.sc-ic-dialog,span.sc-ic-dialog,applet.sc-ic-dialog,object.sc-ic-dialog,iframe.sc-ic-dialog,h1.sc-ic-dialog,h2.sc-ic-dialog,h3.sc-ic-dialog,h4.sc-ic-dialog,h5.sc-ic-dialog,h6.sc-ic-dialog,p.sc-ic-dialog,blockquote.sc-ic-dialog,pre.sc-ic-dialog,a.sc-ic-dialog,abbr.sc-ic-dialog,acronym.sc-ic-dialog,address.sc-ic-dialog,big.sc-ic-dialog,cite.sc-ic-dialog,code.sc-ic-dialog,del.sc-ic-dialog,dfn.sc-ic-dialog,em.sc-ic-dialog,img.sc-ic-dialog,ins.sc-ic-dialog,kbd.sc-ic-dialog,q.sc-ic-dialog,s.sc-ic-dialog,samp.sc-ic-dialog,small.sc-ic-dialog,strike.sc-ic-dialog,strong.sc-ic-dialog,sub.sc-ic-dialog,sup.sc-ic-dialog,tt.sc-ic-dialog,var.sc-ic-dialog,b.sc-ic-dialog,u.sc-ic-dialog,i.sc-ic-dialog,center.sc-ic-dialog,dl.sc-ic-dialog,dt.sc-ic-dialog,dd.sc-ic-dialog,ol.sc-ic-dialog,ul.sc-ic-dialog,li.sc-ic-dialog,fieldset.sc-ic-dialog,form.sc-ic-dialog,label.sc-ic-dialog,legend.sc-ic-dialog,table.sc-ic-dialog,caption.sc-ic-dialog,tbody.sc-ic-dialog,tfoot.sc-ic-dialog,thead.sc-ic-dialog,tr.sc-ic-dialog,th.sc-ic-dialog,td.sc-ic-dialog,article.sc-ic-dialog,aside.sc-ic-dialog,canvas.sc-ic-dialog,details.sc-ic-dialog,embed.sc-ic-dialog,figure.sc-ic-dialog,figcaption.sc-ic-dialog,footer.sc-ic-dialog,header.sc-ic-dialog,hgroup.sc-ic-dialog,menu.sc-ic-dialog,nav.sc-ic-dialog,output.sc-ic-dialog,ruby.sc-ic-dialog,section.sc-ic-dialog,summary.sc-ic-dialog,time.sc-ic-dialog,mark.sc-ic-dialog,audio.sc-ic-dialog,video.sc-ic-dialog{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-dialog-h{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.disable-height-constraint)*/.disable-height-constraint.sc-ic-dialog-h{background:none;justify-content:unset;align-items:unset}/*!@.dialog.disable-height-constraint*/.dialog.disable-height-constraint.sc-ic-dialog{max-height:none;position:relative}/*!@.dialog.disable-height-constraint .content-area*/.dialog.disable-height-constraint.sc-ic-dialog .content-area.sc-ic-dialog{overflow-y:visible}/*!@:host(.fade-in)*/.fade-in.sc-ic-dialog-h{opacity:1;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.hidden)*/.hidden.sc-ic-dialog-h{display:none}/*!@.dialog*/.dialog.sc-ic-dialog{background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);transform:translateY(-3rem);transition:transform 1000s;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}
|
10003
|
+
const icDialogCss = "/*!@html*/html.sc-ic-dialog{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-dialog{margin:0}/*!@main*/main.sc-ic-dialog{display:block}/*!@h1*/h1.sc-ic-dialog{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-dialog{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-dialog{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-dialog{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-dialog{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-dialog,strong.sc-ic-dialog{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-dialog,kbd.sc-ic-dialog,samp.sc-ic-dialog{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-dialog{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-dialog,sup.sc-ic-dialog{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-dialog{bottom:-0.25em}/*!@sup*/sup.sc-ic-dialog{top:-0.5em}/*!@img*/img.sc-ic-dialog{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-dialog,input.sc-ic-dialog,optgroup.sc-ic-dialog,select.sc-ic-dialog,textarea.sc-ic-dialog{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-dialog,input.sc-ic-dialog{overflow:visible}/*!@button,\nselect*/button.sc-ic-dialog,select.sc-ic-dialog{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-dialog,[type=\"button\"].sc-ic-dialog,[type=\"reset\"].sc-ic-dialog,[type=\"submit\"].sc-ic-dialog{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-dialog::-moz-focus-inner,[type=\"button\"].sc-ic-dialog::-moz-focus-inner,[type=\"reset\"].sc-ic-dialog::-moz-focus-inner,[type=\"submit\"].sc-ic-dialog::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-dialog:-moz-focusring,[type=\"button\"].sc-ic-dialog:-moz-focusring,[type=\"reset\"].sc-ic-dialog:-moz-focusring,[type=\"submit\"].sc-ic-dialog:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-dialog{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-dialog{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-dialog{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-dialog{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-dialog,[type=\"radio\"].sc-ic-dialog{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-dialog::-webkit-inner-spin-button,[type=\"number\"].sc-ic-dialog::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-dialog{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-dialog::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-dialog::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-dialog{display:block}/*!@summary*/summary.sc-ic-dialog{display:list-item}/*!@template*/template.sc-ic-dialog{display:none}/*!@[hidden]*/[hidden].sc-ic-dialog{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-dialog,body.sc-ic-dialog,div.sc-ic-dialog,span.sc-ic-dialog,applet.sc-ic-dialog,object.sc-ic-dialog,iframe.sc-ic-dialog,h1.sc-ic-dialog,h2.sc-ic-dialog,h3.sc-ic-dialog,h4.sc-ic-dialog,h5.sc-ic-dialog,h6.sc-ic-dialog,p.sc-ic-dialog,blockquote.sc-ic-dialog,pre.sc-ic-dialog,a.sc-ic-dialog,abbr.sc-ic-dialog,acronym.sc-ic-dialog,address.sc-ic-dialog,big.sc-ic-dialog,cite.sc-ic-dialog,code.sc-ic-dialog,del.sc-ic-dialog,dfn.sc-ic-dialog,em.sc-ic-dialog,img.sc-ic-dialog,ins.sc-ic-dialog,kbd.sc-ic-dialog,q.sc-ic-dialog,s.sc-ic-dialog,samp.sc-ic-dialog,small.sc-ic-dialog,strike.sc-ic-dialog,strong.sc-ic-dialog,sub.sc-ic-dialog,sup.sc-ic-dialog,tt.sc-ic-dialog,var.sc-ic-dialog,b.sc-ic-dialog,u.sc-ic-dialog,i.sc-ic-dialog,center.sc-ic-dialog,dl.sc-ic-dialog,dt.sc-ic-dialog,dd.sc-ic-dialog,ol.sc-ic-dialog,ul.sc-ic-dialog,li.sc-ic-dialog,fieldset.sc-ic-dialog,form.sc-ic-dialog,label.sc-ic-dialog,legend.sc-ic-dialog,table.sc-ic-dialog,caption.sc-ic-dialog,tbody.sc-ic-dialog,tfoot.sc-ic-dialog,thead.sc-ic-dialog,tr.sc-ic-dialog,th.sc-ic-dialog,td.sc-ic-dialog,article.sc-ic-dialog,aside.sc-ic-dialog,canvas.sc-ic-dialog,details.sc-ic-dialog,embed.sc-ic-dialog,figure.sc-ic-dialog,figcaption.sc-ic-dialog,footer.sc-ic-dialog,header.sc-ic-dialog,hgroup.sc-ic-dialog,menu.sc-ic-dialog,nav.sc-ic-dialog,output.sc-ic-dialog,ruby.sc-ic-dialog,section.sc-ic-dialog,summary.sc-ic-dialog,time.sc-ic-dialog,mark.sc-ic-dialog,audio.sc-ic-dialog,video.sc-ic-dialog{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-dialog-h{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.disable-height-constraint)*/.disable-height-constraint.sc-ic-dialog-h{background:none;justify-content:unset;align-items:unset}/*!@.dialog.disable-height-constraint*/.dialog.disable-height-constraint.sc-ic-dialog{max-height:none;position:relative}/*!@.dialog.disable-height-constraint .content-area*/.dialog.disable-height-constraint.sc-ic-dialog .content-area.sc-ic-dialog{overflow-y:visible}@media (prefers-reduced-motion: no-preference){/*!@:host(.fade-in)*/.fade-in.sc-ic-dialog-h{opacity:1;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.fade-in) .dialog*/.fade-in.sc-ic-dialog-h .dialog.sc-ic-dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}/*!@:host(.hidden)*/.hidden.sc-ic-dialog-h{display:none}/*!@.dialog*/.dialog.sc-ic-dialog{background-color:var(--ic-architectural-white);color:var(--ic-architectural-black);border:var(--ic-border-default);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);transform:translateY(-3rem);transition:transform 1000s;display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}/*!@.small*/.small.sc-ic-dialog{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}/*!@.medium*/.medium.sc-ic-dialog{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}/*!@.large*/.large.sc-ic-dialog{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}/*!@.heading-area*/.heading-area.sc-ic-dialog{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-dialog{overflow-wrap:break-word}/*!@.close-icon*/.close-icon.sc-ic-dialog{margin-left:auto}/*!@.content-area*/.content-area.sc-ic-dialog{-ms-overflow-style:none;scrollbar-width:none;padding:0 var(--ic-space-md);margin:0;overflow-y:auto}/*!@.content-area::-webkit-scrollbar*/.content-area.sc-ic-dialog::-webkit-scrollbar{display:none}/*!@#dialog-content*/#dialog-content.sc-ic-dialog{margin-bottom:var(--ic-space-sm)}/*!@#dialog-content ::slotted(ic-typography)*/#dialog-content .sc-ic-dialog-s>ic-typography{overflow-wrap:break-word}/*!@#dialog-content ::slotted(*)*/#dialog-content .sc-ic-dialog-s>*{position:relative}/*!@.status-alert*/.status-alert.sc-ic-dialog{margin-bottom:var(--ic-space-xs)}/*!@.dialog-controls*/.dialog-controls.sc-ic-dialog{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}/*!@.dialog-control-button*/.dialog-control-button.sc-ic-dialog{width:-moz-fit-content;width:fit-content}/*!@.backdrop*/.backdrop.sc-ic-dialog{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}@media (min-width: 800px){/*!@:host([size=\"large\"]) .dialog:not(.disable-width-constraint) > .content-area*/[size=\"large\"].sc-ic-dialog-h .dialog.sc-ic-dialog:not(.disable-width-constraint)>.content-area.sc-ic-dialog{width:75%}}@media (max-width: 576px){/*!@.dialog*/.dialog.sc-ic-dialog{width:100vw;height:100vh;transform:translateY(-5rem);max-width:none;max-height:none;box-sizing:border-box}/*!@.backdrop*/.backdrop.sc-ic-dialog{padding:0}/*!@.dialog.disable-height-constraint*/.dialog.disable-height-constraint.sc-ic-dialog{height:auto;min-height:100vh}}@media (max-width: 364px){/*!@.triple-button*/.triple-button.sc-ic-dialog{flex-direction:column;gap:var(--ic-space-xs)}/*!@.dialog-control-button*/.dialog-control-button.sc-ic-dialog{width:unset}}";
|
10055
10004
|
|
10056
10005
|
/**
|
10057
10006
|
* @slot dialog-controls - Content will be place at the bottom of the dialog.
|
@@ -10337,6 +10286,8 @@ class Dialog {
|
|
10337
10286
|
if (this.open) {
|
10338
10287
|
this.dialogOpened();
|
10339
10288
|
}
|
10289
|
+
!isSlotUsed(this.el, "heading") &&
|
10290
|
+
onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Dialog");
|
10340
10291
|
}
|
10341
10292
|
componentDidRender() {
|
10342
10293
|
if (getComputedStyle(this.el).display !== "none" &&
|
@@ -10615,7 +10566,7 @@ class Footer {
|
|
10615
10566
|
// Slots will be able to infer their own color
|
10616
10567
|
[IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
|
10617
10568
|
[IcThemeForegroundEnum.Light]: foregroundColor === IcThemeForegroundEnum.Light,
|
10618
|
-
} }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, description && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed(this.el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner" }, hAsync("slot", { name: "link" })))))), hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed(this.el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed(this.el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
|
10569
|
+
} }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, (isSlotUsed(this.el, "description") || description) && (hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description)))))), isSlotUsed(this.el, "link") && (hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner" }, hAsync("slot", { name: "link" })))))), hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, isSlotUsed(this.el, "logo") && (hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" }))), (isSlotUsed(this.el, "caption") || caption) && (hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
|
10619
10570
|
? "caption"
|
10620
10571
|
: "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
|
10621
10572
|
["footer-copyright"]: true,
|
@@ -10773,7 +10724,7 @@ class FooterLinkGroup {
|
|
10773
10724
|
} }, hAsync("div", { class: "footer-link-group-title" }, hAsync("ic-typography", { variant: "subtitle-small" }, groupTitle)), hAsync("div", { class: "footer-link-group-links" }, hAsync("slot", null)))) : (hAsync(Host, { class: {
|
10774
10725
|
["footer-link-group footer-link-group-small"]: true,
|
10775
10726
|
[`footer-link-group-${this.dropdownIconStyle}`]: true,
|
10776
|
-
}, tabIndex: "1", onClick: this.toggleExpanded, onKeydown: this.handleKeydown, "aria-
|
10727
|
+
}, tabIndex: "1", onClick: this.toggleExpanded, onKeydown: this.handleKeydown, "aria-expanded": this.expanded }, hAsync("ic-section-container", { fullHeight: true }, hAsync("div", { class: "footer-link-group-header" }, hAsync("div", { class: "footer-link-group-title" }, hAsync("ic-typography", { variant: "label" }, groupTitle)), this.expanded ? (hAsync("svg", { class: "footer-link-group-toggle", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 1200 1200" }, hAsync("path", { fill: "currentColor", d: "M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z" }))) : (hAsync("svg", { class: "footer-link-group-toggle", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 1200 1200" }, hAsync("g", { transform: "translate(0 1200) scale(1 -1)" }, hAsync("path", { fill: "currentColor", d: "M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z" }))))), this.expanded && (hAsync("div", { class: "footer-link-group-links" }, hAsync("slot", null))))));
|
10777
10728
|
}
|
10778
10729
|
static get delegatesFocus() { return true; }
|
10779
10730
|
get el() { return getElement(this); }
|
@@ -10824,7 +10775,8 @@ class Hero {
|
|
10824
10775
|
this.rightContent = slotHasContent(this.el, "secondary");
|
10825
10776
|
}
|
10826
10777
|
componentDidLoad() {
|
10827
|
-
|
10778
|
+
!isSlotUsed(this.el, "heading") &&
|
10779
|
+
onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Hero");
|
10828
10780
|
}
|
10829
10781
|
componentWillRender() {
|
10830
10782
|
this.rightContent = slotHasContent(this.el, "secondary");
|
@@ -10982,8 +10934,7 @@ class HorizontalScroll {
|
|
10982
10934
|
componentWillLoad() {
|
10983
10935
|
this.itemsContainerEl = this.el.children[0];
|
10984
10936
|
this.itemsContainerEl.addEventListener("scroll", this.scrollHandler);
|
10985
|
-
this.items =
|
10986
|
-
Array.from(this.itemsContainerEl.children));
|
10937
|
+
this.items = getSlotElements(this.itemsContainerEl);
|
10987
10938
|
this.items.forEach((item) => {
|
10988
10939
|
if (item.addEventListener) {
|
10989
10940
|
item.addEventListener(this.focusTrigger, this.focusHandler);
|
@@ -11108,7 +11059,7 @@ class InputComponentContainer {
|
|
11108
11059
|
}, "aria-disabled": disabled && `${disabled}` }, hAsync("div", { class: {
|
11109
11060
|
"focus-indicator": true,
|
11110
11061
|
dark: dark || appearance === "dark",
|
11111
|
-
} },
|
11062
|
+
} }, slotHasContent(this.el, "left-icon") && (hAsync("div", { class: {
|
11112
11063
|
["icon-container"]: true,
|
11113
11064
|
} }, hAsync("slot", { name: "left-icon" }))), hAsync("slot", null), validationInline &&
|
11114
11065
|
validationStatus === IcInformationStatus.Success && (hAsync("span", { class: {
|
@@ -11276,7 +11227,7 @@ class InputValidation {
|
|
11276
11227
|
}; }
|
11277
11228
|
}
|
11278
11229
|
|
11279
|
-
const icLinkCss = "/*!@html*/html.sc-ic-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-link{margin:0}/*!@main*/main.sc-ic-link{display:block}/*!@h1*/h1.sc-ic-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-link,strong.sc-ic-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-link,kbd.sc-ic-link,samp.sc-ic-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-link,sup.sc-ic-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-link{top:-0.5em}/*!@img*/img.sc-ic-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-link,input.sc-ic-link,optgroup.sc-ic-link,select.sc-ic-link,textarea.sc-ic-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-link,input.sc-ic-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-link,select.sc-ic-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-link,[type=\"button\"].sc-ic-link,[type=\"reset\"].sc-ic-link,[type=\"submit\"].sc-ic-link{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-link::-moz-focus-inner,[type=\"button\"].sc-ic-link::-moz-focus-inner,[type=\"reset\"].sc-ic-link::-moz-focus-inner,[type=\"submit\"].sc-ic-link::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-link:-moz-focusring,[type=\"button\"].sc-ic-link:-moz-focusring,[type=\"reset\"].sc-ic-link:-moz-focusring,[type=\"submit\"].sc-ic-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-link,[type=\"radio\"].sc-ic-link{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-link::-webkit-inner-spin-button,[type=\"number\"].sc-ic-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-link{display:block}/*!@summary*/summary.sc-ic-link{display:list-item}/*!@template*/template.sc-ic-link{display:none}/*!@[hidden]*/[hidden].sc-ic-link{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-link,body.sc-ic-link,div.sc-ic-link,span.sc-ic-link,applet.sc-ic-link,object.sc-ic-link,iframe.sc-ic-link,h1.sc-ic-link,h2.sc-ic-link,h3.sc-ic-link,h4.sc-ic-link,h5.sc-ic-link,h6.sc-ic-link,p.sc-ic-link,blockquote.sc-ic-link,pre.sc-ic-link,a.sc-ic-link,abbr.sc-ic-link,acronym.sc-ic-link,address.sc-ic-link,big.sc-ic-link,cite.sc-ic-link,code.sc-ic-link,del.sc-ic-link,dfn.sc-ic-link,em.sc-ic-link,img.sc-ic-link,ins.sc-ic-link,kbd.sc-ic-link,q.sc-ic-link,s.sc-ic-link,samp.sc-ic-link,small.sc-ic-link,strike.sc-ic-link,strong.sc-ic-link,sub.sc-ic-link,sup.sc-ic-link,tt.sc-ic-link,var.sc-ic-link,b.sc-ic-link,u.sc-ic-link,i.sc-ic-link,center.sc-ic-link,dl.sc-ic-link,dt.sc-ic-link,dd.sc-ic-link,ol.sc-ic-link,ul.sc-ic-link,li.sc-ic-link,fieldset.sc-ic-link,form.sc-ic-link,label.sc-ic-link,legend.sc-ic-link,table.sc-ic-link,caption.sc-ic-link,tbody.sc-ic-link,tfoot.sc-ic-link,thead.sc-ic-link,tr.sc-ic-link,th.sc-ic-link,td.sc-ic-link,article.sc-ic-link,aside.sc-ic-link,canvas.sc-ic-link,details.sc-ic-link,embed.sc-ic-link,figure.sc-ic-link,figcaption.sc-ic-link,footer.sc-ic-link,header.sc-ic-link,hgroup.sc-ic-link,menu.sc-ic-link,nav.sc-ic-link,output.sc-ic-link,ruby.sc-ic-link,section.sc-ic-link,summary.sc-ic-link,time.sc-ic-link,mark.sc-ic-link,audio.sc-ic-link,video.sc-ic-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.link) .ic-link,\n:host(.link) ::slotted(a)*/.link.sc-ic-link-h .ic-link.sc-ic-link,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link .sc-ic-link-s>a{color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@:host(.link.dark) .ic-link.dark,\n:host(.link.dark) ::slotted(a)*/.link.dark.sc-ic-link-h .ic-link.dark.sc-ic-link,.sc-ic-link-h.link.dark.sc-ic-link-s>a,.sc-ic-link-h.link.dark .sc-ic-link-s>a{color:var(--ic-color-primary-text)}/*!@:host(.link.light) .ic-link.light,\n:host(.link.light) ::slotted(a)*/.link.light.sc-ic-link-h .ic-link.light.sc-ic-link,.sc-ic-link-h.link.light.sc-ic-link-s>a,.sc-ic-link-h.link.light .sc-ic-link-s>a{color:var(--ic-color-white-text)}/*!@:host(.link) .ic-link:visited,\n:host(.link) ::slotted(a:visited)*/.link.sc-ic-link-h .ic-link.sc-ic-link:visited,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:visited,.sc-ic-link-h.link .sc-ic-link-s>a:visited{color:var(--ic-hyperlink-visited)}/*!@:host(.link) .ic-link:hover,\n:host(.link) .ic-link:focus,\n:host(.link) ::slotted(a:hover),\n:host(.link) ::slotted(a:focus)*/.link.sc-ic-link-h .ic-link.sc-ic-link:hover,.link.sc-ic-link-h .ic-link.sc-ic-link:focus,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:hover,.sc-ic-link-h.link .sc-ic-link-s>a:hover,.sc-ic-link-h.link.sc-ic-link-s>a:focus,.sc-ic-link-h.link .sc-ic-link-s>a:focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){/*!@:host(.link) .ic-link:hover,\n :host(.link) .ic-link:focus,\n :host(.link) ::slotted(a:hover),\n :host(.link) ::slotted(a:focus)*/.link.sc-ic-link-h .ic-link.sc-ic-link:hover,.link.sc-ic-link-h .ic-link.sc-ic-link:focus,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:hover,.sc-ic-link-h.link .sc-ic-link-s>a:hover,.sc-ic-link-h.link.sc-ic-link-s>a:focus,.sc-ic-link-h.link .sc-ic-link-s>a:focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}/*!@:host(.link) .ic-link:active,\n:host(.link) .ic-link:focus:active,\n:host(.link) .ic-link:visited:active,\n:host(.link) ::slotted(a:active),\n:host(.link) ::slotted(a:focus:active),\n:host(.link) ::slotted(a:visited:active)*/.link.sc-ic-link-h .ic-link.sc-ic-link:active,.link.sc-ic-link-h .ic-link.sc-ic-link:focus:active,.link.sc-ic-link-h .ic-link.sc-ic-link:visited:active,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:active,.sc-ic-link-h.link .sc-ic-link-s>a:active,.sc-ic-link-h.link.sc-ic-link-s>a:focus,.sc-ic-link-h.link.sc-ic-link-s>a:focus:active,.sc-ic-link-h.link .sc-ic-link-s>a:focus:active,.sc-ic-link-h.link.sc-ic-link-s>a:visited,.sc-ic-link-h.link.sc-ic-link-s>a:visited:active,.sc-ic-link-h.link .sc-ic-link-s>a:visited:active{text-decoration:none}/*!@.ic-link-open-in-new-icon*/.ic-link-open-in-new-icon.sc-ic-link{vertical-align:middle;margin-left:var(--ic-space-xxs)}/*!@.ic-link > .ic-link-open-in-new-icon*/.ic-link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink)}/*!@.ic-link.dark > .ic-link-open-in-new-icon*/.ic-link.dark.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-color-primary-text)}/*!@.ic-link.light > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-color-white-text)}/*!@.ic-link-open-in-new-icon > svg*/.ic-link-open-in-new-icon.sc-ic-link>svg.sc-ic-link{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}/*!@.ic-link:visited > .ic-link-open-in-new-icon*/.ic-link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink-visited)}/*!@.ic-link.light:visited > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink-contrast-visited)}/*!@:host(.breadcrumb-link) .ic-link*/.breadcrumb-link.sc-ic-link-h .ic-link.sc-ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .ic-link ::slotted(.back-icon)*/.sc-ic-link-h.breadcrumb-link .ic-link .sc-ic-link-s>.back-icon{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a)*/.breadcrumb-link.current-page.sc-ic-link-h a.sc-ic-link,.sc-ic-link-h.breadcrumb-link.current-page.sc-ic-link-s>a,.sc-ic-link-h.breadcrumb-link.current-page .sc-ic-link-s>a{font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}/*!@:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-link-h .ic-link.sc-ic-link,.sc-ic-link-h.breadcrumb-link.current-page.sc-ic-link-s>a,.sc-ic-link-h.breadcrumb-link.current-page.sc-ic-link-s>a:focus,.sc-ic-link-h.breadcrumb-link.current-page .sc-ic-link-s>a:focus{outline:var(--ic-hc-focus-outline);text-decoration:none}/*!@:host(.breadcrumb-link.current-page) .ic-link:visited*/.breadcrumb-link.current-page.sc-ic-link-h .ic-link.sc-ic-link:visited{color:var(--ic-color-primary-text)}";
|
11230
|
+
const icLinkCss = "/*!@html*/html.sc-ic-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-link{margin:0}/*!@main*/main.sc-ic-link{display:block}/*!@h1*/h1.sc-ic-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-link,strong.sc-ic-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-link,kbd.sc-ic-link,samp.sc-ic-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-link,sup.sc-ic-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-link{top:-0.5em}/*!@img*/img.sc-ic-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-link,input.sc-ic-link,optgroup.sc-ic-link,select.sc-ic-link,textarea.sc-ic-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-link,input.sc-ic-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-link,select.sc-ic-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-link,[type=\"button\"].sc-ic-link,[type=\"reset\"].sc-ic-link,[type=\"submit\"].sc-ic-link{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-link::-moz-focus-inner,[type=\"button\"].sc-ic-link::-moz-focus-inner,[type=\"reset\"].sc-ic-link::-moz-focus-inner,[type=\"submit\"].sc-ic-link::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-link:-moz-focusring,[type=\"button\"].sc-ic-link:-moz-focusring,[type=\"reset\"].sc-ic-link:-moz-focusring,[type=\"submit\"].sc-ic-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-link,[type=\"radio\"].sc-ic-link{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-link::-webkit-inner-spin-button,[type=\"number\"].sc-ic-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-link{display:block}/*!@summary*/summary.sc-ic-link{display:list-item}/*!@template*/template.sc-ic-link{display:none}/*!@[hidden]*/[hidden].sc-ic-link{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-link,body.sc-ic-link,div.sc-ic-link,span.sc-ic-link,applet.sc-ic-link,object.sc-ic-link,iframe.sc-ic-link,h1.sc-ic-link,h2.sc-ic-link,h3.sc-ic-link,h4.sc-ic-link,h5.sc-ic-link,h6.sc-ic-link,p.sc-ic-link,blockquote.sc-ic-link,pre.sc-ic-link,a.sc-ic-link,abbr.sc-ic-link,acronym.sc-ic-link,address.sc-ic-link,big.sc-ic-link,cite.sc-ic-link,code.sc-ic-link,del.sc-ic-link,dfn.sc-ic-link,em.sc-ic-link,img.sc-ic-link,ins.sc-ic-link,kbd.sc-ic-link,q.sc-ic-link,s.sc-ic-link,samp.sc-ic-link,small.sc-ic-link,strike.sc-ic-link,strong.sc-ic-link,sub.sc-ic-link,sup.sc-ic-link,tt.sc-ic-link,var.sc-ic-link,b.sc-ic-link,u.sc-ic-link,i.sc-ic-link,center.sc-ic-link,dl.sc-ic-link,dt.sc-ic-link,dd.sc-ic-link,ol.sc-ic-link,ul.sc-ic-link,li.sc-ic-link,fieldset.sc-ic-link,form.sc-ic-link,label.sc-ic-link,legend.sc-ic-link,table.sc-ic-link,caption.sc-ic-link,tbody.sc-ic-link,tfoot.sc-ic-link,thead.sc-ic-link,tr.sc-ic-link,th.sc-ic-link,td.sc-ic-link,article.sc-ic-link,aside.sc-ic-link,canvas.sc-ic-link,details.sc-ic-link,embed.sc-ic-link,figure.sc-ic-link,figcaption.sc-ic-link,footer.sc-ic-link,header.sc-ic-link,hgroup.sc-ic-link,menu.sc-ic-link,nav.sc-ic-link,output.sc-ic-link,ruby.sc-ic-link,section.sc-ic-link,summary.sc-ic-link,time.sc-ic-link,mark.sc-ic-link,audio.sc-ic-link,video.sc-ic-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.link) .ic-link,\n:host(.link) ::slotted(a)*/.link.sc-ic-link-h .ic-link.sc-ic-link,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link .sc-ic-link-s>a{color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@:host(.link.dark) .ic-link.dark,\n:host(.link.dark) ::slotted(a)*/.link.dark.sc-ic-link-h .ic-link.dark.sc-ic-link,.sc-ic-link-h.link.dark.sc-ic-link-s>a,.sc-ic-link-h.link.dark .sc-ic-link-s>a{color:var(--ic-color-primary-text)}/*!@:host(.link.light) .ic-link.light,\n:host(.link.light) ::slotted(a)*/.link.light.sc-ic-link-h .ic-link.light.sc-ic-link,.sc-ic-link-h.link.light.sc-ic-link-s>a,.sc-ic-link-h.link.light .sc-ic-link-s>a{color:var(--ic-color-white-text)}/*!@:host(.link) .ic-link:visited,\n:host(.link) ::slotted(a:visited)*/.link.sc-ic-link-h .ic-link.sc-ic-link:visited,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:visited,.sc-ic-link-h.link .sc-ic-link-s>a:visited{color:var(--ic-hyperlink-visited)}/*!@:host(.link) .ic-link:hover,\n:host(.link) .ic-link:focus,\n:host(.link) ::slotted(a:hover),\n:host(.link) ::slotted(a:focus)*/.link.sc-ic-link-h .ic-link.sc-ic-link:hover,.link.sc-ic-link-h .ic-link.sc-ic-link:focus,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:hover,.sc-ic-link-h.link .sc-ic-link-s>a:hover,.sc-ic-link-h.link.sc-ic-link-s>a:focus,.sc-ic-link-h.link .sc-ic-link-s>a:focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){/*!@:host(.link) .ic-link:hover,\n :host(.link) .ic-link:focus,\n :host(.link) ::slotted(a:hover),\n :host(.link) ::slotted(a:focus)*/.link.sc-ic-link-h .ic-link.sc-ic-link:hover,.link.sc-ic-link-h .ic-link.sc-ic-link:focus,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:hover,.sc-ic-link-h.link .sc-ic-link-s>a:hover,.sc-ic-link-h.link.sc-ic-link-s>a:focus,.sc-ic-link-h.link .sc-ic-link-s>a:focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}/*!@:host(.link) .ic-link:active,\n:host(.link) .ic-link:focus:active,\n:host(.link) .ic-link:visited:active,\n:host(.link) ::slotted(a:active),\n:host(.link) ::slotted(a:focus:active),\n:host(.link) ::slotted(a:visited:active)*/.link.sc-ic-link-h .ic-link.sc-ic-link:active,.link.sc-ic-link-h .ic-link.sc-ic-link:focus:active,.link.sc-ic-link-h .ic-link.sc-ic-link:visited:active,.sc-ic-link-h.link.sc-ic-link-s>a,.sc-ic-link-h.link.sc-ic-link-s>a:active,.sc-ic-link-h.link .sc-ic-link-s>a:active,.sc-ic-link-h.link.sc-ic-link-s>a:focus,.sc-ic-link-h.link.sc-ic-link-s>a:focus:active,.sc-ic-link-h.link .sc-ic-link-s>a:focus:active,.sc-ic-link-h.link.sc-ic-link-s>a:visited,.sc-ic-link-h.link.sc-ic-link-s>a:visited:active,.sc-ic-link-h.link .sc-ic-link-s>a:visited:active{text-decoration:none}/*!@.ic-link-open-in-new-icon*/.ic-link-open-in-new-icon.sc-ic-link{vertical-align:middle;margin-left:var(--ic-space-xxs)}/*!@.ic-link > .ic-link-open-in-new-icon*/.ic-link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink)}/*!@.ic-link.dark > .ic-link-open-in-new-icon*/.ic-link.dark.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-color-primary-text)}/*!@.ic-link.light > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-color-white-text)}/*!@.ic-link-open-in-new-icon > svg*/.ic-link-open-in-new-icon.sc-ic-link>svg.sc-ic-link{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}/*!@.ic-link:visited > .ic-link-open-in-new-icon*/.ic-link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink-visited)}/*!@.ic-link.light:visited > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink-contrast-visited)}/*!@:host(.breadcrumb-link) .ic-link*/.breadcrumb-link.sc-ic-link-h .ic-link.sc-ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .ic-link ::slotted(.back-icon)*/.sc-ic-link-h.breadcrumb-link .ic-link .sc-ic-link-s>.back-icon{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a)*/.breadcrumb-link.current-page.sc-ic-link-h a.sc-ic-link,.sc-ic-link-h.breadcrumb-link.current-page.sc-ic-link-s>a,.sc-ic-link-h.breadcrumb-link.current-page .sc-ic-link-s>a{font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}/*!@:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-link-h .ic-link.sc-ic-link,.sc-ic-link-h.breadcrumb-link.current-page.sc-ic-link-s>a,.sc-ic-link-h.breadcrumb-link.current-page.sc-ic-link-s>a:focus,.sc-ic-link-h.breadcrumb-link.current-page .sc-ic-link-s>a:focus{outline:var(--ic-hc-focus-outline);text-decoration:none}/*!@:host(.breadcrumb-link.current-page) .ic-link:visited*/.breadcrumb-link.current-page.sc-ic-link-h .ic-link.sc-ic-link:visited{color:var(--ic-color-primary-text)}";
|
11280
11231
|
|
11281
11232
|
/**
|
11282
11233
|
* @slot router-item - Handle routing by nesting your routes in this slot.
|
@@ -11371,7 +11322,7 @@ class Link {
|
|
11371
11322
|
}; }
|
11372
11323
|
}
|
11373
11324
|
|
11374
|
-
const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.label)*/.label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.full-width)*/.full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--compact-step-inner-color, var(--ic-status-info))}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-color-tertiary-text)}/*!@:host(.light.not-required.compact-step-progress-indicator) .inner-text*/.light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-hc-border)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
|
11325
|
+
const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.label)*/.label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.full-width)*/.full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--compact-step-inner-color, var(--ic-status-info))}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-color-tertiary-text)}/*!@:host(.light.not-required.compact-step-progress-indicator) .inner-text*/.light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-hc-border)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
|
11375
11326
|
|
11376
11327
|
class LoadingIndicator {
|
11377
11328
|
constructor(hostRef) {
|
@@ -13751,7 +13702,7 @@ class Menu {
|
|
13751
13702
|
this.scrollToSelected = (menu) => {
|
13752
13703
|
const selectedOption = this.selectOnEnter
|
13753
13704
|
? this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`)
|
13754
|
-
: menu.querySelector(".option[aria-selected]");
|
13705
|
+
: menu.querySelector(".option[aria-selected='true']");
|
13755
13706
|
if (selectedOption) {
|
13756
13707
|
const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;
|
13757
13708
|
if (elTop > menu.scrollTop + menu.offsetHeight ||
|
@@ -13789,7 +13740,7 @@ class Menu {
|
|
13789
13740
|
};
|
13790
13741
|
this.optionContent = (option) => {
|
13791
13742
|
var _a;
|
13792
|
-
return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: "option-text-container" }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" },
|
13743
|
+
return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: "option-text-container" }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), !!option[this.valueField] &&
|
13793
13744
|
!!this.value &&
|
13794
13745
|
option[this.valueField].toLowerCase() === ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) &&
|
13795
13746
|
this.parentEl.tagName !== "IC-SEARCH-BAR" && (hAsync("span", { class: "check-icon", innerHTML: checkIcon }))));
|
@@ -13813,7 +13764,7 @@ class Menu {
|
|
13813
13764
|
option[this.valueField] === optionHighlighted) &&
|
13814
13765
|
keyboardNav
|
13815
13766
|
? "0"
|
13816
|
-
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option[this.valueField] === value
|
13767
|
+
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": `${option[this.valueField] === value}`, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", { id: "error-title" }, "Error"), hAsync("g", { id: "close-octagon" }, hAsync("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
|
13817
13768
|
};
|
13818
13769
|
this.focusFromSearchKeypress = false;
|
13819
13770
|
this.initialOptionsListRender = false;
|
@@ -14103,9 +14054,7 @@ class MenuItem {
|
|
14103
14054
|
}
|
14104
14055
|
else if (this.variant === "toggle") {
|
14105
14056
|
e.preventDefault();
|
14106
|
-
this.toggleChecked
|
14107
|
-
? (this.toggleChecked = false)
|
14108
|
-
: (this.toggleChecked = true);
|
14057
|
+
this.toggleChecked = !this.toggleChecked;
|
14109
14058
|
}
|
14110
14059
|
this.handleMenuItemClick.emit({
|
14111
14060
|
label: this.label,
|
@@ -14129,7 +14078,7 @@ class MenuItem {
|
|
14129
14078
|
if (this.el.classList.contains("ic-popover-submenu-back-button")) {
|
14130
14079
|
ariaLabel = "Go back to parent menu";
|
14131
14080
|
}
|
14132
|
-
const parentEl =
|
14081
|
+
const parentEl = this.el.parentElement;
|
14133
14082
|
if (parentEl.tagName === "IC-MENU-GROUP" &&
|
14134
14083
|
parentEl.label) {
|
14135
14084
|
return `${ariaLabel}, ${parentEl.label} menu group`;
|
@@ -14173,11 +14122,7 @@ class MenuItem {
|
|
14173
14122
|
};
|
14174
14123
|
return (hAsync(Host, { class: {
|
14175
14124
|
["disabled"]: this.disabled,
|
14176
|
-
} }, hAsync("li", { role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
|
14177
|
-
? true
|
14178
|
-
: this.variant === "toggle" && this.toggleChecked === false
|
14179
|
-
? false
|
14180
|
-
: undefined }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy !== undefined ? this.referrerpolicy : null, "aria-disabled": `${this.disabled}`, "aria-label": this.getMenuItemAriaLabel(), ariaControlsId: isPropDefined(this.submenuTriggerFor)
|
14125
|
+
} }, hAsync("li", { role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle" ? this.toggleChecked : undefined }, hAsync("ic-button", { fullWidth: true, variant: "tertiary", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy !== undefined ? this.referrerpolicy : null, "aria-disabled": `${this.disabled}`, "aria-label": this.getMenuItemAriaLabel(), ariaControlsId: isPropDefined(this.submenuTriggerFor)
|
14181
14126
|
? `ic-popover-submenu-${this.submenuTriggerFor}`
|
14182
14127
|
: false, "aria-haspopup": isPropDefined(this.submenuTriggerFor) ||
|
14183
14128
|
this.el.classList.contains("ic-popover-submenu-back-button")
|
@@ -14658,7 +14603,7 @@ class NavigationGroup {
|
|
14658
14603
|
}; }
|
14659
14604
|
}
|
14660
14605
|
|
14661
|
-
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@.chevron-container svg,\n.chevron-container .svg*/.chevron-container.sc-ic-navigation-item svg.sc-ic-navigation-item,.chevron-container.sc-ic-navigation-item .svg.sc-ic-navigation-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chevron-container*/.chevron-container.sc-ic-navigation-item{flex-grow:1}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@: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*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}/*!@: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*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@: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)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(\n .navigation-item:not(\n .navigation-item-page-header,\n .navigation-item-side-menu\n )\n )\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(\n .navigation-item:not(\n .navigation-item-top-nav-child,\n .navigation-item-side-menu,\n .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected\n )\n )\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child.sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected.sc-ic-navigation-item).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@: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)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-action-dark-bg-active) !important}/*!@: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)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@: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*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-action-default);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{margin-top:0.25rem}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@: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*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@: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*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@: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*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@: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)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1;min-width:-moz-min-content;min-width:min-content}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:var(--ic-space-lg);width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height, 56px);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding-top:var(--ic-space-md) !important;padding-bottom:var(--ic-space-md) !important;text-wrap:wrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@: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)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@: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)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@: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*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(\n :not(\n .navigation-item-side-nav-collapsed\n ).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label\n )\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed.sc-ic-navigation-item).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n .link,\n:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}/*!@: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)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-active) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}/*!@: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)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@: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*/.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@: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*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@: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*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-primary-text)}";
|
14606
|
+
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@.chevron-container svg,\n.chevron-container .svg*/.chevron-container.sc-ic-navigation-item svg.sc-ic-navigation-item,.chevron-container.sc-ic-navigation-item .svg.sc-ic-navigation-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chevron-container*/.chevron-container.sc-ic-navigation-item{flex-grow:1}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@: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*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}/*!@: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*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@: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)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(\n .navigation-item:not(\n .navigation-item-page-header,\n .navigation-item-side-menu\n )\n )\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(\n .navigation-item:not(\n .navigation-item-top-nav-child,\n .navigation-item-side-menu,\n .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected\n )\n )\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child.sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected.sc-ic-navigation-item).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@: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)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-action-dark-bg-active) !important}/*!@: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)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@: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*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-action-default);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{margin-top:0.25rem}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@: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*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@: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*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-menu.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-top-nav-child.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@: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*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@: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)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1;min-width:-moz-min-content;min-width:min-content}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:var(--ic-space-lg);width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height, 56px);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding-top:var(--ic-space-md) !important;padding-bottom:var(--ic-space-md) !important;text-wrap:wrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@: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)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@: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)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@: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*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h div.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(\n :not(\n .navigation-item-side-nav-collapsed\n ).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label\n )\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed.sc-ic-navigation-item).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n .link,\n:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(\n .navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label\n )\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-side-nav.sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link::after,\n:host(.navigation-item-page-header) ::slotted(a.active)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after{content:\" \" !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}/*!@: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)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-active) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::after*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::after,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}/*!@: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)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@: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*/.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header.sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@: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*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@: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*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-primary-text)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentColor}}";
|
14662
14607
|
|
14663
14608
|
/**
|
14664
14609
|
* @part link - The `<a>` within ic-navigation-item
|
@@ -15194,9 +15139,22 @@ class Pagination {
|
|
15194
15139
|
this.type = "simple";
|
15195
15140
|
this.currentPage = this.defaultPage;
|
15196
15141
|
}
|
15142
|
+
watchAdjacentCountHandler() {
|
15143
|
+
if (this.adjacentCount > 2) {
|
15144
|
+
this.adjacentCount = 2;
|
15145
|
+
}
|
15146
|
+
}
|
15147
|
+
watchBoundaryCountHandler() {
|
15148
|
+
if (this.boundaryCount > 2) {
|
15149
|
+
this.boundaryCount = 2;
|
15150
|
+
}
|
15151
|
+
}
|
15197
15152
|
watchNumberPagesHandler() {
|
15198
15153
|
this.watchPageChangeHandler();
|
15199
15154
|
}
|
15155
|
+
watchTypeHandler() {
|
15156
|
+
this.watchPageChangeHandler();
|
15157
|
+
}
|
15200
15158
|
watchPageChangeHandler() {
|
15201
15159
|
if (this.type === "simple") {
|
15202
15160
|
return;
|
@@ -15285,12 +15243,8 @@ class Pagination {
|
|
15285
15243
|
}
|
15286
15244
|
componentWillLoad() {
|
15287
15245
|
this.watchPageChangeHandler();
|
15288
|
-
|
15289
|
-
|
15290
|
-
}
|
15291
|
-
if (this.adjacentCount > 2) {
|
15292
|
-
this.adjacentCount = 2;
|
15293
|
-
}
|
15246
|
+
this.watchBoundaryCountHandler();
|
15247
|
+
this.watchAdjacentCountHandler();
|
15294
15248
|
removeDisabledFalse(this.disabled, this.el);
|
15295
15249
|
}
|
15296
15250
|
componentDidLoad() {
|
@@ -15314,16 +15268,19 @@ class Pagination {
|
|
15314
15268
|
}
|
15315
15269
|
}
|
15316
15270
|
render() {
|
15317
|
-
const { type,
|
15271
|
+
const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, } = this;
|
15318
15272
|
return (hAsync(Host, null, type === "simple" && (hAsync("nav", { class: {
|
15319
15273
|
["disabled"]: disabled,
|
15320
|
-
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", {
|
15274
|
+
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { appearance: this.appearance, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { class: {
|
15321
15275
|
["disabled"]: disabled,
|
15322
15276
|
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton()))));
|
15323
15277
|
}
|
15324
15278
|
get el() { return getElement(this); }
|
15325
15279
|
static get watchers() { return {
|
15280
|
+
"adjacentCount": ["watchAdjacentCountHandler"],
|
15281
|
+
"boundaryCount": ["watchBoundaryCountHandler"],
|
15326
15282
|
"pages": ["watchNumberPagesHandler"],
|
15283
|
+
"type": ["watchTypeHandler"],
|
15327
15284
|
"currentPage": ["watchPageChangeHandler"]
|
15328
15285
|
}; }
|
15329
15286
|
static get style() { return icPaginationCss; }
|
@@ -15355,7 +15312,7 @@ class Pagination {
|
|
15355
15312
|
}; }
|
15356
15313
|
}
|
15357
15314
|
|
15358
|
-
const icPaginationItemCss = "/*!@html*/html.sc-ic-pagination-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination-item{margin:0}/*!@main*/main.sc-ic-pagination-item{display:block}/*!@h1*/h1.sc-ic-pagination-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination-item,strong.sc-ic-pagination-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination-item,kbd.sc-ic-pagination-item,samp.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination-item,sup.sc-ic-pagination-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination-item{top:-0.5em}/*!@img*/img.sc-ic-pagination-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination-item,input.sc-ic-pagination-item,optgroup.sc-ic-pagination-item,select.sc-ic-pagination-item,textarea.sc-ic-pagination-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination-item,input.sc-ic-pagination-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination-item,select.sc-ic-pagination-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination-item,[type=\"button\"].sc-ic-pagination-item,[type=\"reset\"].sc-ic-pagination-item,[type=\"submit\"].sc-ic-pagination-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination-item::-moz-focus-inner,[type=\"button\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination-item:-moz-focusring,[type=\"button\"].sc-ic-pagination-item:-moz-focusring,[type=\"reset\"].sc-ic-pagination-item:-moz-focusring,[type=\"submit\"].sc-ic-pagination-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination-item,[type=\"radio\"].sc-ic-pagination-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination-item{display:block}/*!@summary*/summary.sc-ic-pagination-item{display:list-item}/*!@template*/template.sc-ic-pagination-item{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination-item,body.sc-ic-pagination-item,div.sc-ic-pagination-item,span.sc-ic-pagination-item,applet.sc-ic-pagination-item,object.sc-ic-pagination-item,iframe.sc-ic-pagination-item,h1.sc-ic-pagination-item,h2.sc-ic-pagination-item,h3.sc-ic-pagination-item,h4.sc-ic-pagination-item,h5.sc-ic-pagination-item,h6.sc-ic-pagination-item,p.sc-ic-pagination-item,blockquote.sc-ic-pagination-item,pre.sc-ic-pagination-item,a.sc-ic-pagination-item,abbr.sc-ic-pagination-item,acronym.sc-ic-pagination-item,address.sc-ic-pagination-item,big.sc-ic-pagination-item,cite.sc-ic-pagination-item,code.sc-ic-pagination-item,del.sc-ic-pagination-item,dfn.sc-ic-pagination-item,em.sc-ic-pagination-item,img.sc-ic-pagination-item,ins.sc-ic-pagination-item,kbd.sc-ic-pagination-item,q.sc-ic-pagination-item,s.sc-ic-pagination-item,samp.sc-ic-pagination-item,small.sc-ic-pagination-item,strike.sc-ic-pagination-item,strong.sc-ic-pagination-item,sub.sc-ic-pagination-item,sup.sc-ic-pagination-item,tt.sc-ic-pagination-item,var.sc-ic-pagination-item,b.sc-ic-pagination-item,u.sc-ic-pagination-item,i.sc-ic-pagination-item,center.sc-ic-pagination-item,dl.sc-ic-pagination-item,dt.sc-ic-pagination-item,dd.sc-ic-pagination-item,ol.sc-ic-pagination-item,ul.sc-ic-pagination-item,li.sc-ic-pagination-item,fieldset.sc-ic-pagination-item,form.sc-ic-pagination-item,label.sc-ic-pagination-item,legend.sc-ic-pagination-item,table.sc-ic-pagination-item,caption.sc-ic-pagination-item,tbody.sc-ic-pagination-item,tfoot.sc-ic-pagination-item,thead.sc-ic-pagination-item,tr.sc-ic-pagination-item,th.sc-ic-pagination-item,td.sc-ic-pagination-item,article.sc-ic-pagination-item,aside.sc-ic-pagination-item,canvas.sc-ic-pagination-item,details.sc-ic-pagination-item,embed.sc-ic-pagination-item,figure.sc-ic-pagination-item,figcaption.sc-ic-pagination-item,footer.sc-ic-pagination-item,header.sc-ic-pagination-item,hgroup.sc-ic-pagination-item,menu.sc-ic-pagination-item,nav.sc-ic-pagination-item,output.sc-ic-pagination-item,ruby.sc-ic-pagination-item,section.sc-ic-pagination-item,summary.sc-ic-pagination-item,time.sc-ic-pagination-item,mark.sc-ic-pagination-item,audio.sc-ic-pagination-item,video.sc-ic-pagination-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@a*/a.sc-ic-pagination-item{text-align:center}/*!@.item-container*/.item-container.sc-ic-pagination-item{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}/*!@button*/button.sc-ic-pagination-item{background:none;border:none;outline:inherit;position:relative}/*!@.ellipsis*/.ellipsis.sc-ic-pagination-item{pointer-events:none;color:var(--ic-color-secondary-text)}/*!@.item-container:focus*/.item-container.sc-ic-pagination-item:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}/*!@.page*/.page.sc-ic-pagination-item{color:var(--ic-action-default)}/*!@.simple-current*/.simple-current.sc-ic-pagination-item{width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}/*!@.item-container.page:hover:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-action-default-bg-hover)}/*!@.item-container.page:active:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-default-bg-active)}/*!@.selected*/.selected.sc-ic-pagination-item{pointer-events:none;outline:none}/*!@.selected::after*/.selected.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-default)}/*!@.page-selected*/.page-selected.sc-ic-pagination-item{color:var(--ic-color-primary-text)}/*!@.item-container.page.light:hover:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}/*!@.item-container.page.light:active:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-active)}/*!@ic-typography.light*/ic-typography.light.sc-ic-pagination-item{color:var(--ic-color-white-text)}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}/*!@.item-container.page.dark:hover:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@.item-container.page.dark:active:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@ic-typography.dark*/ic-typography.dark.sc-ic-pagination-item{color:var(--ic-color-primary-text)}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}/*!@.disabled*/.disabled.sc-ic-pagination-item{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){/*!@.selected::after*/.selected.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{background-color:Highlight}}";
|
15315
|
+
const icPaginationItemCss = "/*!@html*/html.sc-ic-pagination-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination-item{margin:0}/*!@main*/main.sc-ic-pagination-item{display:block}/*!@h1*/h1.sc-ic-pagination-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination-item,strong.sc-ic-pagination-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination-item,kbd.sc-ic-pagination-item,samp.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination-item,sup.sc-ic-pagination-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination-item{top:-0.5em}/*!@img*/img.sc-ic-pagination-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination-item,input.sc-ic-pagination-item,optgroup.sc-ic-pagination-item,select.sc-ic-pagination-item,textarea.sc-ic-pagination-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination-item,input.sc-ic-pagination-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination-item,select.sc-ic-pagination-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination-item,[type=\"button\"].sc-ic-pagination-item,[type=\"reset\"].sc-ic-pagination-item,[type=\"submit\"].sc-ic-pagination-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination-item::-moz-focus-inner,[type=\"button\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination-item:-moz-focusring,[type=\"button\"].sc-ic-pagination-item:-moz-focusring,[type=\"reset\"].sc-ic-pagination-item:-moz-focusring,[type=\"submit\"].sc-ic-pagination-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination-item,[type=\"radio\"].sc-ic-pagination-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination-item{display:block}/*!@summary*/summary.sc-ic-pagination-item{display:list-item}/*!@template*/template.sc-ic-pagination-item{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination-item,body.sc-ic-pagination-item,div.sc-ic-pagination-item,span.sc-ic-pagination-item,applet.sc-ic-pagination-item,object.sc-ic-pagination-item,iframe.sc-ic-pagination-item,h1.sc-ic-pagination-item,h2.sc-ic-pagination-item,h3.sc-ic-pagination-item,h4.sc-ic-pagination-item,h5.sc-ic-pagination-item,h6.sc-ic-pagination-item,p.sc-ic-pagination-item,blockquote.sc-ic-pagination-item,pre.sc-ic-pagination-item,a.sc-ic-pagination-item,abbr.sc-ic-pagination-item,acronym.sc-ic-pagination-item,address.sc-ic-pagination-item,big.sc-ic-pagination-item,cite.sc-ic-pagination-item,code.sc-ic-pagination-item,del.sc-ic-pagination-item,dfn.sc-ic-pagination-item,em.sc-ic-pagination-item,img.sc-ic-pagination-item,ins.sc-ic-pagination-item,kbd.sc-ic-pagination-item,q.sc-ic-pagination-item,s.sc-ic-pagination-item,samp.sc-ic-pagination-item,small.sc-ic-pagination-item,strike.sc-ic-pagination-item,strong.sc-ic-pagination-item,sub.sc-ic-pagination-item,sup.sc-ic-pagination-item,tt.sc-ic-pagination-item,var.sc-ic-pagination-item,b.sc-ic-pagination-item,u.sc-ic-pagination-item,i.sc-ic-pagination-item,center.sc-ic-pagination-item,dl.sc-ic-pagination-item,dt.sc-ic-pagination-item,dd.sc-ic-pagination-item,ol.sc-ic-pagination-item,ul.sc-ic-pagination-item,li.sc-ic-pagination-item,fieldset.sc-ic-pagination-item,form.sc-ic-pagination-item,label.sc-ic-pagination-item,legend.sc-ic-pagination-item,table.sc-ic-pagination-item,caption.sc-ic-pagination-item,tbody.sc-ic-pagination-item,tfoot.sc-ic-pagination-item,thead.sc-ic-pagination-item,tr.sc-ic-pagination-item,th.sc-ic-pagination-item,td.sc-ic-pagination-item,article.sc-ic-pagination-item,aside.sc-ic-pagination-item,canvas.sc-ic-pagination-item,details.sc-ic-pagination-item,embed.sc-ic-pagination-item,figure.sc-ic-pagination-item,figcaption.sc-ic-pagination-item,footer.sc-ic-pagination-item,header.sc-ic-pagination-item,hgroup.sc-ic-pagination-item,menu.sc-ic-pagination-item,nav.sc-ic-pagination-item,output.sc-ic-pagination-item,ruby.sc-ic-pagination-item,section.sc-ic-pagination-item,summary.sc-ic-pagination-item,time.sc-ic-pagination-item,mark.sc-ic-pagination-item,audio.sc-ic-pagination-item,video.sc-ic-pagination-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@a*/a.sc-ic-pagination-item{text-align:center}/*!@.item-container*/.item-container.sc-ic-pagination-item{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}/*!@button*/button.sc-ic-pagination-item{background:none;border:none;outline:inherit;position:relative}/*!@.ellipsis*/.ellipsis.sc-ic-pagination-item{pointer-events:none;color:var(--ic-color-secondary-text)}/*!@.item-container:focus*/.item-container.sc-ic-pagination-item:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}/*!@.page*/.page.sc-ic-pagination-item{color:var(--ic-action-default)}/*!@.simple-current*/.simple-current.sc-ic-pagination-item{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}/*!@.item-container.page:hover:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-action-default-bg-hover)}/*!@.item-container.page:active:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-default-bg-active)}/*!@.selected*/.selected.sc-ic-pagination-item{pointer-events:none;outline:none}/*!@.selected::after*/.selected.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-default)}/*!@.page-selected*/.page-selected.sc-ic-pagination-item{color:var(--ic-color-primary-text)}/*!@.item-container.page.light:hover:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}/*!@.item-container.page.light:active:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-active)}/*!@ic-typography.light*/ic-typography.light.sc-ic-pagination-item{color:var(--ic-color-white-text)}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}/*!@.item-container.page.dark:hover:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@.item-container.page.dark:active:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@ic-typography.dark*/ic-typography.dark.sc-ic-pagination-item{color:var(--ic-color-primary-text)}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}/*!@.disabled*/.disabled.sc-ic-pagination-item{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){/*!@.selected::after*/.selected.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{background-color:Highlight}/*!@.disabled*/.disabled.sc-ic-pagination-item{color:GrayText}}";
|
15359
15316
|
|
15360
15317
|
class PaginationItem {
|
15361
15318
|
constructor(hostRef) {
|
@@ -15364,27 +15321,30 @@ class PaginationItem {
|
|
15364
15321
|
this.handleClick = () => {
|
15365
15322
|
this.paginationItemClick.emit({ page: this.page });
|
15366
15323
|
};
|
15367
|
-
this.
|
15368
|
-
this.
|
15324
|
+
this.capitalizedLabel = undefined;
|
15325
|
+
this.appearance = "default";
|
15369
15326
|
this.disabled = false;
|
15370
|
-
this.label = "Page
|
15327
|
+
this.label = "Page";
|
15371
15328
|
this.page = undefined;
|
15372
|
-
this.pages = undefined;
|
15373
15329
|
this.selected = false;
|
15374
15330
|
this.type = undefined;
|
15375
15331
|
}
|
15332
|
+
watchLabelHandler() {
|
15333
|
+
this.capitalizedLabel = capitalize(this.label);
|
15334
|
+
}
|
15376
15335
|
componentWillLoad() {
|
15336
|
+
this.watchLabelHandler();
|
15377
15337
|
removeDisabledFalse(this.disabled, this.el);
|
15378
15338
|
}
|
15379
15339
|
render() {
|
15380
|
-
const { page, selected, type, disabled, appearance, label,
|
15340
|
+
const { page, selected, type, disabled, appearance, label, capitalizedLabel, } = this;
|
15381
15341
|
return (hAsync("a", null, type === "ellipsis" ? (hAsync("div", { class: {
|
15382
15342
|
["item-container"]: true,
|
15383
15343
|
["ellipsis"]: true,
|
15384
15344
|
["disabled"]: disabled,
|
15385
15345
|
} }, hAsync("ic-typography", { class: {
|
15386
15346
|
[`${appearance}`]: true,
|
15387
|
-
}, variant: "label" }, "..."))) : type === "page" ? (hAsync("button", { disabled: disabled, onClick: this.handleClick, tabindex: selected ? "-1" : "0", role: "button", "aria-current": selected && "
|
15347
|
+
}, variant: "label" }, "..."))) : type === "page" ? (hAsync("button", { disabled: disabled, onClick: this.handleClick, tabindex: selected ? "-1" : "0", role: "button", "aria-current": selected && "page", "aria-label": selected ? `${label}: ${page}` : `Go to ${label} ${page}`, class: {
|
15388
15348
|
["selected"]: !disabled && selected,
|
15389
15349
|
["disabled"]: disabled,
|
15390
15350
|
["item-container"]: true,
|
@@ -15394,22 +15354,27 @@ class PaginationItem {
|
|
15394
15354
|
["page-selected"]: selected,
|
15395
15355
|
["disabled"]: disabled,
|
15396
15356
|
[`${appearance}`]: true,
|
15397
|
-
} }, page))) : (hAsync("ic-typography", { "aria-live": "polite",
|
15357
|
+
} }, page))) : (hAsync("ic-typography", { "aria-live": "polite", class: {
|
15358
|
+
[`simple-current ${appearance}`]: true,
|
15359
|
+
["disabled"]: disabled,
|
15360
|
+
}, variant: "label" }, capitalizedLabel, " ", page))));
|
15398
15361
|
}
|
15399
15362
|
get el() { return getElement(this); }
|
15363
|
+
static get watchers() { return {
|
15364
|
+
"label": ["watchLabelHandler"]
|
15365
|
+
}; }
|
15400
15366
|
static get style() { return icPaginationItemCss; }
|
15401
15367
|
static get cmpMeta() { return {
|
15402
15368
|
"$flags$": 9,
|
15403
15369
|
"$tagName$": "ic-pagination-item",
|
15404
15370
|
"$members$": {
|
15405
15371
|
"appearance": [1],
|
15406
|
-
"ariaOverride": [4, "aria-override"],
|
15407
15372
|
"disabled": [4],
|
15408
15373
|
"label": [1],
|
15409
15374
|
"page": [2],
|
15410
|
-
"pages": [2],
|
15411
15375
|
"selected": [4],
|
15412
|
-
"type": [1]
|
15376
|
+
"type": [1],
|
15377
|
+
"capitalizedLabel": [32]
|
15413
15378
|
},
|
15414
15379
|
"$listeners$": undefined,
|
15415
15380
|
"$lazyBundleId$": "-",
|
@@ -15432,7 +15397,7 @@ class PopoverMenu {
|
|
15432
15397
|
// Checks that the popover menu has an anchor
|
15433
15398
|
this.findAnchorEl = (anchor) => {
|
15434
15399
|
let anchorElement = null;
|
15435
|
-
if (anchor
|
15400
|
+
if (!anchor) {
|
15436
15401
|
this.submenuId === undefined &&
|
15437
15402
|
console.error("No anchor specified for popover component");
|
15438
15403
|
}
|
@@ -15445,11 +15410,11 @@ class PopoverMenu {
|
|
15445
15410
|
return anchorElement;
|
15446
15411
|
};
|
15447
15412
|
this.isNotPopoverMenuEl = (ev) => {
|
15448
|
-
const
|
15449
|
-
return (
|
15450
|
-
|
15451
|
-
|
15452
|
-
|
15413
|
+
const { id, tagName } = ev.target;
|
15414
|
+
return (id !== this.anchor &&
|
15415
|
+
tagName !== "IC-MENU-ITEM" &&
|
15416
|
+
tagName !== "IC-MENU-GROUP" &&
|
15417
|
+
tagName !== "IC-POPOVER-MENU");
|
15453
15418
|
};
|
15454
15419
|
/**
|
15455
15420
|
* Close the popover menu, emit isPopoverClosed event
|
@@ -15543,16 +15508,15 @@ class PopoverMenu {
|
|
15543
15508
|
// Needed so that anchorEl isn't always focused
|
15544
15509
|
setTimeout(this.setButtonFocus, 50);
|
15545
15510
|
}
|
15546
|
-
else {
|
15547
|
-
|
15548
|
-
|
15549
|
-
this.popperInstance = null;
|
15550
|
-
}
|
15511
|
+
else if (this.popperInstance) {
|
15512
|
+
this.popperInstance.destroy();
|
15513
|
+
this.popperInstance = null;
|
15551
15514
|
}
|
15552
15515
|
}
|
15553
15516
|
disconnectedCallback() {
|
15554
|
-
if (this.popperInstance
|
15517
|
+
if (this.popperInstance) {
|
15555
15518
|
this.popperInstance.destroy();
|
15519
|
+
this.popperInstance = null;
|
15556
15520
|
}
|
15557
15521
|
}
|
15558
15522
|
componentDidLoad() {
|
@@ -15605,13 +15569,9 @@ class PopoverMenu {
|
|
15605
15569
|
handleKeyDown(ev) {
|
15606
15570
|
switch (ev.key) {
|
15607
15571
|
case "ArrowDown":
|
15608
|
-
ev.preventDefault();
|
15609
|
-
this.currentFocus = this.getNextItemToSelect(this.currentFocus, true);
|
15610
|
-
this.setButtonFocus();
|
15611
|
-
break;
|
15612
15572
|
case "ArrowUp":
|
15613
15573
|
ev.preventDefault();
|
15614
|
-
this.currentFocus = this.getNextItemToSelect(this.currentFocus,
|
15574
|
+
this.currentFocus = this.getNextItemToSelect(this.currentFocus, ev.key === "ArrowDown");
|
15615
15575
|
this.setButtonFocus();
|
15616
15576
|
break;
|
15617
15577
|
case "Home":
|
@@ -15788,11 +15748,9 @@ class RadioGroup {
|
|
15788
15748
|
this.initialOrientation = this.orientation;
|
15789
15749
|
}
|
15790
15750
|
disconnectedCallback() {
|
15791
|
-
var _a;
|
15792
|
-
|
15793
|
-
|
15794
|
-
}
|
15795
|
-
(_a = this.radioContainer) === null || _a === void 0 ? void 0 : _a.removeEventListener("slotchange", this.setRadioOptions);
|
15751
|
+
var _a, _b;
|
15752
|
+
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
15753
|
+
(_b = this.radioContainer) === null || _b === void 0 ? void 0 : _b.removeEventListener("slotchange", this.setRadioOptions);
|
15796
15754
|
}
|
15797
15755
|
componentWillLoad() {
|
15798
15756
|
removeDisabledFalse(this.disabled, this.el);
|
@@ -15808,10 +15766,10 @@ class RadioGroup {
|
|
15808
15766
|
{ prop: this.name, propName: "name" },
|
15809
15767
|
], "Radio Group");
|
15810
15768
|
}
|
15811
|
-
selectHandler(
|
15769
|
+
selectHandler({ detail, target }) {
|
15812
15770
|
var _a;
|
15813
|
-
this.checkedValue =
|
15814
|
-
const selectedOption =
|
15771
|
+
this.checkedValue = detail.value;
|
15772
|
+
const selectedOption = target;
|
15815
15773
|
this.icChange.emit({
|
15816
15774
|
value: this.checkedValue,
|
15817
15775
|
selectedOption: {
|
@@ -15839,13 +15797,11 @@ class RadioGroup {
|
|
15839
15797
|
checkOrientation() {
|
15840
15798
|
if (this.initialOrientation === "horizontal") {
|
15841
15799
|
let totalWidth = 0;
|
15842
|
-
|
15843
|
-
|
15844
|
-
|
15845
|
-
|
15846
|
-
|
15847
|
-
}
|
15848
|
-
}
|
15800
|
+
this.radioOptions.forEach(({ clientWidth }, i, arr) => {
|
15801
|
+
totalWidth += clientWidth;
|
15802
|
+
if (i < arr.length - 1)
|
15803
|
+
totalWidth += 40;
|
15804
|
+
});
|
15849
15805
|
if (this.currentOrientation === "horizontal" &&
|
15850
15806
|
totalWidth > this.radioContainer.clientWidth) {
|
15851
15807
|
this.currentOrientation = "vertical";
|
@@ -15896,6 +15852,8 @@ class RadioGroup {
|
|
15896
15852
|
|
15897
15853
|
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-text-field)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host(.disabled)*/.disabled.sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
|
15898
15854
|
|
15855
|
+
const ADDITIONAL_FIELD = "additional-field";
|
15856
|
+
const TEXT_FIELD_SELECTOR = "ic-text-field";
|
15899
15857
|
/**
|
15900
15858
|
* @slot additional-field - Content to displayed alongside a radio option.
|
15901
15859
|
*/
|
@@ -15915,9 +15873,9 @@ class RadioOption {
|
|
15915
15873
|
}
|
15916
15874
|
this.skipFocus = false;
|
15917
15875
|
if (this.hasAdditionalField) {
|
15918
|
-
const textfield = this.el.querySelector("ic-text-field");
|
15919
15876
|
this.value =
|
15920
|
-
|
15877
|
+
this.el.querySelector(TEXT_FIELD_SELECTOR).value ||
|
15878
|
+
this.defaultRadioValue;
|
15921
15879
|
}
|
15922
15880
|
this.icCheck.emit({
|
15923
15881
|
value: this.value,
|
@@ -15957,14 +15915,11 @@ class RadioOption {
|
|
15957
15915
|
removeFormResetListener(this.el, this.handleFormReset);
|
15958
15916
|
}
|
15959
15917
|
componentWillLoad() {
|
15960
|
-
|
15961
|
-
if (additionalFieldContent !== null) {
|
15918
|
+
if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {
|
15962
15919
|
this.hasAdditionalField = true;
|
15963
|
-
const
|
15964
|
-
if (
|
15965
|
-
const textField = Element;
|
15920
|
+
const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);
|
15921
|
+
if (textField)
|
15966
15922
|
textField.hiddenInput = false;
|
15967
|
-
}
|
15968
15923
|
}
|
15969
15924
|
this.defaultRadioValue = this.value;
|
15970
15925
|
addFormResetListener(this.el, this.handleFormReset);
|
@@ -15973,38 +15928,38 @@ class RadioOption {
|
|
15973
15928
|
componentDidLoad() {
|
15974
15929
|
onComponentRequiredPropUndefined([{ prop: this.value, propName: "value" }], "Radio Option");
|
15975
15930
|
}
|
15931
|
+
componentWillRender() {
|
15932
|
+
const hasSlot = isSlotUsed(this.el, ADDITIONAL_FIELD);
|
15933
|
+
if (hasSlot && !this.hasAdditionalField) {
|
15934
|
+
this.hasAdditionalField = true;
|
15935
|
+
const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);
|
15936
|
+
if (textField)
|
15937
|
+
textField.hiddenInput = false;
|
15938
|
+
}
|
15939
|
+
else if (!hasSlot && this.hasAdditionalField) {
|
15940
|
+
this.hasAdditionalField = false;
|
15941
|
+
}
|
15942
|
+
}
|
15976
15943
|
componentDidRender() {
|
15977
15944
|
if (this.additionalFieldDisplay === "static") {
|
15978
|
-
const textfield = this.el.querySelector(
|
15945
|
+
const textfield = this.el.querySelector(TEXT_FIELD_SELECTOR);
|
15979
15946
|
if (!this.selected) {
|
15980
|
-
textfield
|
15947
|
+
textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute("disabled", "");
|
15981
15948
|
}
|
15982
15949
|
else {
|
15983
|
-
textfield
|
15950
|
+
textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute("disabled");
|
15984
15951
|
}
|
15985
15952
|
}
|
15986
15953
|
}
|
15987
15954
|
textfieldValueHandler(event) {
|
15988
|
-
const textFieldValue = event.detail.value;
|
15989
15955
|
if (this.selected) {
|
15990
|
-
|
15991
|
-
|
15992
|
-
this.
|
15993
|
-
|
15994
|
-
|
15995
|
-
this.
|
15996
|
-
|
15997
|
-
});
|
15998
|
-
}
|
15999
|
-
else {
|
16000
|
-
this.value = this.defaultRadioValue;
|
16001
|
-
this.icCheck.emit({
|
16002
|
-
value: this.defaultRadioValue,
|
16003
|
-
});
|
16004
|
-
this.radioOptionSelect.emit({
|
16005
|
-
value: this.defaultRadioValue,
|
16006
|
-
});
|
16007
|
-
}
|
15956
|
+
this.value = event.detail.value || this.defaultRadioValue;
|
15957
|
+
this.icCheck.emit({
|
15958
|
+
value: this.value,
|
15959
|
+
});
|
15960
|
+
this.radioOptionSelect.emit({
|
15961
|
+
value: this.value,
|
15962
|
+
});
|
16008
15963
|
}
|
16009
15964
|
event.stopImmediatePropagation();
|
16010
15965
|
}
|
@@ -16022,13 +15977,14 @@ class RadioOption {
|
|
16022
15977
|
this.radioElement.tabIndex = value;
|
16023
15978
|
}
|
16024
15979
|
render() {
|
16025
|
-
const
|
16026
|
-
|
15980
|
+
const { additionalFieldDisplay, disabled, dynamicText, form, formaction, formenctype, formmethod, formnovalidate, formtarget, groupLabel, handleClick, hasAdditionalField, label, name, selected, swallowClick, value, } = this;
|
15981
|
+
const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
|
15982
|
+
return (hAsync(Host, { onClick: handleClick, class: { disabled } }, hAsync("div", { class: { ["container"]: true, disabled } }, hAsync("div", null, hAsync("input", { role: "radio", tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form, formaction: formaction, formenctype: formenctype, formmethod: formmethod, formnovalidate: formnovalidate, formtarget: formtarget }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { onClick: swallowClick, class: {
|
16027
15983
|
"dynamic-container": true,
|
16028
|
-
hidden:
|
16029
|
-
} },
|
16030
|
-
"additional-field-wrapper":
|
16031
|
-
} }, hAsync("slot", { name:
|
15984
|
+
hidden: additionalFieldDisplay === "dynamic" && !selected,
|
15985
|
+
} }, additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text" }, dynamicText))), hAsync("div", { class: {
|
15986
|
+
"additional-field-wrapper": additionalFieldDisplay === "static",
|
15987
|
+
} }, hAsync("slot", { name: ADDITIONAL_FIELD })))))));
|
16032
15988
|
}
|
16033
15989
|
static get delegatesFocus() { return true; }
|
16034
15990
|
get el() { return getElement(this); }
|
@@ -16756,7 +16712,8 @@ class Select {
|
|
16756
16712
|
* Loop through options array and for all options with no value, infer it from the label
|
16757
16713
|
*/
|
16758
16714
|
this.setOptionsValuesFromLabels = () => {
|
16759
|
-
|
16715
|
+
var _a;
|
16716
|
+
if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.options.map) {
|
16760
16717
|
this.options.map((option) => {
|
16761
16718
|
if (!option.value) {
|
16762
16719
|
option.value = option.label;
|
@@ -17168,11 +17125,12 @@ class Select {
|
|
17168
17125
|
newValue && this.triggerLoading();
|
17169
17126
|
}
|
17170
17127
|
watchOptionsHandler() {
|
17128
|
+
var _a;
|
17171
17129
|
if (!this.hasTimedOut) {
|
17172
17130
|
this.loading = false;
|
17173
17131
|
clearTimeout(this.timeoutTimer);
|
17174
17132
|
if (this.isExternalFiltering()) {
|
17175
|
-
if (this.options.length > 0) {
|
17133
|
+
if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
17176
17134
|
this.setOptionsValuesFromLabels();
|
17177
17135
|
this.noOptions = null;
|
17178
17136
|
this.uniqueOptions = this.deduplicateOptions(this.options);
|
@@ -17197,8 +17155,9 @@ class Select {
|
|
17197
17155
|
}
|
17198
17156
|
}
|
17199
17157
|
else {
|
17200
|
-
if (!this.searchable)
|
17158
|
+
if (!this.searchable) {
|
17201
17159
|
this.options = this.noOptions;
|
17160
|
+
}
|
17202
17161
|
}
|
17203
17162
|
}
|
17204
17163
|
debounceChangedHandler(newValue) {
|
@@ -17222,11 +17181,12 @@ class Select {
|
|
17222
17181
|
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
17223
17182
|
}
|
17224
17183
|
componentWillLoad() {
|
17184
|
+
var _a;
|
17225
17185
|
this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES$1);
|
17226
17186
|
removeDisabledFalse(this.disabled, this.el);
|
17227
17187
|
this.setOptionsValuesFromLabels();
|
17228
17188
|
addFormResetListener(this.el, this.handleFormReset);
|
17229
|
-
if (!this.options.length) {
|
17189
|
+
if (!((_a = this.options) === null || _a === void 0 ? void 0 : _a.length)) {
|
17230
17190
|
this.initialOptionsEmpty = true;
|
17231
17191
|
this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
|
17232
17192
|
this.uniqueOptions = this.noOptions;
|
@@ -17315,7 +17275,7 @@ class Select {
|
|
17315
17275
|
}, innerHTML: Expand, "aria-hidden": "true" }), hAsync("div", { "aria-live": "polite", role: "status", class: "searchable-select-results-status" }))) : (hAsync("div", { class: "select-container" }, hAsync("button", { class: "select-input", ref: (el) => (this.customSelectElement = el), id: this.inputId, "aria-label": `${label}, ${this.getLabelFromValue(currValue) || placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
|
17316
17276
|
"value-text": true,
|
17317
17277
|
placeholder: this.getLabelFromValue(currValue) === undefined,
|
17318
|
-
} },
|
17278
|
+
} }, this.getLabelFromValue(currValue) || placeholder), hAsync("div", { class: "select-input-end" }, currValue && showClearButton && (hAsync("div", { class: "divider" })), hAsync("span", { class: {
|
17319
17279
|
"expand-icon": true,
|
17320
17280
|
"expand-icon-open": this.open,
|
17321
17281
|
"expand-icon-filled": !(currValue == null || currValue === ""),
|
@@ -17853,50 +17813,31 @@ class SideNavigation {
|
|
17853
17813
|
|
17854
17814
|
const icSkeletonCss = "/*!@html*/html.sc-ic-skeleton{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-skeleton{margin:0}/*!@main*/main.sc-ic-skeleton{display:block}/*!@h1*/h1.sc-ic-skeleton{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-skeleton{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-skeleton{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-skeleton{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-skeleton{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-skeleton,strong.sc-ic-skeleton{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-skeleton,kbd.sc-ic-skeleton,samp.sc-ic-skeleton{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-skeleton{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-skeleton,sup.sc-ic-skeleton{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-skeleton{bottom:-0.25em}/*!@sup*/sup.sc-ic-skeleton{top:-0.5em}/*!@img*/img.sc-ic-skeleton{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-skeleton,input.sc-ic-skeleton,optgroup.sc-ic-skeleton,select.sc-ic-skeleton,textarea.sc-ic-skeleton{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-skeleton,input.sc-ic-skeleton{overflow:visible}/*!@button,\nselect*/button.sc-ic-skeleton,select.sc-ic-skeleton{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-skeleton,[type=\"button\"].sc-ic-skeleton,[type=\"reset\"].sc-ic-skeleton,[type=\"submit\"].sc-ic-skeleton{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-skeleton::-moz-focus-inner,[type=\"button\"].sc-ic-skeleton::-moz-focus-inner,[type=\"reset\"].sc-ic-skeleton::-moz-focus-inner,[type=\"submit\"].sc-ic-skeleton::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-skeleton:-moz-focusring,[type=\"button\"].sc-ic-skeleton:-moz-focusring,[type=\"reset\"].sc-ic-skeleton:-moz-focusring,[type=\"submit\"].sc-ic-skeleton:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-skeleton{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-skeleton{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-skeleton{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-skeleton{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-skeleton,[type=\"radio\"].sc-ic-skeleton{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-skeleton::-webkit-inner-spin-button,[type=\"number\"].sc-ic-skeleton::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-skeleton{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-skeleton::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-skeleton::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-skeleton{display:block}/*!@summary*/summary.sc-ic-skeleton{display:list-item}/*!@template*/template.sc-ic-skeleton{display:none}/*!@[hidden]*/[hidden].sc-ic-skeleton{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-skeleton,body.sc-ic-skeleton,div.sc-ic-skeleton,span.sc-ic-skeleton,applet.sc-ic-skeleton,object.sc-ic-skeleton,iframe.sc-ic-skeleton,h1.sc-ic-skeleton,h2.sc-ic-skeleton,h3.sc-ic-skeleton,h4.sc-ic-skeleton,h5.sc-ic-skeleton,h6.sc-ic-skeleton,p.sc-ic-skeleton,blockquote.sc-ic-skeleton,pre.sc-ic-skeleton,a.sc-ic-skeleton,abbr.sc-ic-skeleton,acronym.sc-ic-skeleton,address.sc-ic-skeleton,big.sc-ic-skeleton,cite.sc-ic-skeleton,code.sc-ic-skeleton,del.sc-ic-skeleton,dfn.sc-ic-skeleton,em.sc-ic-skeleton,img.sc-ic-skeleton,ins.sc-ic-skeleton,kbd.sc-ic-skeleton,q.sc-ic-skeleton,s.sc-ic-skeleton,samp.sc-ic-skeleton,small.sc-ic-skeleton,strike.sc-ic-skeleton,strong.sc-ic-skeleton,sub.sc-ic-skeleton,sup.sc-ic-skeleton,tt.sc-ic-skeleton,var.sc-ic-skeleton,b.sc-ic-skeleton,u.sc-ic-skeleton,i.sc-ic-skeleton,center.sc-ic-skeleton,dl.sc-ic-skeleton,dt.sc-ic-skeleton,dd.sc-ic-skeleton,ol.sc-ic-skeleton,ul.sc-ic-skeleton,li.sc-ic-skeleton,fieldset.sc-ic-skeleton,form.sc-ic-skeleton,label.sc-ic-skeleton,legend.sc-ic-skeleton,table.sc-ic-skeleton,caption.sc-ic-skeleton,tbody.sc-ic-skeleton,tfoot.sc-ic-skeleton,thead.sc-ic-skeleton,tr.sc-ic-skeleton,th.sc-ic-skeleton,td.sc-ic-skeleton,article.sc-ic-skeleton,aside.sc-ic-skeleton,canvas.sc-ic-skeleton,details.sc-ic-skeleton,embed.sc-ic-skeleton,figure.sc-ic-skeleton,figcaption.sc-ic-skeleton,footer.sc-ic-skeleton,header.sc-ic-skeleton,hgroup.sc-ic-skeleton,menu.sc-ic-skeleton,nav.sc-ic-skeleton,output.sc-ic-skeleton,ruby.sc-ic-skeleton,section.sc-ic-skeleton,summary.sc-ic-skeleton,time.sc-ic-skeleton,mark.sc-ic-skeleton,audio.sc-ic-skeleton,video.sc-ic-skeleton{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@keyframes loading{0%{background-color:var(--ic-architectural-100)}50%{background-color:var(--ic-architectural-200)}100%{background-color:var(--ic-architectural-100)}}@keyframes loading-light{0%{background-color:var(--ic-architectural-600)}50%{background-color:var(--ic-architectural-400)}100%{background-color:var(--ic-architectural-600)}}/*!@:host*/.sc-ic-skeleton-h{display:inline-block}/*!@:host(.skeleton)*/.skeleton.sc-ic-skeleton-h{background-color:var(--ic-architectural-100);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}/*!@:host(.skeleton) > **/.skeleton.sc-ic-skeleton-h>*.sc-ic-skeleton{opacity:0;visibility:hidden}/*!@:host(.circle)*/.circle.sc-ic-skeleton-h{border-radius:50%}/*!@:host(.light)*/.light.sc-ic-skeleton-h{background-color:var(--ic-architectural-600);animation:loading-light 1200ms infinite}@media (forced-colors: active){/*!@:host(.skeleton)*/.skeleton.sc-ic-skeleton-h{-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}";
|
17855
17815
|
|
17816
|
+
const DEFAULT_HEIGHTS = {
|
17817
|
+
text: "1em",
|
17818
|
+
circle: "25px",
|
17819
|
+
rectangle: "93px",
|
17820
|
+
};
|
17856
17821
|
class Skeleton {
|
17857
17822
|
constructor(hostRef) {
|
17858
17823
|
registerInstance(this, hostRef);
|
17859
|
-
this.default = undefined;
|
17860
|
-
this.hasChild = undefined;
|
17861
|
-
this.heightOnly = undefined;
|
17862
|
-
this.widthOnly = undefined;
|
17863
17824
|
this.appearance = "default";
|
17864
17825
|
this.light = false;
|
17865
17826
|
this.variant = "rectangle";
|
17866
17827
|
}
|
17867
|
-
componentWillLoad() {
|
17868
|
-
if (this.el.style.height === "" && this.el.style.width === "") {
|
17869
|
-
this.default = true;
|
17870
|
-
}
|
17871
|
-
else if (!(this.el.style.height === "") && this.el.style.width === "") {
|
17872
|
-
this.heightOnly = true;
|
17873
|
-
}
|
17874
|
-
else if (!(this.el.style.width === "") && this.el.style.height === "") {
|
17875
|
-
this.widthOnly = true;
|
17876
|
-
}
|
17877
|
-
}
|
17878
17828
|
render() {
|
17879
|
-
const { variant, light, appearance } = this;
|
17880
|
-
|
17881
|
-
|
17882
|
-
|
17883
|
-
|
17884
|
-
|
17885
|
-
|
17886
|
-
height: this.el.style.height,
|
17887
|
-
width: variant == "circle" ? "25px" : "260px",
|
17888
|
-
};
|
17889
|
-
const widthSetStyle = {
|
17890
|
-
height: variant == "text" ? "1em" : variant == "circle" ? "25px" : "93px",
|
17891
|
-
width: this.el.style.width,
|
17892
|
-
};
|
17829
|
+
const { variant, light, appearance, el } = this;
|
17830
|
+
const style = !el.firstElementChild
|
17831
|
+
? {
|
17832
|
+
height: el.style.height || DEFAULT_HEIGHTS[variant],
|
17833
|
+
width: el.style.width || (variant === "circle" ? "25px" : "260px"),
|
17834
|
+
}
|
17835
|
+
: undefined;
|
17893
17836
|
return (hAsync(Host, { class: {
|
17894
|
-
|
17895
|
-
|
17896
|
-
|
17897
|
-
}, style:
|
17898
|
-
(this.heightOnly && heightSetStyle) ||
|
17899
|
-
(this.widthOnly && widthSetStyle), "aria-disabled": "true" }, hAsync("slot", null)));
|
17837
|
+
skeleton: true,
|
17838
|
+
circle: variant === "circle",
|
17839
|
+
light: light || appearance === "light",
|
17840
|
+
}, style: style, "aria-disabled": "true" }, hAsync("slot", null)));
|
17900
17841
|
}
|
17901
17842
|
get el() { return getElement(this); }
|
17902
17843
|
static get style() { return icSkeletonCss; }
|
@@ -17906,11 +17847,7 @@ class Skeleton {
|
|
17906
17847
|
"$members$": {
|
17907
17848
|
"appearance": [1],
|
17908
17849
|
"light": [4],
|
17909
|
-
"variant": [1]
|
17910
|
-
"default": [32],
|
17911
|
-
"hasChild": [32],
|
17912
|
-
"heightOnly": [32],
|
17913
|
-
"widthOnly": [32]
|
17850
|
+
"variant": [1]
|
17914
17851
|
},
|
17915
17852
|
"$listeners$": undefined,
|
17916
17853
|
"$lazyBundleId$": "-",
|
@@ -18357,7 +18294,7 @@ class Stepper {
|
|
18357
18294
|
}; }
|
18358
18295
|
}
|
18359
18296
|
|
18360
|
-
const icSwitchCss = "/*!@html*/html.sc-ic-switch{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-switch{margin:0}/*!@main*/main.sc-ic-switch{display:block}/*!@h1*/h1.sc-ic-switch{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-switch{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-switch{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-switch{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-switch,strong.sc-ic-switch{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-switch,kbd.sc-ic-switch,samp.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-switch{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-switch,sup.sc-ic-switch{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-switch{bottom:-0.25em}/*!@sup*/sup.sc-ic-switch{top:-0.5em}/*!@img*/img.sc-ic-switch{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-switch,input.sc-ic-switch,optgroup.sc-ic-switch,select.sc-ic-switch,textarea.sc-ic-switch{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-switch,input.sc-ic-switch{overflow:visible}/*!@button,\nselect*/button.sc-ic-switch,select.sc-ic-switch{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-switch,[type=\"button\"].sc-ic-switch,[type=\"reset\"].sc-ic-switch,[type=\"submit\"].sc-ic-switch{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-switch::-moz-focus-inner,[type=\"button\"].sc-ic-switch::-moz-focus-inner,[type=\"reset\"].sc-ic-switch::-moz-focus-inner,[type=\"submit\"].sc-ic-switch::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-switch:-moz-focusring,[type=\"button\"].sc-ic-switch:-moz-focusring,[type=\"reset\"].sc-ic-switch:-moz-focusring,[type=\"submit\"].sc-ic-switch:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-switch{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-switch{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-switch{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-switch{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-switch,[type=\"radio\"].sc-ic-switch{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-switch::-webkit-inner-spin-button,[type=\"number\"].sc-ic-switch::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-switch{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-switch::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-switch::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-switch{display:block}/*!@summary*/summary.sc-ic-switch{display:list-item}/*!@template*/template.sc-ic-switch{display:none}/*!@[hidden]*/[hidden].sc-ic-switch{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-switch,body.sc-ic-switch,div.sc-ic-switch,span.sc-ic-switch,applet.sc-ic-switch,object.sc-ic-switch,iframe.sc-ic-switch,h1.sc-ic-switch,h2.sc-ic-switch,h3.sc-ic-switch,h4.sc-ic-switch,h5.sc-ic-switch,h6.sc-ic-switch,p.sc-ic-switch,blockquote.sc-ic-switch,pre.sc-ic-switch,a.sc-ic-switch,abbr.sc-ic-switch,acronym.sc-ic-switch,address.sc-ic-switch,big.sc-ic-switch,cite.sc-ic-switch,code.sc-ic-switch,del.sc-ic-switch,dfn.sc-ic-switch,em.sc-ic-switch,img.sc-ic-switch,ins.sc-ic-switch,kbd.sc-ic-switch,q.sc-ic-switch,s.sc-ic-switch,samp.sc-ic-switch,small.sc-ic-switch,strike.sc-ic-switch,strong.sc-ic-switch,sub.sc-ic-switch,sup.sc-ic-switch,tt.sc-ic-switch,var.sc-ic-switch,b.sc-ic-switch,u.sc-ic-switch,i.sc-ic-switch,center.sc-ic-switch,dl.sc-ic-switch,dt.sc-ic-switch,dd.sc-ic-switch,ol.sc-ic-switch,ul.sc-ic-switch,li.sc-ic-switch,fieldset.sc-ic-switch,form.sc-ic-switch,label.sc-ic-switch,legend.sc-ic-switch,table.sc-ic-switch,caption.sc-ic-switch,tbody.sc-ic-switch,tfoot.sc-ic-switch,thead.sc-ic-switch,tr.sc-ic-switch,th.sc-ic-switch,td.sc-ic-switch,article.sc-ic-switch,aside.sc-ic-switch,canvas.sc-ic-switch,details.sc-ic-switch,embed.sc-ic-switch,figure.sc-ic-switch,figcaption.sc-ic-switch,footer.sc-ic-switch,header.sc-ic-switch,hgroup.sc-ic-switch,menu.sc-ic-switch,nav.sc-ic-switch,output.sc-ic-switch,ruby.sc-ic-switch,section.sc-ic-switch,summary.sc-ic-switch,time.sc-ic-switch,mark.sc-ic-switch,audio.sc-ic-switch,video.sc-ic-switch{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-switch-h{display:inline-block}/*!@input*/input.sc-ic-switch{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@.ic-switch-container*/.ic-switch-container.sc-ic-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}/*!@.ic-switch-label*/.ic-switch-label.sc-ic-switch{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}/*!@.ic-switch-label-small*/.ic-switch-label-small.sc-ic-switch{margin-bottom:0.625rem}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border:var(--ic-border-width) solid var(--ic-architectural-700);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}/*!@.ic-switch-line-break*/.ic-switch-line-break.sc-ic-switch{flex:1 0 100%}/*!@.ic-switch-checked-status*/.ic-switch-checked-status.sc-ic-switch{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-700)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-action-default);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-active)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:0 0 0 var(--ic-space-1px) var(--ic-architectural-white),\n 0 0 0 0.188rem var(--ic-action-default),\n 0 0 0 0.5rem var(--ic-action-default-active-alpha)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-300)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-action-default-bg-active)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-architectural-80);border:var(--ic-border-disabled)}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-status-info-light);border:var(--ic-border-width) dashed #98c9f5}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-white)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-hc-border)}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}/*!@.ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{border-color:GrayText}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:GrayText}/*!@.ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch,.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:GrayText}}";
|
18297
|
+
const icSwitchCss = "/*!@html*/html.sc-ic-switch{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-switch{margin:0}/*!@main*/main.sc-ic-switch{display:block}/*!@h1*/h1.sc-ic-switch{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-switch{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-switch{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-switch{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-switch,strong.sc-ic-switch{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-switch,kbd.sc-ic-switch,samp.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-switch{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-switch,sup.sc-ic-switch{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-switch{bottom:-0.25em}/*!@sup*/sup.sc-ic-switch{top:-0.5em}/*!@img*/img.sc-ic-switch{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-switch,input.sc-ic-switch,optgroup.sc-ic-switch,select.sc-ic-switch,textarea.sc-ic-switch{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-switch,input.sc-ic-switch{overflow:visible}/*!@button,\nselect*/button.sc-ic-switch,select.sc-ic-switch{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-switch,[type=\"button\"].sc-ic-switch,[type=\"reset\"].sc-ic-switch,[type=\"submit\"].sc-ic-switch{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-switch::-moz-focus-inner,[type=\"button\"].sc-ic-switch::-moz-focus-inner,[type=\"reset\"].sc-ic-switch::-moz-focus-inner,[type=\"submit\"].sc-ic-switch::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-switch:-moz-focusring,[type=\"button\"].sc-ic-switch:-moz-focusring,[type=\"reset\"].sc-ic-switch:-moz-focusring,[type=\"submit\"].sc-ic-switch:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-switch{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-switch{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-switch{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-switch{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-switch,[type=\"radio\"].sc-ic-switch{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-switch::-webkit-inner-spin-button,[type=\"number\"].sc-ic-switch::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-switch{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-switch::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-switch::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-switch{display:block}/*!@summary*/summary.sc-ic-switch{display:list-item}/*!@template*/template.sc-ic-switch{display:none}/*!@[hidden]*/[hidden].sc-ic-switch{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-switch,body.sc-ic-switch,div.sc-ic-switch,span.sc-ic-switch,applet.sc-ic-switch,object.sc-ic-switch,iframe.sc-ic-switch,h1.sc-ic-switch,h2.sc-ic-switch,h3.sc-ic-switch,h4.sc-ic-switch,h5.sc-ic-switch,h6.sc-ic-switch,p.sc-ic-switch,blockquote.sc-ic-switch,pre.sc-ic-switch,a.sc-ic-switch,abbr.sc-ic-switch,acronym.sc-ic-switch,address.sc-ic-switch,big.sc-ic-switch,cite.sc-ic-switch,code.sc-ic-switch,del.sc-ic-switch,dfn.sc-ic-switch,em.sc-ic-switch,img.sc-ic-switch,ins.sc-ic-switch,kbd.sc-ic-switch,q.sc-ic-switch,s.sc-ic-switch,samp.sc-ic-switch,small.sc-ic-switch,strike.sc-ic-switch,strong.sc-ic-switch,sub.sc-ic-switch,sup.sc-ic-switch,tt.sc-ic-switch,var.sc-ic-switch,b.sc-ic-switch,u.sc-ic-switch,i.sc-ic-switch,center.sc-ic-switch,dl.sc-ic-switch,dt.sc-ic-switch,dd.sc-ic-switch,ol.sc-ic-switch,ul.sc-ic-switch,li.sc-ic-switch,fieldset.sc-ic-switch,form.sc-ic-switch,label.sc-ic-switch,legend.sc-ic-switch,table.sc-ic-switch,caption.sc-ic-switch,tbody.sc-ic-switch,tfoot.sc-ic-switch,thead.sc-ic-switch,tr.sc-ic-switch,th.sc-ic-switch,td.sc-ic-switch,article.sc-ic-switch,aside.sc-ic-switch,canvas.sc-ic-switch,details.sc-ic-switch,embed.sc-ic-switch,figure.sc-ic-switch,figcaption.sc-ic-switch,footer.sc-ic-switch,header.sc-ic-switch,hgroup.sc-ic-switch,menu.sc-ic-switch,nav.sc-ic-switch,output.sc-ic-switch,ruby.sc-ic-switch,section.sc-ic-switch,summary.sc-ic-switch,time.sc-ic-switch,mark.sc-ic-switch,audio.sc-ic-switch,video.sc-ic-switch{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-switch-h{display:inline-block}/*!@input*/input.sc-ic-switch{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@.ic-switch-container*/.ic-switch-container.sc-ic-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}/*!@.ic-switch-label*/.ic-switch-label.sc-ic-switch{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}/*!@.ic-switch-label-small*/.ic-switch-label-small.sc-ic-switch{margin-bottom:0.625rem}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border:var(--ic-border-width) solid var(--ic-architectural-700);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}/*!@.ic-switch-line-break*/.ic-switch-line-break.sc-ic-switch{flex:1 0 100%}/*!@.ic-switch-checked-status*/.ic-switch-checked-status.sc-ic-switch{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-700)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-action-default);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-active)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:var(--ic-border-focus)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-300)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-action-default-bg-active)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-architectural-80);border:var(--ic-border-disabled)}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-status-info-light);border:var(--ic-border-width) dashed #98c9f5}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-white)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-hc-border)}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}/*!@.ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{border-color:GrayText}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:GrayText}/*!@.ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch,.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:GrayText}}";
|
18361
18298
|
|
18362
18299
|
let inputIds$1 = 0;
|
18363
18300
|
/**
|
@@ -18464,7 +18401,7 @@ class Switch {
|
|
18464
18401
|
}; }
|
18465
18402
|
}
|
18466
18403
|
|
18467
|
-
const icTabCss = "/*!@html*/html.sc-ic-tab{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tab{margin:0}/*!@main*/main.sc-ic-tab{display:block}/*!@h1*/h1.sc-ic-tab{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tab{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tab{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tab{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tab,strong.sc-ic-tab{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tab,kbd.sc-ic-tab,samp.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tab{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tab,sup.sc-ic-tab{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tab{bottom:-0.25em}/*!@sup*/sup.sc-ic-tab{top:-0.5em}/*!@img*/img.sc-ic-tab{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tab,input.sc-ic-tab,optgroup.sc-ic-tab,select.sc-ic-tab,textarea.sc-ic-tab{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tab,input.sc-ic-tab{overflow:visible}/*!@button,\nselect*/button.sc-ic-tab,select.sc-ic-tab{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tab,[type=\"button\"].sc-ic-tab,[type=\"reset\"].sc-ic-tab,[type=\"submit\"].sc-ic-tab{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tab::-moz-focus-inner,[type=\"button\"].sc-ic-tab::-moz-focus-inner,[type=\"reset\"].sc-ic-tab::-moz-focus-inner,[type=\"submit\"].sc-ic-tab::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tab:-moz-focusring,[type=\"button\"].sc-ic-tab:-moz-focusring,[type=\"reset\"].sc-ic-tab:-moz-focusring,[type=\"submit\"].sc-ic-tab:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tab{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tab{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tab{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tab{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tab,[type=\"radio\"].sc-ic-tab{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tab::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tab::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tab{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tab::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tab::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tab{display:block}/*!@summary*/summary.sc-ic-tab{display:list-item}/*!@template*/template.sc-ic-tab{display:none}/*!@[hidden]*/[hidden].sc-ic-tab{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tab,body.sc-ic-tab,div.sc-ic-tab,span.sc-ic-tab,applet.sc-ic-tab,object.sc-ic-tab,iframe.sc-ic-tab,h1.sc-ic-tab,h2.sc-ic-tab,h3.sc-ic-tab,h4.sc-ic-tab,h5.sc-ic-tab,h6.sc-ic-tab,p.sc-ic-tab,blockquote.sc-ic-tab,pre.sc-ic-tab,a.sc-ic-tab,abbr.sc-ic-tab,acronym.sc-ic-tab,address.sc-ic-tab,big.sc-ic-tab,cite.sc-ic-tab,code.sc-ic-tab,del.sc-ic-tab,dfn.sc-ic-tab,em.sc-ic-tab,img.sc-ic-tab,ins.sc-ic-tab,kbd.sc-ic-tab,q.sc-ic-tab,s.sc-ic-tab,samp.sc-ic-tab,small.sc-ic-tab,strike.sc-ic-tab,strong.sc-ic-tab,sub.sc-ic-tab,sup.sc-ic-tab,tt.sc-ic-tab,var.sc-ic-tab,b.sc-ic-tab,u.sc-ic-tab,i.sc-ic-tab,center.sc-ic-tab,dl.sc-ic-tab,dt.sc-ic-tab,dd.sc-ic-tab,ol.sc-ic-tab,ul.sc-ic-tab,li.sc-ic-tab,fieldset.sc-ic-tab,form.sc-ic-tab,label.sc-ic-tab,legend.sc-ic-tab,table.sc-ic-tab,caption.sc-ic-tab,tbody.sc-ic-tab,tfoot.sc-ic-tab,thead.sc-ic-tab,tr.sc-ic-tab,th.sc-ic-tab,td.sc-ic-tab,article.sc-ic-tab,aside.sc-ic-tab,canvas.sc-ic-tab,details.sc-ic-tab,embed.sc-ic-tab,figure.sc-ic-tab,figcaption.sc-ic-tab,footer.sc-ic-tab,header.sc-ic-tab,hgroup.sc-ic-tab,menu.sc-ic-tab,nav.sc-ic-tab,output.sc-ic-tab,ruby.sc-ic-tab,section.sc-ic-tab,summary.sc-ic-tab,time.sc-ic-tab,mark.sc-ic-tab,audio.sc-ic-tab,video.sc-ic-tab{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-tab-h{--indicator-initial-color:rgba(23 89 188 / 0%);--indicator-color:var(--ic-action-default);--focus-indicator:var(--ic-border-focus);--label-color:var(--ic-color-primary-text);--background-color-hover:var(--ic-action-default-bg-hover);--background-color-active:var(--ic-action-default-bg-active);display:flex;align-items:center;border-radius:0;color:var(--label-color);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}/*!@:host(:focus)*/.sc-ic-tab-h:focus{box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}/*!@:host(:focus-visible)*/.sc-ic-tab-h:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(:hover)*/.sc-ic-tab-h:hover{background-color:var(--background-color-hover)}/*!@:host(:active)*/.sc-ic-tab-h:active{background-color:var(--background-color-active)}/*!@:host(.ic-tab-light)*/.ic-tab-light.sc-ic-tab-h{--indicator-initial-color:rgb(255 255 255 / 0%);--indicator-color:rgb(255 255 255 / 100%);--focus-indicator:var(--ic-border-focus);--label-color:white;--background-color-hover:var(--ic-action-dark-bg-hover);--background-color-active:var(--ic-action-dark-bg-active)}/*!@:host(.selected)*/.selected.sc-ic-tab-h{border-bottom:var(--ic-space-xxs) solid var(--indicator-color)}/*!@:host(.disabled)*/.disabled.sc-ic-tab-h{pointer-events:none;color:var(--ic-architectural-300)}/*!@:host(.selected.with-transition)*/.selected.with-transition.sc-ic-tab-h{transition:all var(--ic-easing-transition-slow),\n
|
18404
|
+
const icTabCss = "/*!@html*/html.sc-ic-tab{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tab{margin:0}/*!@main*/main.sc-ic-tab{display:block}/*!@h1*/h1.sc-ic-tab{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tab{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tab{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tab{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tab,strong.sc-ic-tab{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tab,kbd.sc-ic-tab,samp.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tab{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tab,sup.sc-ic-tab{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tab{bottom:-0.25em}/*!@sup*/sup.sc-ic-tab{top:-0.5em}/*!@img*/img.sc-ic-tab{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tab,input.sc-ic-tab,optgroup.sc-ic-tab,select.sc-ic-tab,textarea.sc-ic-tab{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tab,input.sc-ic-tab{overflow:visible}/*!@button,\nselect*/button.sc-ic-tab,select.sc-ic-tab{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tab,[type=\"button\"].sc-ic-tab,[type=\"reset\"].sc-ic-tab,[type=\"submit\"].sc-ic-tab{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tab::-moz-focus-inner,[type=\"button\"].sc-ic-tab::-moz-focus-inner,[type=\"reset\"].sc-ic-tab::-moz-focus-inner,[type=\"submit\"].sc-ic-tab::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tab:-moz-focusring,[type=\"button\"].sc-ic-tab:-moz-focusring,[type=\"reset\"].sc-ic-tab:-moz-focusring,[type=\"submit\"].sc-ic-tab:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tab{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tab{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tab{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tab{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tab,[type=\"radio\"].sc-ic-tab{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tab::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tab::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tab{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tab::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tab::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tab{display:block}/*!@summary*/summary.sc-ic-tab{display:list-item}/*!@template*/template.sc-ic-tab{display:none}/*!@[hidden]*/[hidden].sc-ic-tab{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tab,body.sc-ic-tab,div.sc-ic-tab,span.sc-ic-tab,applet.sc-ic-tab,object.sc-ic-tab,iframe.sc-ic-tab,h1.sc-ic-tab,h2.sc-ic-tab,h3.sc-ic-tab,h4.sc-ic-tab,h5.sc-ic-tab,h6.sc-ic-tab,p.sc-ic-tab,blockquote.sc-ic-tab,pre.sc-ic-tab,a.sc-ic-tab,abbr.sc-ic-tab,acronym.sc-ic-tab,address.sc-ic-tab,big.sc-ic-tab,cite.sc-ic-tab,code.sc-ic-tab,del.sc-ic-tab,dfn.sc-ic-tab,em.sc-ic-tab,img.sc-ic-tab,ins.sc-ic-tab,kbd.sc-ic-tab,q.sc-ic-tab,s.sc-ic-tab,samp.sc-ic-tab,small.sc-ic-tab,strike.sc-ic-tab,strong.sc-ic-tab,sub.sc-ic-tab,sup.sc-ic-tab,tt.sc-ic-tab,var.sc-ic-tab,b.sc-ic-tab,u.sc-ic-tab,i.sc-ic-tab,center.sc-ic-tab,dl.sc-ic-tab,dt.sc-ic-tab,dd.sc-ic-tab,ol.sc-ic-tab,ul.sc-ic-tab,li.sc-ic-tab,fieldset.sc-ic-tab,form.sc-ic-tab,label.sc-ic-tab,legend.sc-ic-tab,table.sc-ic-tab,caption.sc-ic-tab,tbody.sc-ic-tab,tfoot.sc-ic-tab,thead.sc-ic-tab,tr.sc-ic-tab,th.sc-ic-tab,td.sc-ic-tab,article.sc-ic-tab,aside.sc-ic-tab,canvas.sc-ic-tab,details.sc-ic-tab,embed.sc-ic-tab,figure.sc-ic-tab,figcaption.sc-ic-tab,footer.sc-ic-tab,header.sc-ic-tab,hgroup.sc-ic-tab,menu.sc-ic-tab,nav.sc-ic-tab,output.sc-ic-tab,ruby.sc-ic-tab,section.sc-ic-tab,summary.sc-ic-tab,time.sc-ic-tab,mark.sc-ic-tab,audio.sc-ic-tab,video.sc-ic-tab{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-tab-h{--indicator-initial-color:rgba(23 89 188 / 0%);--indicator-color:var(--ic-action-default);--focus-indicator:var(--ic-border-focus);--label-color:var(--ic-color-primary-text);--background-color-hover:var(--ic-action-default-bg-hover);--background-color-active:var(--ic-action-default-bg-active);display:flex;align-items:center;border-radius:0;color:var(--label-color);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}/*!@:host(:focus)*/.sc-ic-tab-h:focus{box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}/*!@:host(:focus-visible)*/.sc-ic-tab-h:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(:hover)*/.sc-ic-tab-h:hover{background-color:var(--background-color-hover)}/*!@:host(:active)*/.sc-ic-tab-h:active{background-color:var(--background-color-active)}/*!@:host(.ic-tab-light)*/.ic-tab-light.sc-ic-tab-h{--indicator-initial-color:rgb(255 255 255 / 0%);--indicator-color:rgb(255 255 255 / 100%);--focus-indicator:var(--ic-border-focus);--label-color:white;--background-color-hover:var(--ic-action-dark-bg-hover);--background-color-active:var(--ic-action-dark-bg-active)}/*!@:host(.selected)*/.selected.sc-ic-tab-h{border-bottom:var(--ic-space-xxs) solid var(--indicator-color)}/*!@:host(.disabled)*/.disabled.sc-ic-tab-h{pointer-events:none;color:var(--ic-architectural-300)}@media (prefers-reduced-motion: no-preference){/*!@:host(.selected.with-transition)*/.selected.with-transition.sc-ic-tab-h{transition:all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow)}}/*!@.ic-tab-label*/.ic-tab-label.sc-ic-tab{pointer-events:none;text-wrap:nowrap}/*!@::slotted(svg)*/.sc-ic-tab-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@:host*/.sc-ic-tab-h{border-bottom:var(--ic-space-xxs) solid canvas}/*!@:host(.disabled)*/.disabled.sc-ic-tab-h{color:GrayText}}";
|
18468
18405
|
|
18469
18406
|
/**
|
18470
18407
|
* @slot icon - Content will be rendered next to the tab label.
|
@@ -18953,7 +18890,7 @@ class TabPanel {
|
|
18953
18890
|
}; }
|
18954
18891
|
}
|
18955
18892
|
|
18956
|
-
const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-primary-text)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-text-field::-webkit-outer-spin-button,input.sc-ic-text-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@input[type=\"number\"]*/input[type=\"number\"].sc-ic-text-field{-moz-appearance:textfield}/*!@textarea.no-resize*/textarea.no-resize.sc-ic-text-field{resize:none}/*!@.maxlengthtext*/.maxlengthtext.sc-ic-text-field{color:var(--ic-color-secondary-text)}/*!@.no-left-pad*/.no-left-pad.sc-ic-text-field{padding-left:0}/*!@::slotted([slot=\"icon\"])*/.sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-tertiary-text)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-primary-text)}/*!@.charcount*/.charcount.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration*/input[type=\"search\"].sc-ic-text-field::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-decoration,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-text-field{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){/*!@input.readonly,\n textarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:canvastext}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:currentcolor}}";
|
18893
|
+
const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-primary-text)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-text-field::-webkit-outer-spin-button,input.sc-ic-text-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@input[type=\"number\"]*/input[type=\"number\"].sc-ic-text-field{-moz-appearance:textfield}/*!@textarea.no-resize*/textarea.no-resize.sc-ic-text-field{resize:none}/*!@.maxlengthtext*/.maxlengthtext.sc-ic-text-field{color:var(--ic-color-secondary-text);padding-right:var(--ic-space-xxxs)}/*!@.no-left-pad*/.no-left-pad.sc-ic-text-field{padding-left:0}/*!@::slotted([slot=\"icon\"])*/.sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-tertiary-text)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-primary-text)}/*!@.charcount*/.charcount.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration*/input[type=\"search\"].sc-ic-text-field::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-decoration,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-text-field{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){/*!@input.readonly,\n textarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:canvastext}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:currentcolor}}";
|
18957
18894
|
|
18958
18895
|
let inputIds = 0;
|
18959
18896
|
const MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, "title"];
|
@@ -18970,7 +18907,6 @@ class TextField {
|
|
18970
18907
|
this.icInput = createEvent(this, "icInput", 7);
|
18971
18908
|
this.icKeydown = createEvent(this, "icKeydown", 7);
|
18972
18909
|
this.inheritedAttributes = {};
|
18973
|
-
this.showLeftIcon = this.hasLeftIconSlot();
|
18974
18910
|
this.hostMutationObserver = null;
|
18975
18911
|
this.getMaxLengthExceeded = (value) => {
|
18976
18912
|
this.numChars = value.length;
|
@@ -19183,24 +19119,25 @@ class TextField {
|
|
19183
19119
|
const describedBy = (hiddenCharCountDescId +
|
19184
19120
|
" " +
|
19185
19121
|
getInputDescribedByText(inputId, helperText !== "", showStatusText)).trim();
|
19186
|
-
|
19187
|
-
|
19122
|
+
let showLeftIcon = this.hasLeftIconSlot();
|
19123
|
+
if (showLeftIcon && !readonly && disabledMode) {
|
19124
|
+
showLeftIcon = false;
|
19188
19125
|
}
|
19189
19126
|
const invalid = currentStatus === IcInformationStatus.Error ? "true" : "false";
|
19190
19127
|
const disabledText = disabledMode && !readonly;
|
19191
19128
|
if (hiddenInput) {
|
19192
19129
|
renderHiddenInput(true, this.el, name, value, disabledMode);
|
19193
19130
|
}
|
19194
|
-
return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { size: small ? "small" : size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth },
|
19131
|
+
return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { size: small ? "small" : size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { class: {
|
19195
19132
|
["readonly"]: readonly,
|
19196
19133
|
["has-value"]: value.length > 0,
|
19197
19134
|
}, slot: "left-icon" }, hAsync("slot", { name: "icon" }))), !multiline ? (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
|
19198
|
-
["no-left-pad"]: !
|
19135
|
+
["no-left-pad"]: !showLeftIcon && readonly,
|
19199
19136
|
["readonly"]: readonly,
|
19200
19137
|
["truncate-value"]: truncateValue,
|
19201
19138
|
}, placeholder: placeholderText, required: required, disabled: disabledMode, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-activedescendant": this.ariaActiveDescendant, "aria-expanded": this.ariaExpanded, "aria-owns": this.ariaOwns, autocomplete: this.autocomplete, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
|
19202
19139
|
["no-resize"]: resize === false || readonly,
|
19203
|
-
["no-left-pad"]: !
|
19140
|
+
["no-left-pad"]: !showLeftIcon && readonly,
|
19204
19141
|
["readonly"]: readonly,
|
19205
19142
|
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholderText, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))), isSlotUsed(this.el, "clear-button") && (hAsync("slot", { name: "clear-button" })), isSlotUsed(this.el, "search-submit-button") && (hAsync("slot", { name: "search-submit-button" }))), isSlotUsed(this.el, "menu") && hAsync("slot", { name: "menu" }), (!isEmptyString(validationStatus) ||
|
19206
19143
|
!isEmptyString(validationText) ||
|
@@ -19296,21 +19233,19 @@ class Theme {
|
|
19296
19233
|
}
|
19297
19234
|
};
|
19298
19235
|
this.setThemeColor = () => {
|
19299
|
-
|
19300
|
-
|
19301
|
-
|
19302
|
-
|
19303
|
-
|
19304
|
-
|
19305
|
-
|
19306
|
-
|
19307
|
-
root.style.setProperty("--ic-theme-primary-r", colorRGBA.r.toString());
|
19308
|
-
root.style.setProperty("--ic-theme-primary-g", colorRGBA.g.toString());
|
19309
|
-
root.style.setProperty("--ic-theme-primary-b", colorRGBA.b.toString());
|
19310
|
-
root.style.setProperty("--ic-theme-primary-a", colorRGBA.a.toString());
|
19236
|
+
const colorRGBA = convertToRGBA(this.color);
|
19237
|
+
if (colorRGBA) {
|
19238
|
+
const { r, g, b, a } = colorRGBA;
|
19239
|
+
const { style } = document.documentElement;
|
19240
|
+
style.setProperty("--ic-theme-primary-r", `${r}`);
|
19241
|
+
style.setProperty("--ic-theme-primary-g", `${g}`);
|
19242
|
+
style.setProperty("--ic-theme-primary-b", `${b}`);
|
19243
|
+
style.setProperty("--ic-theme-primary-a", `${a}`);
|
19311
19244
|
this.checkThemeColorContrast();
|
19312
|
-
|
19313
|
-
|
19245
|
+
this.themeChange.emit({
|
19246
|
+
mode: getThemeForegroundColor(),
|
19247
|
+
color: colorRGBA,
|
19248
|
+
});
|
19314
19249
|
}
|
19315
19250
|
};
|
19316
19251
|
this.color = null;
|
@@ -19580,7 +19515,7 @@ class ToastRegion {
|
|
19580
19515
|
}; }
|
19581
19516
|
}
|
19582
19517
|
|
19583
|
-
const icToggleButtonCss = "/*!@html*/html.sc-ic-toggle-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toggle-button{margin:0}/*!@main*/main.sc-ic-toggle-button{display:block}/*!@h1*/h1.sc-ic-toggle-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toggle-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toggle-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toggle-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toggle-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toggle-button,strong.sc-ic-toggle-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toggle-button,kbd.sc-ic-toggle-button,samp.sc-ic-toggle-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toggle-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toggle-button,sup.sc-ic-toggle-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toggle-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-toggle-button{top:-0.5em}/*!@img*/img.sc-ic-toggle-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toggle-button,input.sc-ic-toggle-button,optgroup.sc-ic-toggle-button,select.sc-ic-toggle-button,textarea.sc-ic-toggle-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toggle-button,input.sc-ic-toggle-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-toggle-button,select.sc-ic-toggle-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toggle-button,[type=\"button\"].sc-ic-toggle-button,[type=\"reset\"].sc-ic-toggle-button,[type=\"submit\"].sc-ic-toggle-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-toggle-button::-moz-focus-inner,[type=\"button\"].sc-ic-toggle-button::-moz-focus-inner,[type=\"reset\"].sc-ic-toggle-button::-moz-focus-inner,[type=\"submit\"].sc-ic-toggle-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-toggle-button:-moz-focusring,[type=\"button\"].sc-ic-toggle-button:-moz-focusring,[type=\"reset\"].sc-ic-toggle-button:-moz-focusring,[type=\"submit\"].sc-ic-toggle-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toggle-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toggle-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toggle-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toggle-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toggle-button,[type=\"radio\"].sc-ic-toggle-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-toggle-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toggle-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toggle-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toggle-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toggle-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toggle-button{display:block}/*!@summary*/summary.sc-ic-toggle-button{display:list-item}/*!@template*/template.sc-ic-toggle-button{display:none}/*!@[hidden]*/[hidden].sc-ic-toggle-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-toggle-button,body.sc-ic-toggle-button,div.sc-ic-toggle-button,span.sc-ic-toggle-button,applet.sc-ic-toggle-button,object.sc-ic-toggle-button,iframe.sc-ic-toggle-button,h1.sc-ic-toggle-button,h2.sc-ic-toggle-button,h3.sc-ic-toggle-button,h4.sc-ic-toggle-button,h5.sc-ic-toggle-button,h6.sc-ic-toggle-button,p.sc-ic-toggle-button,blockquote.sc-ic-toggle-button,pre.sc-ic-toggle-button,a.sc-ic-toggle-button,abbr.sc-ic-toggle-button,acronym.sc-ic-toggle-button,address.sc-ic-toggle-button,big.sc-ic-toggle-button,cite.sc-ic-toggle-button,code.sc-ic-toggle-button,del.sc-ic-toggle-button,dfn.sc-ic-toggle-button,em.sc-ic-toggle-button,img.sc-ic-toggle-button,ins.sc-ic-toggle-button,kbd.sc-ic-toggle-button,q.sc-ic-toggle-button,s.sc-ic-toggle-button,samp.sc-ic-toggle-button,small.sc-ic-toggle-button,strike.sc-ic-toggle-button,strong.sc-ic-toggle-button,sub.sc-ic-toggle-button,sup.sc-ic-toggle-button,tt.sc-ic-toggle-button,var.sc-ic-toggle-button,b.sc-ic-toggle-button,u.sc-ic-toggle-button,i.sc-ic-toggle-button,center.sc-ic-toggle-button,dl.sc-ic-toggle-button,dt.sc-ic-toggle-button,dd.sc-ic-toggle-button,ol.sc-ic-toggle-button,ul.sc-ic-toggle-button,li.sc-ic-toggle-button,fieldset.sc-ic-toggle-button,form.sc-ic-toggle-button,label.sc-ic-toggle-button,legend.sc-ic-toggle-button,table.sc-ic-toggle-button,caption.sc-ic-toggle-button,tbody.sc-ic-toggle-button,tfoot.sc-ic-toggle-button,thead.sc-ic-toggle-button,tr.sc-ic-toggle-button,th.sc-ic-toggle-button,td.sc-ic-toggle-button,article.sc-ic-toggle-button,aside.sc-ic-toggle-button,canvas.sc-ic-toggle-button,details.sc-ic-toggle-button,embed.sc-ic-toggle-button,figure.sc-ic-toggle-button,figcaption.sc-ic-toggle-button,footer.sc-ic-toggle-button,header.sc-ic-toggle-button,hgroup.sc-ic-toggle-button,menu.sc-ic-toggle-button,nav.sc-ic-toggle-button,output.sc-ic-toggle-button,ruby.sc-ic-toggle-button,section.sc-ic-toggle-button,summary.sc-ic-toggle-button,time.sc-ic-toggle-button,mark.sc-ic-toggle-button,audio.sc-ic-toggle-button,video.sc-ic-toggle-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-toggle-button-h{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-default)\n )}/*!@:host(.dark)*/.dark.sc-ic-toggle-button-h{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-dark)\n )}/*!@:host(.light)*/.light.sc-ic-toggle-button-h{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-light)\n )}/*!@:host(.disabled)*/.disabled.sc-ic-toggle-button-h{--button-border:var(--toggle-button-border, var(--ic-border-disabled))}/*!@:host(.expand-toggle-group-child) ::part(button)*/.expand-toggle-group-child.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}/*!@:host(.expand-toggle-group-child) ic-button*/.expand-toggle-group-child.sc-ic-toggle-button-h ic-button.sc-ic-toggle-button{min-width:100%;min-height:100%;white-space:normal;height:100%}/*!@:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.checked) ::part(button):focus*/.expand-toggle-group-child.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}/*!@:host(.expand-toggle-group-child.light) ::part(button):focus,\n:host(.expand-toggle-group-child.dark) ::part(button):focus*/.expand-toggle-group-child.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n var(--ic-border-focus)}/*!@:host(:focus)*/.sc-ic-toggle-button-h:focus{z-index:1}/*!@:host ::part(button)*/.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border)}/*!@:host(.checked) ::part(button)*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-default);color:var(--ic-architectural-white);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white)}/*!@:host(.checked) ::part(button):focus*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white),\n var(--ic-border-focus)}/*!@:host(.checked) ::part(button):hover*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--button-default-hover)}/*!@:host(.checked) ::part(button):active,\n:host(.icon.checked) ::part(button):active*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.icon.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-active)}/*!@:host(.dark.checked) ::part(button)*/.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-dark)}/*!@:host(.dark.checked) ::part(button):hover*/.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-action-dark-hover)}/*!@:host(.dark.checked) ::part(button):active,\n:host(.icon.dark.checked) ::part(button):active*/.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.icon.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-active)}/*!@:host(.light.checked) ::part(button)*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-light);color:var(--ic-color-primary-text);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black)}/*!@:host(.light.checked) ::part(button):hover*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-action-light-hover)}/*!@:host(.light.checked) ::part(button):active,\n:host(.icon.light.checked) ::part(button):active*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.icon.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-active)}/*!@:host(.light.checked) ::part(button):focus*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black),\n var(--ic-border-focus)}/*!@:host(.disabled) ::part(button),\n:host(.icon.disabled) ::part(button)*/.disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.icon.disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border)}/*!@:host(.disabled.checked) ::part(button),\n:host(.icon.disabled.checked) ::part(button)*/.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.icon.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:transparent}/*!@:host(.disabled.checked) ::part(button),\n:host(.icon.disabled.checked) ::part(button)::before*/.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.icon.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button)::before{background-image:radial-gradient(var(--ic-architectural-400) 95%, white 20%);background-repeat:no-repeat}/*!@:host(.icon) ::part(button)*/.icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border);height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.icon) ::part(button):active*/.icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-bg-active)}/*!@:host(.icon.dark) ::part(button):active*/.icon.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-bg-active)}/*!@:host(.icon.light) ::part(button):active*/.icon.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-bg-active)}/*!@:host(.icon.small) ::part(button)*/.icon.small.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}/*!@:host(.icon.large) ::part(button)*/.icon.large.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}/*!@:host(.checked.loading) ::part(button)*/.checked.loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--button-default-active)}/*!@:host(.loading) ::part(ic-loading-container)*/.loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(ic-loading-container){--inner-color:var(--ic-architectural-white)}/*!@:host(.checked.loading.light) ::part(button)*/.checked.loading.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-light-active)}/*!@:host(.checked.loading.dark) ::part(button)*/.checked.loading.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-dark-active)}";
|
19518
|
+
const icToggleButtonCss = "/*!@html*/html.sc-ic-toggle-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toggle-button{margin:0}/*!@main*/main.sc-ic-toggle-button{display:block}/*!@h1*/h1.sc-ic-toggle-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toggle-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toggle-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toggle-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toggle-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toggle-button,strong.sc-ic-toggle-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toggle-button,kbd.sc-ic-toggle-button,samp.sc-ic-toggle-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toggle-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toggle-button,sup.sc-ic-toggle-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toggle-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-toggle-button{top:-0.5em}/*!@img*/img.sc-ic-toggle-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toggle-button,input.sc-ic-toggle-button,optgroup.sc-ic-toggle-button,select.sc-ic-toggle-button,textarea.sc-ic-toggle-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toggle-button,input.sc-ic-toggle-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-toggle-button,select.sc-ic-toggle-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toggle-button,[type=\"button\"].sc-ic-toggle-button,[type=\"reset\"].sc-ic-toggle-button,[type=\"submit\"].sc-ic-toggle-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-toggle-button::-moz-focus-inner,[type=\"button\"].sc-ic-toggle-button::-moz-focus-inner,[type=\"reset\"].sc-ic-toggle-button::-moz-focus-inner,[type=\"submit\"].sc-ic-toggle-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-toggle-button:-moz-focusring,[type=\"button\"].sc-ic-toggle-button:-moz-focusring,[type=\"reset\"].sc-ic-toggle-button:-moz-focusring,[type=\"submit\"].sc-ic-toggle-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toggle-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toggle-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toggle-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toggle-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toggle-button,[type=\"radio\"].sc-ic-toggle-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-toggle-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toggle-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toggle-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toggle-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toggle-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toggle-button{display:block}/*!@summary*/summary.sc-ic-toggle-button{display:list-item}/*!@template*/template.sc-ic-toggle-button{display:none}/*!@[hidden]*/[hidden].sc-ic-toggle-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-toggle-button,body.sc-ic-toggle-button,div.sc-ic-toggle-button,span.sc-ic-toggle-button,applet.sc-ic-toggle-button,object.sc-ic-toggle-button,iframe.sc-ic-toggle-button,h1.sc-ic-toggle-button,h2.sc-ic-toggle-button,h3.sc-ic-toggle-button,h4.sc-ic-toggle-button,h5.sc-ic-toggle-button,h6.sc-ic-toggle-button,p.sc-ic-toggle-button,blockquote.sc-ic-toggle-button,pre.sc-ic-toggle-button,a.sc-ic-toggle-button,abbr.sc-ic-toggle-button,acronym.sc-ic-toggle-button,address.sc-ic-toggle-button,big.sc-ic-toggle-button,cite.sc-ic-toggle-button,code.sc-ic-toggle-button,del.sc-ic-toggle-button,dfn.sc-ic-toggle-button,em.sc-ic-toggle-button,img.sc-ic-toggle-button,ins.sc-ic-toggle-button,kbd.sc-ic-toggle-button,q.sc-ic-toggle-button,s.sc-ic-toggle-button,samp.sc-ic-toggle-button,small.sc-ic-toggle-button,strike.sc-ic-toggle-button,strong.sc-ic-toggle-button,sub.sc-ic-toggle-button,sup.sc-ic-toggle-button,tt.sc-ic-toggle-button,var.sc-ic-toggle-button,b.sc-ic-toggle-button,u.sc-ic-toggle-button,i.sc-ic-toggle-button,center.sc-ic-toggle-button,dl.sc-ic-toggle-button,dt.sc-ic-toggle-button,dd.sc-ic-toggle-button,ol.sc-ic-toggle-button,ul.sc-ic-toggle-button,li.sc-ic-toggle-button,fieldset.sc-ic-toggle-button,form.sc-ic-toggle-button,label.sc-ic-toggle-button,legend.sc-ic-toggle-button,table.sc-ic-toggle-button,caption.sc-ic-toggle-button,tbody.sc-ic-toggle-button,tfoot.sc-ic-toggle-button,thead.sc-ic-toggle-button,tr.sc-ic-toggle-button,th.sc-ic-toggle-button,td.sc-ic-toggle-button,article.sc-ic-toggle-button,aside.sc-ic-toggle-button,canvas.sc-ic-toggle-button,details.sc-ic-toggle-button,embed.sc-ic-toggle-button,figure.sc-ic-toggle-button,figcaption.sc-ic-toggle-button,footer.sc-ic-toggle-button,header.sc-ic-toggle-button,hgroup.sc-ic-toggle-button,menu.sc-ic-toggle-button,nav.sc-ic-toggle-button,output.sc-ic-toggle-button,ruby.sc-ic-toggle-button,section.sc-ic-toggle-button,summary.sc-ic-toggle-button,time.sc-ic-toggle-button,mark.sc-ic-toggle-button,audio.sc-ic-toggle-button,video.sc-ic-toggle-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-toggle-button-h{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-default)\n )}/*!@:host(.dark)*/.dark.sc-ic-toggle-button-h{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-dark)\n )}/*!@:host(.light)*/.light.sc-ic-toggle-button-h{--button-border:var(\n --toggle-button-border,\n var(--ic-border-width) solid var(--ic-action-light)\n )}/*!@:host(.disabled)*/.disabled.sc-ic-toggle-button-h{--button-border:var(--toggle-button-border, var(--ic-border-disabled))}/*!@:host(.expand-toggle-group-child) ::part(button)*/.expand-toggle-group-child.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}/*!@:host(.expand-toggle-group-child) ic-button*/.expand-toggle-group-child.sc-ic-toggle-button-h ic-button.sc-ic-toggle-button{min-width:100%;min-height:100%;white-space:normal;height:100%}/*!@:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.checked) ::part(button):focus*/.expand-toggle-group-child.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n var(--ic-border-focus)}/*!@:host(.expand-toggle-group-child.light) ::part(button):focus,\n:host(.expand-toggle-group-child.dark) ::part(button):focus*/.expand-toggle-group-child.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n var(--ic-border-focus)}/*!@:host(:focus)*/.sc-ic-toggle-button-h:focus{z-index:1}/*!@:host ::part(button)*/.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border)}/*!@:host(.checked) ::part(button)*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-default);color:var(--ic-architectural-white);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white)}/*!@:host(.checked) ::part(button):focus*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white),\n var(--ic-border-focus)}/*!@:host(.checked) ::part(button):hover*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--button-default-hover)}/*!@:host(.checked) ::part(button):active,\n:host(.icon.checked) ::part(button):active*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.icon.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-active)}/*!@:host(.dark.checked) ::part(button)*/.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-dark)}/*!@:host(.dark.checked) ::part(button):hover*/.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-action-dark-hover)}/*!@:host(.dark.checked) ::part(button):active,\n:host(.icon.dark.checked) ::part(button):active*/.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.icon.dark.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-active)}/*!@:host(.light.checked) ::part(button)*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-light);color:var(--ic-color-primary-text);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black)}/*!@:host(.light.checked) ::part(button):hover*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-action-light-hover)}/*!@:host(.light.checked) ::part(button):active,\n:host(.icon.light.checked) ::part(button):active*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.icon.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-active)}/*!@:host(.light.checked) ::part(button):focus*/.light.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black),\n var(--ic-border-focus)}/*!@:host(.disabled) ::part(button),\n:host(.icon.disabled) ::part(button)*/.disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.icon.disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border)}/*!@:host(.disabled.checked) ::part(button),\n:host(.icon.disabled.checked) ::part(button)*/.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.icon.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:transparent}/*!@:host(.disabled.checked) ::part(button),\n:host(.icon.disabled.checked) ::part(button)::before*/.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.icon.disabled.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button)::before{background-image:radial-gradient(var(--ic-architectural-400) 95%, white 20%);background-repeat:no-repeat}/*!@:host(.icon) ::part(button)*/.icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border);height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.icon) ::part(button):active*/.icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-bg-active)}/*!@:host(.icon.dark) ::part(button):active*/.icon.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-bg-active)}/*!@:host(.icon.light) ::part(button):active*/.icon.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-bg-active)}/*!@:host(.icon.small) ::part(button)*/.icon.small.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}/*!@:host(.icon.large) ::part(button)*/.icon.large.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}/*!@:host(.checked.loading) ::part(button)*/.checked.loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--button-default-active)}/*!@:host(.loading) ::part(ic-loading-container)*/.loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(ic-loading-container){--inner-color:var(--ic-architectural-white)}/*!@:host(.checked.loading.light) ::part(button)*/.checked.loading.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-light-active)}/*!@:host(.checked.loading.dark) ::part(button)*/.checked.loading.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-dark-active)}@media (forced-colors: active){/*!@:host(.checked) ::part(button),\n :host(.checked) ::part(button):hover*/.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.checked.light) ::part(button),\n :host(.checked.light) ::part(button):hover*/.checked.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.checked.light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.checked.dark) ::part(button),\n :host(.checked.dark) ::part(button):hover*/.checked.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.checked.dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.checked.disabled) ::part(button)*/.checked.disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:GrayText}}";
|
19584
19519
|
|
19585
19520
|
/**
|
19586
19521
|
* @slot icon - Content will be displayed alongside the toggle button label.
|
@@ -19859,7 +19794,7 @@ class ToggleButtonGroup {
|
|
19859
19794
|
}; }
|
19860
19795
|
}
|
19861
19796
|
|
19862
|
-
const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-architectural-40);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\";border:var(--ic-border-width) solid var(--ic-architectural-40);width:100%;height:100%}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{height:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}/*!@:host(.on-dialog) .ic-tooltip-container*/.on-dialog.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{transform:translate(\n var(--tooltip-translate-x),\n var(--tooltip-translate-y)\n ) !important}@media screen and (max-width: 576px){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{max-width:18.875rem}}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container,\n :host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{border:var(--ic-hc-border)}}";
|
19797
|
+
const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip)*/.ic-tooltip.sc-ic-tooltip-h{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-architectural-40);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\";border:var(--ic-border-width) solid var(--ic-architectural-40);width:100%;height:100%}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{height:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}/*!@:host(.on-dialog) .ic-tooltip-container*/.on-dialog.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{transform:translate(\n var(--tooltip-translate-x),\n var(--tooltip-translate-y)\n ) !important}@media screen and (max-width: 576px){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{max-width:18.875rem}}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container,\n :host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{border:var(--ic-hc-border)}}";
|
19863
19798
|
|
19864
19799
|
class Tooltip {
|
19865
19800
|
constructor(hostRef) {
|
@@ -20081,7 +20016,7 @@ class Tooltip {
|
|
20081
20016
|
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active.sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}/*!@:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version*/.mobile-mode.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.mobile-mode.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host(.mobile-mode) .title-link*/.mobile-mode.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@:host(.mobile-mode) .search-menu-container*/.mobile-mode.sc-ic-top-navigation-h .search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@:host(.mobile-mode) .search-bar-container*/.mobile-mode.sc-ic-top-navigation-h .search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
|
20082
20017
|
|
20083
20018
|
/**
|
20084
|
-
* @slot app-icon - Content will be rendered to left of app title.
|
20019
|
+
* @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
|
20085
20020
|
* @slot app-title - Handle routing by nesting a route in the app title.
|
20086
20021
|
* @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).
|
20087
20022
|
* @slot search - Content will be rendered in search area to left of buttons.
|
@@ -20101,6 +20036,12 @@ class TopNavigation {
|
|
20101
20036
|
this.hasSearchSlotContent = false;
|
20102
20037
|
this.resizeObserver = null;
|
20103
20038
|
this.searchBar = null;
|
20039
|
+
this.checkSlots = () => {
|
20040
|
+
this.hasAppIcon = isSlotUsed(this.el, "app-icon");
|
20041
|
+
this.hasNavigation = isSlotUsed(this.el, "navigation");
|
20042
|
+
this.hasIconButtons = isSlotUsed(this.el, "buttons");
|
20043
|
+
this.hasSearchSlotContent = isSlotUsed(this.el, "search");
|
20044
|
+
};
|
20104
20045
|
this.initialiseSearchBar = () => {
|
20105
20046
|
if (this.hasSearchSlotContent) {
|
20106
20047
|
const slot = getSlot(this.el, "search");
|
@@ -20126,7 +20067,6 @@ class TopNavigation {
|
|
20126
20067
|
this.searchButtonClick = false;
|
20127
20068
|
};
|
20128
20069
|
this.resizeObserverCallback = (currSize) => {
|
20129
|
-
var _a;
|
20130
20070
|
if (currSize !== this.deviceSize) {
|
20131
20071
|
this.deviceSize = currSize;
|
20132
20072
|
if (currSize > this.customMobileBreakpoint) {
|
@@ -20138,7 +20078,7 @@ class TopNavigation {
|
|
20138
20078
|
this.topNavResized.emit({
|
20139
20079
|
size: currSize,
|
20140
20080
|
});
|
20141
|
-
if (
|
20081
|
+
if (this.searchBar && document.activeElement === this.searchBar) {
|
20142
20082
|
this.searchBar.setAttribute("hidden", "true");
|
20143
20083
|
//remove attribute again as this trigger a redraw & applies css
|
20144
20084
|
this.searchBar.removeAttribute("hidden");
|
@@ -20177,15 +20117,11 @@ class TopNavigation {
|
|
20177
20117
|
onComponentPropUndefinedChange(oldValue, newValue, this.initialiseSearchBar);
|
20178
20118
|
}
|
20179
20119
|
disconnectedCallback() {
|
20180
|
-
|
20181
|
-
|
20182
|
-
}
|
20120
|
+
var _a;
|
20121
|
+
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
20183
20122
|
}
|
20184
20123
|
componentWillLoad() {
|
20185
|
-
this.
|
20186
|
-
this.hasNavigation = isSlotUsed(this.el, "navigation");
|
20187
|
-
this.hasIconButtons = isSlotUsed(this.el, "buttons");
|
20188
|
-
this.hasSearchSlotContent = isSlotUsed(this.el, "search");
|
20124
|
+
this.checkSlots();
|
20189
20125
|
this.deviceSize = getCurrentDeviceSize();
|
20190
20126
|
this.initialiseSearchBar();
|
20191
20127
|
}
|
@@ -20195,10 +20131,7 @@ class TopNavigation {
|
|
20195
20131
|
onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: "app-title" }], "Top Navigation");
|
20196
20132
|
}
|
20197
20133
|
componentWillRender() {
|
20198
|
-
this.
|
20199
|
-
this.hasSearchSlotContent = isSlotUsed(this.el, "search");
|
20200
|
-
this.hasIconButtons = isSlotUsed(this.el, "buttons");
|
20201
|
-
this.hasAppIcon = isSlotUsed(this.el, "app-icon");
|
20134
|
+
this.checkSlots();
|
20202
20135
|
}
|
20203
20136
|
navBarMenuCloseHandler() {
|
20204
20137
|
this.showNavMenu(false);
|
@@ -20234,16 +20167,9 @@ class TopNavigation {
|
|
20234
20167
|
}
|
20235
20168
|
showNavMenu(show) {
|
20236
20169
|
this.navMenuVisible = show;
|
20237
|
-
|
20238
|
-
|
20239
|
-
|
20240
|
-
document.body.style.overflow = "hidden";
|
20241
|
-
}
|
20242
|
-
else {
|
20243
|
-
this.icNavigationMenuClosed.emit();
|
20244
|
-
document.body.style.height = "auto";
|
20245
|
-
document.body.style.overflow = "auto";
|
20246
|
-
}
|
20170
|
+
(show ? this.icNavigationMenuOpened : this.icNavigationMenuClosed).emit();
|
20171
|
+
document.body.style.height = show ? "100%" : "auto";
|
20172
|
+
document.body.style.overflow = show ? "hidden" : "auto";
|
20247
20173
|
}
|
20248
20174
|
render() {
|
20249
20175
|
const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, } = this;
|
@@ -20308,7 +20234,7 @@ class TopNavigation {
|
|
20308
20234
|
}; }
|
20309
20235
|
}
|
20310
20236
|
|
20311
|
-
const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block;position:relative}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h,.ic-typography-vertical-margins-code-large.sc-ic-typography-h,.ic-typography-vertical-margins-code-small.sc-ic-typography-h,.ic-typography-vertical-margins-code-extra-small.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1) !important}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-code-large)*/.ic-typography-code-large.sc-ic-typography-h{font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-code-small)*/.ic-typography-code-small.sc-ic-typography-h{font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-code-extra-small)*/.ic-typography-code-extra-small.sc-ic-typography-h{font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-badge)*/.ic-typography-badge.sc-ic-typography-h{font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-badge-small)*/.ic-typography-badge-small.sc-ic-typography-h{font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h.sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h.sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h.sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h.sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h.sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h.sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h.sc-ic-typography-s>label,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}/*!@.trunc-wrapper*/.trunc-wrapper.sc-ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden}/*!@.trunc-btn*/.trunc-btn.sc-ic-typography{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@.trunc-btn:hover,\n.trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{outline:none;border-bottom:var(--ic-space-xxs) solid !important;margin-bottom:calc(-1 * var(--ic-space-xxs)) !important;text-decoration:none;cursor:pointer}/*!@:host(.strikethrough)*/.strikethrough.sc-ic-typography-h{text-decoration:line-through}/*!@:host(.underline)*/.underline.sc-ic-typography-h{text-decoration:underline}/*!@:host(.underline.strikethrough)*/.underline.strikethrough.sc-ic-typography-h{text-decoration:line-through underline}/*!@:host(.italic)*/.italic.sc-ic-typography-h{font-style:italic !important}/*!@:host(.bold)*/.bold.sc-ic-typography-h{font-weight:var(--ic-font-weight-bold)}@supports (text-decoration-thickness: 25%){/*!@.trunc-btn:hover,\n .trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
|
20237
|
+
const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block;position:relative}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h,.ic-typography-vertical-margins-code-large.sc-ic-typography-h,.ic-typography-vertical-margins-code-small.sc-ic-typography-h,.ic-typography-vertical-margins-code-extra-small.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1) !important}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-code-large)*/.ic-typography-code-large.sc-ic-typography-h{font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-code-small)*/.ic-typography-code-small.sc-ic-typography-h{font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-code-extra-small)*/.ic-typography-code-extra-small.sc-ic-typography-h{font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-badge)*/.ic-typography-badge.sc-ic-typography-h{font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-badge-small)*/.ic-typography-badge-small.sc-ic-typography-h{font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h.sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h.sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h.sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h.sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h.sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h.sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h.sc-ic-typography-s>label,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}/*!@.trunc-wrapper*/.trunc-wrapper.sc-ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden}/*!@.trunc-btn*/.trunc-btn.sc-ic-typography{border:none;background:none;padding:0;color:var(--ic-color-primary-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@.trunc-btn:hover,\n.trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}/*!@:host(.strikethrough)*/.strikethrough.sc-ic-typography-h{text-decoration:line-through}/*!@:host(.underline)*/.underline.sc-ic-typography-h{text-decoration:underline}/*!@:host(.underline.strikethrough)*/.underline.strikethrough.sc-ic-typography-h{text-decoration:line-through underline}/*!@:host(.italic)*/.italic.sc-ic-typography-h{font-style:italic !important}/*!@:host(.bold)*/.bold.sc-ic-typography-h{font-weight:var(--ic-font-weight-bold)}@supports (text-decoration-thickness: 25%){/*!@.trunc-btn:hover,\n .trunc-btn.focus*/.trunc-btn.sc-ic-typography:hover,.trunc-btn.focus.sc-ic-typography{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
|
20312
20238
|
|
20313
20239
|
class Typography {
|
20314
20240
|
constructor(hostRef) {
|