@ukic/web-components 3.0.0-alpha.4 → 3.0.0-alpha.6
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-69219f14.js → helpers-dd569d97.js} +33 -28
- package/dist/cjs/helpers-dd569d97.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +8 -1
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +4 -4
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +8 -5
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +3 -3
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +43 -20
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +18 -17
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +20 -10
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +5 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +5 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +9 -4
- 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 +2 -2
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +3 -3
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +6 -7
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +4 -5
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +7 -8
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +6 -7
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +14 -7
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +22 -25
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +21 -25
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +10 -12
- 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 +16 -9
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +11 -8
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +7 -6
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +31 -6
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +5 -4
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +5 -3
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +5 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +9 -23
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +6 -6
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +9 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +5 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +10 -6
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +18 -14
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +14 -10
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +5 -4
- 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 +7 -3
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +3 -19
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +5 -2
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +37 -19
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +20 -20
- 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-group.cjs.entry.js +31 -4
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +15 -6
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +13 -7
- 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/ic-accordion.js +10 -1
- package/dist/collection/components/ic-accordion/ic-accordion.js.map +1 -1
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js +3 -0
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +7 -1
- package/dist/collection/components/ic-alert/ic-alert.js +3 -3
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js +1 -1
- package/dist/collection/components/ic-alert/test/basic/ic-alert.spec.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +5 -2
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +31 -4
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js +14 -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.css +3 -3
- package/dist/collection/components/ic-badge/ic-badge.js +2 -2
- package/dist/collection/components/ic-badge/ic-badge.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +4 -7
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +44 -19
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.css +693 -416
- package/dist/collection/components/ic-button/ic-button.js +62 -43
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js +9 -9
- package/dist/collection/components/ic-button/test/basic/ic-button.spec.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.css +18 -18
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +27 -14
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js +10 -0
- package/dist/collection/components/ic-card-vertical/test/basic/ic-card-vertical.spec.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +6 -0
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +6 -0
- 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 +3 -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.js +27 -2
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -1
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js +3 -0
- package/dist/collection/components/ic-chip/test/basic/ic-chip.spec.js.map +1 -1
- package/dist/collection/components/ic-dialog/ic-dialog.css +1 -1
- package/dist/collection/components/ic-divider/ic-divider.js +8 -8
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +4 -4
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.css +2 -2
- package/dist/collection/components/ic-footer/ic-footer.js +9 -10
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js +2 -2
- package/dist/collection/components/ic-footer/test/basic/ic-footer.spec.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +6 -7
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js +1 -1
- package/dist/collection/components/ic-footer-link/test/basic/ic-footer-link.spec.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +4 -0
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +7 -8
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js +1 -1
- package/dist/collection/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +9 -9
- package/dist/collection/components/ic-hero/ic-hero.js +8 -9
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-hero/test/basic/ic-hero.spec.js +2 -2
- 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.css +0 -4
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +64 -9
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js +43 -0
- package/dist/collection/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +38 -17
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +22 -40
- 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 -0
- 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-label/ic-input-label.css +6 -19
- package/dist/collection/components/ic-input-label/ic-input-label.js +11 -33
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.css +9 -4
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +7 -7
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +0 -24
- package/dist/collection/components/ic-link/ic-link.js +14 -16
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js +3 -3
- package/dist/collection/components/ic-link/test/basic/ic-link.spec.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +31 -19
- package/dist/collection/components/ic-menu/ic-menu.js +4 -4
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +57 -15
- package/dist/collection/components/ic-menu-item/ic-menu-item.js.map +1 -1
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js +14 -1
- package/dist/collection/components/ic-menu-item/test/basic/ic-menu-item.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +14 -0
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +37 -10
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js +3 -3
- package/dist/collection/components/ic-navigation-button/test/basic/ic-navigation-button.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +14 -9
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +32 -7
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js +3 -3
- package/dist/collection/components/ic-navigation-group/test/basic/ic-navigation-group.spec.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +28 -26
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +56 -7
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- 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/ic-navigation-menu.css +9 -6
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +27 -2
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +2 -1
- package/dist/collection/components/ic-page-header/ic-page-header.js +27 -1
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.js +10 -22
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +10 -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.js +6 -0
- 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 +3 -0
- package/dist/collection/components/ic-pagination-item/test/basic/ic-pagination-item.spec.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +22 -9
- 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 +8 -0
- 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.spec.js +6 -0
- package/dist/collection/components/ic-radio-group/test/basic/ic-radio-group.spec.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +6 -0
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +3 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +10 -5
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js +4 -1
- package/dist/collection/components/ic-search-bar/test/basic/ic-search-bar.spec.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +49 -36
- package/dist/collection/components/ic-select/ic-select.js +44 -14
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +10 -0
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +48 -31
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +16 -12
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.types.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js +6 -6
- package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation.spec.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +5 -5
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +21 -2
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js +15 -32
- package/dist/collection/components/ic-status-tag/test/basic/ic-status-tag.spec.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +3 -0
- package/dist/collection/components/ic-switch/ic-switch.js +6 -0
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js +3 -0
- package/dist/collection/components/ic-switch/test/basic/ic-switch.spec.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.js +6 -0
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js +16 -0
- package/dist/collection/components/ic-tab/test/basic/ic-tab.spec.js.map +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +8 -0
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +1 -17
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +60 -9
- package/dist/collection/components/ic-text-field/ic-text-field.js +64 -25
- 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 +26 -12
- 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 +2 -2
- 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 +31 -31
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js +7 -7
- package/dist/collection/components/ic-theme/test/basic/ic-theme.e2e.js.map +1 -1
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js +11 -11
- package/dist/collection/components/ic-theme/test/basic/ic-theme.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.css +189 -54
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js +62 -32
- package/dist/collection/components/ic-toggle-button/ic-toggle-button.js.map +1 -1
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js +10 -0
- package/dist/collection/components/ic-toggle-button/test/basic/ic-toggle-button.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.css +23 -16
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +79 -27
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js +121 -0
- package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +41 -17
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +39 -9
- 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 +3 -3
- 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 +4 -6
- package/dist/collection/utils/helpers.js +24 -19
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js +6 -6
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +30 -25
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion.js +9 -1
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +4 -4
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +9 -5
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +3 -3
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +43 -19
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +1 -1
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +21 -19
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-vertical.js +25 -13
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +5 -0
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +5 -0
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +11 -4
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-dialog.js +1 -1
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +4 -4
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +7 -8
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +5 -6
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +8 -9
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +7 -8
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +16 -7
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +21 -23
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +12 -17
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +8 -8
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +13 -15
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-menu-item2.js +20 -11
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +4 -4
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +13 -9
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +9 -7
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +33 -7
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +6 -4
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +5 -2
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +6 -1
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +9 -22
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +5 -5
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +8 -0
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +6 -1
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +11 -6
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select.js +20 -14
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +15 -11
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-status-tag.js +5 -3
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-switch.js +9 -4
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-group.js +2 -18
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab.js +5 -2
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +40 -20
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +22 -22
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast.js +1 -1
- package/dist/components/ic-toggle-button-group.js +38 -6
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-toggle-button.js +20 -8
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/components/ic-top-navigation.js +15 -8
- 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 +899 -123
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-2ef46ead.entry.js → p-07cd8a50.entry.js} +2 -2
- package/dist/core/p-07cd8a50.entry.js.map +1 -0
- package/dist/core/p-0821fc5b.entry.js +2 -0
- package/dist/core/p-0821fc5b.entry.js.map +1 -0
- package/dist/core/p-0b8c3770.entry.js +2 -0
- package/dist/core/p-0b8c3770.entry.js.map +1 -0
- package/dist/core/p-0d505c1f.entry.js +2 -0
- package/dist/core/p-0d505c1f.entry.js.map +1 -0
- package/dist/core/p-1234f7a5.entry.js +2 -0
- package/dist/core/p-1234f7a5.entry.js.map +1 -0
- package/dist/core/{p-c9cf932c.entry.js → p-193582d4.entry.js} +2 -2
- package/dist/core/p-193582d4.entry.js.map +1 -0
- package/dist/core/p-225384ab.entry.js +2 -0
- package/dist/core/p-225384ab.entry.js.map +1 -0
- package/dist/core/{p-d93bac01.entry.js → p-3420a999.entry.js} +2 -2
- package/dist/core/p-3420a999.entry.js.map +1 -0
- package/dist/core/{p-d4a83e25.entry.js → p-3994d86d.entry.js} +2 -2
- package/dist/core/p-3994d86d.entry.js.map +1 -0
- package/dist/core/p-3bfc4a52.entry.js +2 -0
- package/dist/core/p-3bfc4a52.entry.js.map +1 -0
- package/dist/core/p-3cfef37a.entry.js +2 -0
- package/dist/core/p-3cfef37a.entry.js.map +1 -0
- package/dist/core/{p-95f603dd.entry.js → p-406e58af.entry.js} +2 -2
- package/dist/core/p-406e58af.entry.js.map +1 -0
- package/dist/core/p-48e98730.js +2 -0
- package/dist/core/p-48e98730.js.map +1 -0
- package/dist/core/{p-5cd016e1.entry.js → p-4af52174.entry.js} +2 -2
- package/dist/core/p-4af52174.entry.js.map +1 -0
- package/dist/core/{p-f5b2b26d.entry.js → p-4dc48606.entry.js} +2 -2
- package/dist/core/{p-7bff1e96.entry.js → p-4f72a02a.entry.js} +2 -2
- package/dist/core/p-4f72a02a.entry.js.map +1 -0
- package/dist/core/p-518ea375.entry.js +2 -0
- package/dist/core/p-518ea375.entry.js.map +1 -0
- package/dist/core/p-520c6089.entry.js +2 -0
- package/dist/core/p-520c6089.entry.js.map +1 -0
- package/dist/core/p-580b1593.entry.js +2 -0
- package/dist/core/p-580b1593.entry.js.map +1 -0
- package/dist/core/p-59800237.entry.js +2 -0
- package/dist/core/p-59800237.entry.js.map +1 -0
- package/dist/core/{p-acbd15ab.entry.js → p-5ba8e679.entry.js} +2 -2
- package/dist/core/p-5ba8e679.entry.js.map +1 -0
- package/dist/core/p-5d417fc0.entry.js +2 -0
- package/dist/core/p-5d417fc0.entry.js.map +1 -0
- package/dist/core/{p-922984cb.entry.js → p-5d653608.entry.js} +2 -2
- package/dist/core/p-61510f00.entry.js +2 -0
- package/dist/core/p-61510f00.entry.js.map +1 -0
- package/dist/core/p-6159b077.entry.js +2 -0
- package/dist/core/p-6159b077.entry.js.map +1 -0
- package/dist/core/p-6859019c.entry.js +2 -0
- package/dist/core/p-6859019c.entry.js.map +1 -0
- package/dist/core/p-705db6a5.entry.js +2 -0
- package/dist/core/p-705db6a5.entry.js.map +1 -0
- package/dist/core/{p-7b35de65.entry.js → p-7124b387.entry.js} +2 -2
- package/dist/core/p-810744b5.entry.js +2 -0
- package/dist/core/p-810744b5.entry.js.map +1 -0
- package/dist/core/p-810f5a2d.entry.js +2 -0
- package/dist/core/p-810f5a2d.entry.js.map +1 -0
- package/dist/core/p-8a2670c1.entry.js +2 -0
- package/dist/core/p-8a2670c1.entry.js.map +1 -0
- package/dist/core/{p-29767574.entry.js → p-91c1327d.entry.js} +2 -2
- package/dist/core/p-98dbbb34.entry.js +2 -0
- package/dist/core/p-98dbbb34.entry.js.map +1 -0
- package/dist/core/p-9c1d4f72.entry.js +2 -0
- package/dist/core/p-9c1d4f72.entry.js.map +1 -0
- package/dist/core/{p-428f95f8.entry.js → p-a23c515d.entry.js} +2 -2
- package/dist/core/p-a23c515d.entry.js.map +1 -0
- package/dist/core/p-a24bcf5f.entry.js +2 -0
- package/dist/core/p-a24bcf5f.entry.js.map +1 -0
- package/dist/core/p-aefebee9.entry.js +2 -0
- package/dist/core/p-aefebee9.entry.js.map +1 -0
- package/dist/core/{p-806a0fab.entry.js → p-b27dfa1b.entry.js} +2 -2
- package/dist/core/{p-690c5e80.entry.js → p-b2a41070.entry.js} +2 -2
- package/dist/core/{p-ef78bebc.entry.js → p-b51e378c.entry.js} +2 -2
- package/dist/core/p-b51e378c.entry.js.map +1 -0
- package/dist/core/{p-a9341313.entry.js → p-b5439baa.entry.js} +2 -2
- package/dist/core/p-b9aa801f.entry.js +2 -0
- package/dist/core/p-b9aa801f.entry.js.map +1 -0
- package/dist/core/{p-4a3b1f06.entry.js → p-bc7b8a1e.entry.js} +2 -2
- package/dist/core/p-bc7b8a1e.entry.js.map +1 -0
- package/dist/core/{p-cedc375e.entry.js → p-c2b359d9.entry.js} +2 -2
- package/dist/core/p-c2b359d9.entry.js.map +1 -0
- package/dist/core/{p-ee6dd94c.entry.js → p-c67f7603.entry.js} +2 -2
- package/dist/core/p-c6e91e13.entry.js +2 -0
- package/dist/core/p-c6e91e13.entry.js.map +1 -0
- package/dist/core/p-c83e933c.entry.js +2 -0
- package/dist/core/p-c83e933c.entry.js.map +1 -0
- package/dist/core/p-ca27ab19.entry.js +2 -0
- package/dist/core/p-ca27ab19.entry.js.map +1 -0
- package/dist/core/p-cfe32b37.entry.js +2 -0
- package/dist/core/p-cfe32b37.entry.js.map +1 -0
- package/dist/core/p-d2909711.entry.js +2 -0
- package/dist/core/p-d2909711.entry.js.map +1 -0
- package/dist/core/p-da85eaf6.entry.js +2 -0
- package/dist/core/p-da85eaf6.entry.js.map +1 -0
- package/dist/core/p-dcb2073d.entry.js +2 -0
- package/dist/core/p-dcb2073d.entry.js.map +1 -0
- package/dist/core/{p-705eb610.entry.js → p-ded2dbed.entry.js} +2 -2
- package/dist/core/p-ded2dbed.entry.js.map +1 -0
- package/dist/core/p-f42c0469.entry.js +2 -0
- package/dist/core/p-f42c0469.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-e8797e8d.js → helpers-e594bfc6.js} +31 -26
- package/dist/esm/helpers-e594bfc6.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js +8 -1
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +4 -4
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +9 -6
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +3 -3
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +43 -20
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +2 -2
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +18 -17
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +20 -10
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +5 -1
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +5 -1
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +9 -4
- 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 +2 -2
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +3 -3
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-empty-state.entry.js +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +6 -7
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +4 -5
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +7 -8
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +6 -7
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +14 -7
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +22 -25
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +21 -25
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +10 -12
- 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 +16 -9
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +11 -8
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +7 -6
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +31 -6
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +5 -4
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +5 -3
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +5 -1
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +9 -23
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +6 -6
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +9 -1
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +5 -1
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +10 -6
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +18 -14
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +14 -10
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +5 -4
- 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 +7 -3
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -19
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js +5 -2
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +37 -19
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +20 -20
- 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-group.entry.js +31 -4
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +15 -6
- package/dist/esm/ic-toggle-button.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +13 -7
- 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/ic-accordion.d.ts +2 -0
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +5 -0
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +1 -0
- package/dist/types/components/ic-button/ic-button.d.ts +10 -6
- package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +4 -3
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +1 -0
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +1 -0
- package/dist/types/components/ic-chip/ic-chip.d.ts +5 -0
- package/dist/types/components/ic-divider/ic-divider.d.ts +4 -4
- package/dist/types/components/ic-footer/ic-footer.d.ts +3 -3
- package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +3 -3
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +3 -3
- package/dist/types/components/ic-hero/ic-hero.d.ts +3 -3
- package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts +8 -2
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +2 -4
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +0 -4
- package/dist/types/components/ic-link/ic-link.d.ts +2 -2
- package/dist/types/components/ic-menu/ic-menu.d.ts +1 -1
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +11 -4
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +7 -3
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +7 -3
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +9 -3
- package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +5 -0
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +5 -1
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +1 -4
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +1 -0
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +3 -6
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +1 -0
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +1 -0
- package/dist/types/components/ic-select/ic-select.d.ts +7 -2
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +3 -3
- package/dist/types/components/ic-side-navigation/ic-side-navigation.types.d.ts +2 -2
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +4 -0
- package/dist/types/components/ic-switch/ic-switch.d.ts +1 -0
- package/dist/types/components/ic-tab/ic-tab.d.ts +1 -0
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +0 -4
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +10 -3
- package/dist/types/components/ic-theme/ic-theme.d.ts +8 -8
- package/dist/types/components/ic-toggle-button/ic-toggle-button.d.ts +10 -5
- package/dist/types/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +12 -5
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +7 -3
- package/dist/types/components.d.ts +180 -68
- package/dist/types/utils/helpers.d.ts +12 -8
- package/dist/types/utils/types.d.ts +5 -5
- package/hydrate/index.js +536 -362
- package/package.json +4 -2
- package/vscode-data.json +211 -76
- package/dist/cjs/helpers-69219f14.js.map +0 -1
- package/dist/core/p-13d5875c.entry.js +0 -2
- package/dist/core/p-13d5875c.entry.js.map +0 -1
- package/dist/core/p-19872973.entry.js +0 -2
- package/dist/core/p-19872973.entry.js.map +0 -1
- package/dist/core/p-2140431c.entry.js +0 -2
- package/dist/core/p-2140431c.entry.js.map +0 -1
- package/dist/core/p-2e909738.entry.js +0 -2
- package/dist/core/p-2e909738.entry.js.map +0 -1
- package/dist/core/p-2eae9b27.entry.js +0 -2
- package/dist/core/p-2eae9b27.entry.js.map +0 -1
- package/dist/core/p-2ef46ead.entry.js.map +0 -1
- package/dist/core/p-37dea10d.entry.js +0 -2
- package/dist/core/p-37dea10d.entry.js.map +0 -1
- package/dist/core/p-3d9726a3.entry.js +0 -2
- package/dist/core/p-3d9726a3.entry.js.map +0 -1
- package/dist/core/p-428f95f8.entry.js.map +0 -1
- package/dist/core/p-4973c563.entry.js +0 -2
- package/dist/core/p-4973c563.entry.js.map +0 -1
- package/dist/core/p-4a3b1f06.entry.js.map +0 -1
- package/dist/core/p-5cd016e1.entry.js.map +0 -1
- package/dist/core/p-5ef8e106.entry.js +0 -2
- package/dist/core/p-5ef8e106.entry.js.map +0 -1
- package/dist/core/p-5f4a6555.entry.js +0 -2
- package/dist/core/p-5f4a6555.entry.js.map +0 -1
- package/dist/core/p-605c0c92.entry.js +0 -2
- package/dist/core/p-605c0c92.entry.js.map +0 -1
- package/dist/core/p-655a9e0f.entry.js +0 -2
- package/dist/core/p-655a9e0f.entry.js.map +0 -1
- package/dist/core/p-65a16de9.entry.js +0 -2
- package/dist/core/p-65a16de9.entry.js.map +0 -1
- package/dist/core/p-705eb610.entry.js.map +0 -1
- package/dist/core/p-76263187.entry.js +0 -2
- package/dist/core/p-76263187.entry.js.map +0 -1
- package/dist/core/p-78c1f1cc.entry.js +0 -2
- package/dist/core/p-78c1f1cc.entry.js.map +0 -1
- package/dist/core/p-79d0be03.entry.js +0 -2
- package/dist/core/p-79d0be03.entry.js.map +0 -1
- package/dist/core/p-7bff1e96.entry.js.map +0 -1
- package/dist/core/p-85173458.entry.js +0 -2
- package/dist/core/p-85173458.entry.js.map +0 -1
- package/dist/core/p-95f603dd.entry.js.map +0 -1
- package/dist/core/p-979c2792.entry.js +0 -2
- package/dist/core/p-979c2792.entry.js.map +0 -1
- package/dist/core/p-97fb2bdf.entry.js +0 -2
- package/dist/core/p-97fb2bdf.entry.js.map +0 -1
- package/dist/core/p-9ec7f96c.entry.js +0 -2
- package/dist/core/p-9ec7f96c.entry.js.map +0 -1
- package/dist/core/p-9fa93dfe.entry.js +0 -2
- package/dist/core/p-9fa93dfe.entry.js.map +0 -1
- package/dist/core/p-acbd15ab.entry.js.map +0 -1
- package/dist/core/p-ae0775aa.entry.js +0 -2
- package/dist/core/p-ae0775aa.entry.js.map +0 -1
- package/dist/core/p-b7eb8ef9.js +0 -2
- package/dist/core/p-b7eb8ef9.js.map +0 -1
- package/dist/core/p-ba6ecc15.entry.js +0 -2
- package/dist/core/p-ba6ecc15.entry.js.map +0 -1
- package/dist/core/p-bbeb03ef.entry.js +0 -2
- package/dist/core/p-bbeb03ef.entry.js.map +0 -1
- package/dist/core/p-c0fc3d02.entry.js +0 -2
- package/dist/core/p-c0fc3d02.entry.js.map +0 -1
- package/dist/core/p-c396bd4d.entry.js +0 -2
- package/dist/core/p-c396bd4d.entry.js.map +0 -1
- package/dist/core/p-c9cf932c.entry.js.map +0 -1
- package/dist/core/p-cedc375e.entry.js.map +0 -1
- package/dist/core/p-d4a83e25.entry.js.map +0 -1
- package/dist/core/p-d93bac01.entry.js.map +0 -1
- package/dist/core/p-eb3b4935.entry.js +0 -2
- package/dist/core/p-eb3b4935.entry.js.map +0 -1
- package/dist/core/p-ebafab37.entry.js +0 -2
- package/dist/core/p-ebafab37.entry.js.map +0 -1
- package/dist/core/p-ef78bebc.entry.js.map +0 -1
- package/dist/core/p-f0ae2b99.entry.js +0 -2
- package/dist/core/p-f0ae2b99.entry.js.map +0 -1
- package/dist/core/p-f24984c5.entry.js +0 -2
- package/dist/core/p-f24984c5.entry.js.map +0 -1
- package/dist/core/p-f71c00ce.entry.js +0 -2
- package/dist/core/p-f71c00ce.entry.js.map +0 -1
- package/dist/core/p-fdd0b732.entry.js +0 -2
- package/dist/core/p-fdd0b732.entry.js.map +0 -1
- package/dist/esm/helpers-e8797e8d.js.map +0 -1
- /package/dist/core/{p-f5b2b26d.entry.js.map → p-4dc48606.entry.js.map} +0 -0
- /package/dist/core/{p-922984cb.entry.js.map → p-5d653608.entry.js.map} +0 -0
- /package/dist/core/{p-7b35de65.entry.js.map → p-7124b387.entry.js.map} +0 -0
- /package/dist/core/{p-29767574.entry.js.map → p-91c1327d.entry.js.map} +0 -0
- /package/dist/core/{p-806a0fab.entry.js.map → p-b27dfa1b.entry.js.map} +0 -0
- /package/dist/core/{p-690c5e80.entry.js.map → p-b2a41070.entry.js.map} +0 -0
- /package/dist/core/{p-a9341313.entry.js.map → p-b5439baa.entry.js.map} +0 -0
- /package/dist/core/{p-ee6dd94c.entry.js.map → p-c67f7603.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
@@ -7538,12 +7538,12 @@ var IcInformationStatus;
|
|
7538
7538
|
IcInformationStatus["Error"] = "error";
|
7539
7539
|
IcInformationStatus["Success"] = "success";
|
7540
7540
|
})(IcInformationStatus || (IcInformationStatus = {}));
|
7541
|
-
var
|
7542
|
-
(function (
|
7543
|
-
|
7544
|
-
|
7545
|
-
|
7546
|
-
})(
|
7541
|
+
var IcBrandForegroundEnum;
|
7542
|
+
(function (IcBrandForegroundEnum) {
|
7543
|
+
IcBrandForegroundEnum["Default"] = "default";
|
7544
|
+
IcBrandForegroundEnum["Dark"] = "dark";
|
7545
|
+
IcBrandForegroundEnum["Light"] = "light";
|
7546
|
+
})(IcBrandForegroundEnum || (IcBrandForegroundEnum = {}));
|
7547
7547
|
|
7548
7548
|
var errorIcon = `<svg aria-labelledby="error-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">
|
7549
7549
|
<title id="error-title">Error</title>
|
@@ -7794,9 +7794,9 @@ const getInputDescribedByText = (inputId, helperText, validationText) => `${help
|
|
7794
7794
|
* are part of an IC component.
|
7795
7795
|
*
|
7796
7796
|
* ""
|
7797
|
-
* @returns
|
7797
|
+
* @returns IcBrandForeground depending on the context
|
7798
7798
|
*/
|
7799
|
-
const
|
7799
|
+
const getBrandFromContext = (el, brandFromEvent = null) => {
|
7800
7800
|
var _a;
|
7801
7801
|
const parentElement = el.parentElement || el.getRootNode().host.parentElement;
|
7802
7802
|
const blockColorParent = parentElement.closest(IC_BLOCK_COLOR_COMPONENTS.join(","));
|
@@ -7805,18 +7805,19 @@ const getThemeFromContext = (el, themeFromEvent = null) => {
|
|
7805
7805
|
const parentTag = blockColorParent.tagName.toLowerCase();
|
7806
7806
|
const currentTag = el.tagName.toLowerCase();
|
7807
7807
|
if ((_a = IC_BLOCK_COLOR_EXCEPTIONS[parentTag]) === null || _a === void 0 ? void 0 : _a.includes(currentTag)) {
|
7808
|
-
return
|
7808
|
+
return IcBrandForegroundEnum.Default;
|
7809
7809
|
}
|
7810
|
-
else if (
|
7810
|
+
else if (brandFromEvent !== null &&
|
7811
7811
|
!IC_FIXED_COLOR_COMPONENTS.includes(parentTag)) {
|
7812
|
-
return
|
7812
|
+
return brandFromEvent;
|
7813
7813
|
}
|
7814
|
-
else if (blockColorParent.classList.contains(
|
7815
|
-
|
7814
|
+
else if (blockColorParent.classList.contains(`${parentTag}-${IcBrandForegroundEnum.Dark}`) ||
|
7815
|
+
blockColorParent.classList.contains(IcBrandForegroundEnum.Dark)) {
|
7816
|
+
return IcBrandForegroundEnum.Dark;
|
7816
7817
|
}
|
7817
|
-
return
|
7818
|
+
return IcBrandForegroundEnum.Light;
|
7818
7819
|
}
|
7819
|
-
return
|
7820
|
+
return IcBrandForegroundEnum.Default;
|
7820
7821
|
};
|
7821
7822
|
/**
|
7822
7823
|
* Checks if the current device is a mobile or tablet device.
|
@@ -7932,13 +7933,13 @@ const getCssProperty = (cssVar) => getComputedStyle(document.documentElement).ge
|
|
7932
7933
|
* Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:
|
7933
7934
|
* - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast
|
7934
7935
|
* - Adding them together and dividing by 1000
|
7935
|
-
* This is a similar calculation to its CSS counterpart: "--ic-
|
7936
|
+
* This is a similar calculation to its CSS counterpart: "--ic-brand-text-color"
|
7936
7937
|
* @returns number representing the brightness of the theme colour
|
7937
7938
|
*/
|
7938
|
-
const
|
7939
|
-
const themeRed = getCssProperty("--ic-
|
7940
|
-
const themeGreen = getCssProperty("--ic-
|
7941
|
-
const themeBlue = getCssProperty("--ic-
|
7939
|
+
const getBrandColorBrightness = () => {
|
7940
|
+
const themeRed = getCssProperty("--ic-brand-color-primary-r");
|
7941
|
+
const themeGreen = getCssProperty("--ic-brand-color-primary-g");
|
7942
|
+
const themeBlue = getCssProperty("--ic-brand-color-primary-b");
|
7942
7943
|
return ((parseInt(themeRed) * 299 +
|
7943
7944
|
parseInt(themeGreen) * 587 +
|
7944
7945
|
parseInt(themeBlue) * 114) /
|
@@ -7947,11 +7948,11 @@ const getThemeColorBrightness = () => {
|
|
7947
7948
|
/**
|
7948
7949
|
* Returns if dark or light foreground colors should be used for color contrast reasons
|
7949
7950
|
* @returns "dark" or "light"
|
7950
|
-
* @param brightness - Optional custom brightness value. Defaults to `
|
7951
|
+
* @param brightness - Optional custom brightness value. Defaults to `getBrandColorBrightness`
|
7951
7952
|
*/
|
7952
|
-
const
|
7953
|
-
?
|
7954
|
-
:
|
7953
|
+
const getBrandForegroundAppearance = (brightness = getBrandColorBrightness()) => brightness > DARK_MODE_THRESHOLD
|
7954
|
+
? IcBrandForegroundEnum.Dark
|
7955
|
+
: IcBrandForegroundEnum.Light;
|
7955
7956
|
const getSlot = (element, name) => {
|
7956
7957
|
if (element && element.querySelector) {
|
7957
7958
|
return element.querySelector(`[slot="${name}"]`);
|
@@ -8072,6 +8073,10 @@ const removeFormResetListener = (el, callbackFn) => {
|
|
8072
8073
|
(_a = el.closest("FORM")) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", callbackFn);
|
8073
8074
|
};
|
8074
8075
|
const pxToRem = (px, base = 16) => `${(1 / base) * parseInt(px)}rem`;
|
8076
|
+
/**
|
8077
|
+
* Removes the disabled attribute from the provided element when its value is set to false.
|
8078
|
+
* This effectively makes it null, to not confuse screen readers that cannot interpret the false value
|
8079
|
+
*/
|
8075
8080
|
const removeDisabledFalse = (disabled, element) => {
|
8076
8081
|
if (!disabled) {
|
8077
8082
|
element.removeAttribute("disabled");
|
@@ -8163,6 +8168,9 @@ class Accordion {
|
|
8163
8168
|
this.size = "medium";
|
8164
8169
|
this.theme = "inherit";
|
8165
8170
|
}
|
8171
|
+
watchDisabledHandler() {
|
8172
|
+
removeDisabledFalse(this.disabled, this.el);
|
8173
|
+
}
|
8166
8174
|
// Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close
|
8167
8175
|
handleExpandedWatch() {
|
8168
8176
|
this.animateExpandedContent();
|
@@ -8175,6 +8183,9 @@ class Accordion {
|
|
8175
8183
|
this.accordionBtnHeading.focus();
|
8176
8184
|
}
|
8177
8185
|
}
|
8186
|
+
componentWillLoad() {
|
8187
|
+
removeDisabledFalse(this.disabled, this.el);
|
8188
|
+
}
|
8178
8189
|
disconnectedCallback() {
|
8179
8190
|
if (this.expandedContentEl) {
|
8180
8191
|
this.expandedContentEl.removeEventListener("transitionend", (e) => this.setExpandedContentStyle(e, this.expandedContentEl), true);
|
@@ -8206,6 +8217,7 @@ class Accordion {
|
|
8206
8217
|
}
|
8207
8218
|
get el() { return getElement(this); }
|
8208
8219
|
static get watchers() { return {
|
8220
|
+
"disabled": ["watchDisabledHandler"],
|
8209
8221
|
"expanded": ["handleExpandedWatch"]
|
8210
8222
|
}; }
|
8211
8223
|
static get style() { return icAccordionCss; }
|
@@ -8365,7 +8377,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
|
|
8365
8377
|
</svg>
|
8366
8378
|
`;
|
8367
8379
|
|
8368
|
-
const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-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-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-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-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{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-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@:host ::slotted(ic-typography)*/.sc-ic-alert-h .sc-ic-alert-s>ic-typography{--ic-typography-color:var(--ic-alert-description)}/*!@.container*/.container.sc-ic-alert{min-height:3.5rem;border-radius:var(--ic-border-radius);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-alert-background-neutral)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-alert-background-info)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-alert-background-warning)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-alert-background-error)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-alert-background-success)}/*!@.alert-icon-container*/.alert-icon-container.sc-ic-alert{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-alert{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}/*!@.divider-neutral*/.divider-neutral.sc-ic-alert{background-color:var(--ic-alert-status-type-neutral)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-alert-status-type-info)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-alert-status-type-warning)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-alert-status-type-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-alert-status-type-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.icon-placeholder*/.icon-placeholder.sc-ic-alert{margin-left:var(--ic-space-xs)}/*!@.alert-icon > svg*/.alert-icon.sc-ic-alert>svg.sc-ic-alert{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@:host([showdefaulticon=\"false\"]) .icon-neutral*/[showdefaulticon=\"false\"].sc-ic-alert-h .icon-neutral.sc-ic-alert{visibility:hidden;width:0;margin-left:0.625rem}/*!@.icon-neutral > svg,\n::slotted(svg)*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert,.sc-ic-alert-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}/*!@:host([variant=\"info\"]) .alert-icon svg*/[variant=\"info\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-info)}/*!@:host([variant=\"warning\"]) .alert-icon svg*/[variant=\"warning\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-warning)}/*!@:host([variant=\"error\"]) .alert-icon svg*/[variant=\"error\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-error)}/*!@:host([variant=\"success\"]) .alert-icon svg*/[variant=\"success\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-success)}/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;align-items:center;margin-left:0.625rem;width:100%}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}/*!@.alert-message-title-above*/.alert-message-title-above.sc-ic-alert{display:inline}/*!@.alert-title*/.alert-title.sc-ic-alert{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}/*!@.alert-title-above*/.alert-title-above.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-right:var(--ic-space-xs);display:flex;align-items:center}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-alert{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}/*!@.dismiss-icon > svg*/.dismiss-icon.sc-ic-alert>svg.sc-ic-alert{color:var(--ic-alert-icon-dismissible)}/*!@.dismiss-icon:hover*/.dismiss-icon.sc-ic-alert:hover{cursor:pointer}@media (max-width: 628px){/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-title*/.alert-title.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-alert{border:var(--ic-border-hc)}}";
|
8380
|
+
const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-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-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-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-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{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-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@:host ::slotted(ic-typography)*/.sc-ic-alert-h .sc-ic-alert-s>ic-typography{--ic-typography-color:var(--ic-alert-description)}/*!@.container*/.container.sc-ic-alert{min-height:3.5rem;border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}/*!@.alert-icon-container*/.alert-icon-container.sc-ic-alert{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-alert{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}/*!@.divider-neutral*/.divider-neutral.sc-ic-alert{background-color:var(--ic-alert-status-type-neutral)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-alert-status-type-info)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-alert-status-type-warning)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-alert-status-type-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-alert-status-type-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.icon-placeholder*/.icon-placeholder.sc-ic-alert{margin-left:var(--ic-space-xs)}/*!@.alert-icon > svg*/.alert-icon.sc-ic-alert>svg.sc-ic-alert{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}/*!@:host([showdefaulticon=\"false\"]) .icon-neutral*/[showdefaulticon=\"false\"].sc-ic-alert-h .icon-neutral.sc-ic-alert{visibility:hidden;width:0;margin-left:0.625rem}/*!@.icon-neutral > svg,\n::slotted(svg)*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert,.sc-ic-alert-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}/*!@:host([variant=\"info\"]) .alert-icon svg*/[variant=\"info\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-info)}/*!@:host([variant=\"warning\"]) .alert-icon svg*/[variant=\"warning\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-warning)}/*!@:host([variant=\"error\"]) .alert-icon svg*/[variant=\"error\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-error)}/*!@:host([variant=\"success\"]) .alert-icon svg*/[variant=\"success\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-alert-icon-success)}/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;align-items:center;margin-left:0.625rem;width:100%}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}/*!@.alert-message-title-above*/.alert-message-title-above.sc-ic-alert{display:inline}/*!@.alert-title*/.alert-title.sc-ic-alert{margin-right:var(--ic-space-xs);--ic-typography-color:var(--ic-alert-title)}/*!@.alert-title-above*/.alert-title-above.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-right:var(--ic-space-xs);display:flex;align-items:center}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-alert{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}/*!@.dismiss-icon > svg*/.dismiss-icon.sc-ic-alert>svg.sc-ic-alert{color:var(--ic-alert-icon-dismissible)}/*!@.dismiss-icon:hover*/.dismiss-icon.sc-ic-alert:hover{cursor:pointer}@media (max-width: 628px){/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-title*/.alert-title.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-bottom:var(--ic-space-xs)}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-alert{border:var(--ic-border-hc)}}";
|
8369
8381
|
|
8370
8382
|
/**
|
8371
8383
|
* @slot message - Content is placed to the right of the title.
|
@@ -8419,7 +8431,7 @@ class Alert {
|
|
8419
8431
|
render() {
|
8420
8432
|
const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;
|
8421
8433
|
return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
|
8422
|
-
[
|
8434
|
+
[IcBrandForegroundEnum.Dark]: true,
|
8423
8435
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
8424
8436
|
} }, hAsync("div", { class: {
|
8425
8437
|
["container"]: true,
|
@@ -8444,7 +8456,7 @@ class Alert {
|
|
8444
8456
|
}, variant: "subtitle-large" }, hAsync("p", null, heading))), hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message))), isSlotUsed(this.el, "action") && (hAsync("div", { class: "alert-action-container" }, hAsync("slot", { name: "action" })))), hAsync("div", { class: "dismiss-icon-container" }, dismissible && (hAsync("ic-button", { class: {
|
8445
8457
|
["svg-container"]: true,
|
8446
8458
|
["dismiss-icon"]: true,
|
8447
|
-
}, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", title: "
|
8459
|
+
}, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", theme: "dark", title: "Dismiss" })))))));
|
8448
8460
|
}
|
8449
8461
|
get el() { return getElement(this); }
|
8450
8462
|
static get style() { return icAlertCss; }
|
@@ -8474,7 +8486,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
|
|
8474
8486
|
</svg>
|
8475
8487
|
`;
|
8476
8488
|
|
8477
|
-
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}/*!@ic-button*/ic-button.sc-ic-back-to-top{height:2.5rem;align-items:center;background-color:var(--ic-
|
8489
|
+
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}/*!@ic-button*/ic-button.sc-ic-back-to-top{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;opacity:0;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)}/*!@:host([variant=\"icon\"]) ic-button::part(button)*/[variant=\"icon\"].sc-ic-back-to-top-h ic-button.sc-ic-back-to-top::part(button){margin:0}/*!@ic-button::part(button)*/ic-button.sc-ic-back-to-top::part(button){border-radius:5rem}/*!@ic-button.show*/ic-button.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-button.by-footer*/ic-button.by-footer.sc-ic-back-to-top{position:relative;right:var(--ic-space-md);bottom:3.5rem}/*!@ic-button.offset-banner*/ic-button.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{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}/*!@.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)}/*!@.icon-only*/.icon-only.sc-ic-back-to-top{width:2.5rem}/*!@.icon-only .ic-back-to-top-icon > svg*/.icon-only.sc-ic-back-to-top .ic-back-to-top-icon.sc-ic-back-to-top>svg.sc-ic-back-to-top{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}@media (forced-colors: active){/*!@.icon-only .ic-back-to-top-icon > svg*/.icon-only.sc-ic-back-to-top .ic-back-to-top-icon.sc-ic-back-to-top>svg.sc-ic-back-to-top{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}";
|
8478
8490
|
|
8479
8491
|
const backToTopLabel = "Back to top";
|
8480
8492
|
class BackToTop {
|
@@ -8563,6 +8575,7 @@ class BackToTop {
|
|
8563
8575
|
this.footerVisible = false;
|
8564
8576
|
this.targetElVisible = true;
|
8565
8577
|
this.target = undefined;
|
8578
|
+
this.theme = "inherit";
|
8566
8579
|
this.variant = "default";
|
8567
8580
|
}
|
8568
8581
|
watchPropHandler(newValue, oldValue) {
|
@@ -8591,15 +8604,17 @@ class BackToTop {
|
|
8591
8604
|
}
|
8592
8605
|
render() {
|
8593
8606
|
const { variant, bannerOffset, targetElVisible, footerVisible } = this;
|
8594
|
-
const btnVariant = variant === "icon" ? "icon" : "
|
8607
|
+
const btnVariant = variant === "icon" ? "icon-secondary" : "secondary";
|
8595
8608
|
const size = variant === "icon" ? "large" : "medium";
|
8596
8609
|
const label = variant === "icon" ? "" : backToTopLabel;
|
8597
|
-
return (hAsync(
|
8610
|
+
return (hAsync(Host, { class: {
|
8611
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
8612
|
+
} }, hAsync("ic-button", { "aria-label": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {
|
8598
8613
|
["offset-banner"]: bannerOffset,
|
8599
8614
|
["show"]: !targetElVisible,
|
8600
8615
|
["by-footer"]: footerVisible,
|
8601
8616
|
["icon-only"]: variant === "icon",
|
8602
|
-
} }, hAsync("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label));
|
8617
|
+
}, theme: this.theme }, hAsync("span", { class: "ic-back-to-top-icon", innerHTML: ArrowUpward }), label)));
|
8603
8618
|
}
|
8604
8619
|
static get delegatesFocus() { return true; }
|
8605
8620
|
get el() { return getElement(this); }
|
@@ -8612,6 +8627,7 @@ class BackToTop {
|
|
8612
8627
|
"$tagName$": "ic-back-to-top",
|
8613
8628
|
"$members$": {
|
8614
8629
|
"target": [1],
|
8630
|
+
"theme": [1],
|
8615
8631
|
"variant": [1],
|
8616
8632
|
"bannerOffset": [32],
|
8617
8633
|
"footerVisible": [32],
|
@@ -8623,7 +8639,7 @@ class BackToTop {
|
|
8623
8639
|
}; }
|
8624
8640
|
}
|
8625
8641
|
|
8626
|
-
const icBadgeCss = "@media (prefers-reduced-motion: no-preference){/*!@:host(.ic-badge-show)*/.ic-badge-show.sc-ic-badge-h{animation:expand var(--ic-transition-duration-slow)}/*!@:host(.ic-badge-hide)*/.ic-badge-hide.sc-ic-badge-h{animation:shrink var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-badge-h{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}/*!@:host ic-typography*/.sc-ic-badge-h ic-typography.sc-ic-badge{--ic-typography-color:var(--ic-badge-text)}/*!@:host(.ic-badge-neutral)*/.ic-badge-neutral.sc-ic-badge-h{background-color:var(--ic-badge-
|
8642
|
+
const icBadgeCss = "@media (prefers-reduced-motion: no-preference){/*!@:host(.ic-badge-show)*/.ic-badge-show.sc-ic-badge-h{animation:expand var(--ic-transition-duration-slow)}/*!@:host(.ic-badge-hide)*/.ic-badge-hide.sc-ic-badge-h{animation:shrink var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-badge-h{display:flex;height:var(--ic-space-md);min-width:var(--ic-space-md);width:-moz-fit-content;width:fit-content;border-radius:calc(2 * var(--ic-space-xxl));position:absolute}/*!@:host ic-typography*/.sc-ic-badge-h ic-typography.sc-ic-badge{--ic-typography-color:var(--ic-badge-text)}/*!@:host(.ic-badge-neutral)*/.ic-badge-neutral.sc-ic-badge-h{background-color:var(--ic-badge-dark) !important}/*!@:host(.ic-badge-light) ic-typography*/.ic-badge-light.sc-ic-badge-h ic-typography.sc-ic-badge{--ic-typography-color:var(--ic-badge-text-monochrome)}/*!@:host(.ic-badge-light) ::slotted(*)*/.sc-ic-badge-h.ic-badge-light .sc-ic-badge-s>*{fill:var(--ic-badge-icon-monochrome)}/*!@:host(.ic-badge-info)*/.ic-badge-info.sc-ic-badge-h{background-color:var(--ic-badge-info) !important}/*!@:host(.ic-badge-light)*/.ic-badge-light.sc-ic-badge-h{background-color:var(--ic-badge-light) !important}/*!@:host(.ic-badge-warning)*/.ic-badge-warning.sc-ic-badge-h{background-color:var(--ic-badge-warning) !important}/*!@:host(.ic-badge-warning) ic-typography*/.ic-badge-warning.sc-ic-badge-h ic-typography.sc-ic-badge{--ic-typography-color:var(--ic-badge-warning-text)}/*!@:host(.ic-badge-warning) ::slotted(*)*/.sc-ic-badge-h.ic-badge-warning .sc-ic-badge-s>*{fill:var(--ic-badge-warning-icon)}/*!@:host(.ic-badge-error)*/.ic-badge-error.sc-ic-badge-h{background-color:var(--ic-badge-error) !important}/*!@:host(.ic-badge-success)*/.ic-badge-success.sc-ic-badge-h{background-color:var(--ic-badge-success) !important}/*!@:host(.ic-badge-small)*/.ic-badge-small.sc-ic-badge-h{height:var(--ic-space-sm);min-width:var(--ic-space-sm)}/*!@:host(.ic-badge-large)*/.ic-badge-large.sc-ic-badge-h{height:calc(var(--ic-space-md) + var(--ic-space-xxs));min-width:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@:host(.ic-badge-dot.ic-badge-medium)*/.ic-badge-dot.ic-badge-medium.sc-ic-badge-h{height:var(--ic-space-xs);width:var(--ic-space-xs);min-width:var(--ic-space-xs)}/*!@:host(.ic-badge-dot.ic-badge-small)*/.ic-badge-dot.ic-badge-small.sc-ic-badge-h{height:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs));min-width:calc(var(--ic-space-xxs) + var(--ic-space-xxxs))}/*!@:host(.ic-badge-dot.ic-badge-large)*/.ic-badge-dot.ic-badge-large.sc-ic-badge-h{height:var(--ic-space-sm);width:var(--ic-space-sm);min-width:var(--ic-space-sm)}/*!@:host ::slotted(*)*/.sc-ic-badge-h .sc-ic-badge-s>*{fill:var(--ic-badge-icon)}/*!@:host(.ic-badge-foreground-dark) ::slotted(*)*/.sc-ic-badge-h.ic-badge-foreground-dark .sc-ic-badge-s>*{fill:var(--ic-color-text-primary-light)}/*!@:host(.ic-badge-foreground-light) ::slotted(*)*/.sc-ic-badge-h.ic-badge-foreground-light .sc-ic-badge-s>*{fill:white}/*!@:host(.ic-badge-foreground-dark) ic-typography*/.ic-badge-foreground-dark.sc-ic-badge-h ic-typography.sc-ic-badge{--ic-typography-color:var(--ic-color-text-primary-light)}/*!@:host(.ic-badge-foreground-light) ic-typography*/.ic-badge-foreground-light.sc-ic-badge-h ic-typography.sc-ic-badge{--ic-typography-color:var(--ic-color-primary-text-dark)}/*!@:host(.ic-badge-text) ic-typography*/.ic-badge-text.sc-ic-badge-h ic-typography.sc-ic-badge{align-self:center;padding:0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}/*!@:host(.ic-badge-text.ic-badge-small) ic-typography*/.ic-badge-text.ic-badge-small.sc-ic-badge-h ic-typography.sc-ic-badge{padding:0 0.2132rem}/*!@:host(.ic-badge-text.ic-badge-large) ic-typography*/.ic-badge-text.ic-badge-large.sc-ic-badge-h ic-typography.sc-ic-badge{padding:0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px)}/*!@:host(.ic-badge-icon) ::slotted(svg)*/.sc-ic-badge-h.ic-badge-icon .sc-ic-badge-s>svg{width:var(--ic-space-sm);height:var(--ic-space-sm);padding:var(--ic-space-xxxs)}/*!@:host(.ic-badge-icon.ic-badge-small) ::slotted(svg)*/.sc-ic-badge-h.ic-badge-icon.ic-badge-small .sc-ic-badge-s>svg{width:var(--ic-space-xs);height:var(--ic-space-xs)}/*!@:host(.ic-badge-icon.ic-badge-large) ::slotted(svg)*/.sc-ic-badge-h.ic-badge-icon.ic-badge-large .sc-ic-badge-s>svg{width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));height:calc(var(--ic-space-sm) + var(--ic-space-xxxs));padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}/*!@:host(.ic-badge-far)*/.ic-badge-far.sc-ic-badge-h{top:calc(-1 * var(--ic-space-xs));right:calc(-1 * var(--ic-space-xs))}/*!@:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large)*/.ic-badge-far.ic-badge-small.sc-ic-badge-h,.ic-badge-dot.ic-badge-far.ic-badge-large.sc-ic-badge-h{top:calc(-1 * var(--ic-space-xxs));right:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small)*/.ic-badge-dot.ic-badge-far.sc-ic-badge-h,.ic-badge-dot.ic-badge-far.ic-badge-small.sc-ic-badge-h{top:calc(-1 * var(--ic-space-xxxs));right:calc(-1 * var(--ic-space-xxxs))}/*!@:host(.ic-badge-near)*/.ic-badge-near.sc-ic-badge-h{top:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));right:calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)))}/*!@:host(.ic-badge-dot.ic-badge-near)*/.ic-badge-dot.ic-badge-near.sc-ic-badge-h{top:calc(-1 * var(--ic-space-1px));right:calc(-1 * var(--ic-space-1px))}/*!@:host(.ic-badge-inline)*/.ic-badge-inline.sc-ic-badge-h{position:static}/*!@:host(.ic-badge-hide)*/.ic-badge-hide.sc-ic-badge-h{visibility:hidden !important;transition:visibility var(--ic-transition-duration-slow)}/*!@.sr-only*/.sr-only.sc-ic-badge{position:absolute;left:-9999px}@keyframes expand{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes shrink{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
8627
8643
|
|
8628
8644
|
/**
|
8629
8645
|
* @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.
|
@@ -8637,7 +8653,7 @@ class Badge {
|
|
8637
8653
|
if (colorRGBA) {
|
8638
8654
|
const { r, g, b, a } = colorRGBA;
|
8639
8655
|
this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;
|
8640
|
-
this.foregroundColour =
|
8656
|
+
this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);
|
8641
8657
|
}
|
8642
8658
|
};
|
8643
8659
|
this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber
|
@@ -8751,7 +8767,7 @@ var backIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/20
|
|
8751
8767
|
</svg>
|
8752
8768
|
`;
|
8753
8769
|
|
8754
|
-
const icBreadcrumbCss = "/*!@:host*/.sc-ic-breadcrumb-h{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}/*!@:host .breadcrumb*/.sc-ic-breadcrumb-h .breadcrumb.sc-ic-breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}/*!@:host .chevron*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host .chevron svg*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb svg.sc-ic-breadcrumb
|
8770
|
+
const icBreadcrumbCss = "/*!@:host*/.sc-ic-breadcrumb-h{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}/*!@:host .breadcrumb*/.sc-ic-breadcrumb-h .breadcrumb.sc-ic-breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}/*!@:host .chevron*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host .chevron svg,\n:host(.ic-breadcrumb-monochrome) .chevron svg*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb svg.sc-ic-breadcrumb,.ic-breadcrumb-monochrome.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-breadcrumb-icon-chevron)}/*!@:host(:first-child) .chevron*/.sc-ic-breadcrumb-h:first-child .chevron.sc-ic-breadcrumb{display:none}/*!@.back-icon svg*/.back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-breadcrumb-icon)}/*!@:host(.ic-breadcrumb-monochrome) .back-icon svg*/.ic-breadcrumb-monochrome.sc-ic-breadcrumb-h .back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-breadcrumb-icon-monochrome)}/*!@:host(.ic-breadcrumb-back)*/.ic-breadcrumb-back.sc-ic-breadcrumb-h{display:flex;align-items:center}/*!@:host(.ic-breadcrumb-back) .chevron*/.ic-breadcrumb-back.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{display:none}/*!@ic-link*/ic-link.sc-ic-breadcrumb{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}/*!@:host([aria-current=\"page\"]) .current-page-container*/[aria-current=\"page\"].sc-ic-breadcrumb-h .current-page-container.sc-ic-breadcrumb{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}/*!@:host([aria-current=\"page\"].ic-breadcrumb-monochrome) .current-page-container*/[aria-current=\"page\"].ic-breadcrumb-monochrome.sc-ic-breadcrumb-h .current-page-container.sc-ic-breadcrumb{color:var(--ic-breadcrumb-text-monochrome)}/*!@:host(.collapsed-breadcrumb-wrapper)*/.collapsed-breadcrumb-wrapper.sc-ic-breadcrumb-h{margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb{border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:hover,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper.sc-ic-breadcrumb-s>.collapsed-breadcrumb:focus,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:focus{outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}/*!@.hide,\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide)*/.hide.sc-ic-breadcrumb,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper.sc-ic-breadcrumb-s>.hide,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.hide{display:none}@media (forced-colors: active){/*!@.back-icon svg*/.back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:currentcolor}}@supports (text-underline-offset: 25%){/*!@ic-link*/ic-link.sc-ic-breadcrumb{--breadcrumb-link-display:flex}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:hover,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper.sc-ic-breadcrumb-s>.collapsed-breadcrumb:focus,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}";
|
8755
8771
|
|
8756
8772
|
/**
|
8757
8773
|
* @slot icon - Content will be rendered to the left of the breadcrumb page title.
|
@@ -8855,7 +8871,10 @@ class BreadcrumbGroup {
|
|
8855
8871
|
};
|
8856
8872
|
this.setBackBreadcrumb = () => {
|
8857
8873
|
if (this.backBreadcrumbOnly) {
|
8858
|
-
this.
|
8874
|
+
this.setLastParentCollapsedBackBreadcrumb();
|
8875
|
+
}
|
8876
|
+
else {
|
8877
|
+
this.revertLastParentCollapsedBreadcrumb();
|
8859
8878
|
}
|
8860
8879
|
};
|
8861
8880
|
this.setBackBreadcrumbAttr = () => {
|
@@ -8869,8 +8888,8 @@ class BreadcrumbGroup {
|
|
8869
8888
|
if (allBreadcrumbs.length === 1) {
|
8870
8889
|
return null;
|
8871
8890
|
}
|
8872
|
-
this.breadcrumbs = allBreadcrumbs
|
8873
|
-
this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length -
|
8891
|
+
this.breadcrumbs = allBreadcrumbs;
|
8892
|
+
this.breadcrumb = this.breadcrumbs[this.breadcrumbs.length - 2];
|
8874
8893
|
return this.breadcrumb;
|
8875
8894
|
};
|
8876
8895
|
this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
|
@@ -8881,20 +8900,32 @@ class BreadcrumbGroup {
|
|
8881
8900
|
});
|
8882
8901
|
};
|
8883
8902
|
this.setCollapsed = () => {
|
8903
|
+
const allBreadcrumbs = Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));
|
8904
|
+
const firstBreadcrumb = allBreadcrumbs[0];
|
8905
|
+
if (this.collapsedBreadcrumbs) {
|
8906
|
+
this.collapsedBreadcrumbs.forEach((breadcrumb) => {
|
8907
|
+
breadcrumb.classList.remove("visuallyhidden");
|
8908
|
+
breadcrumb.classList.remove("fade");
|
8909
|
+
});
|
8910
|
+
}
|
8884
8911
|
if (this.collapsed) {
|
8885
|
-
|
8912
|
+
this.renderCollapsedBreadcrumb();
|
8886
8913
|
this.collapsedBreadcrumbs = allBreadcrumbs
|
8887
8914
|
.splice(1, allBreadcrumbs.length - 2)
|
8888
8915
|
.filter((breadcrumb) => !breadcrumb.classList.contains("collapsed-breadcrumb-wrapper"));
|
8889
|
-
this.
|
8890
|
-
|
8916
|
+
if (!this.backBreadcrumbOnly) {
|
8917
|
+
this.collapsedBreadcrumbs.forEach((breadcrumb) => breadcrumb.classList.add("hide"));
|
8918
|
+
}
|
8891
8919
|
if (firstBreadcrumb) {
|
8892
8920
|
firstBreadcrumb.insertAdjacentElement("afterend", this.collapsedBreadcrumbWrapper);
|
8893
8921
|
}
|
8894
8922
|
}
|
8923
|
+
else {
|
8924
|
+
this.collapsedBreadcrumbWrapper.remove();
|
8925
|
+
}
|
8895
8926
|
};
|
8896
8927
|
this.clickHandler = () => {
|
8897
|
-
this.handleHiddenCollapsedBreadcrumbs(
|
8928
|
+
this.handleHiddenCollapsedBreadcrumbs();
|
8898
8929
|
};
|
8899
8930
|
this.renderCollapsedBreadcrumb = () => {
|
8900
8931
|
this.collapsedBreadcrumbWrapper = document.createElement("ic-breadcrumb");
|
@@ -8919,8 +8950,8 @@ class BreadcrumbGroup {
|
|
8919
8950
|
this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl);
|
8920
8951
|
return this.collapsedBreadcrumbWrapper;
|
8921
8952
|
};
|
8922
|
-
this.handleHiddenCollapsedBreadcrumbs = (
|
8923
|
-
collapsedBreadcrumbWrapper.remove();
|
8953
|
+
this.handleHiddenCollapsedBreadcrumbs = () => {
|
8954
|
+
this.collapsedBreadcrumbWrapper.remove();
|
8924
8955
|
this.collapsedBreadcrumbs.forEach((breadcrumb) => {
|
8925
8956
|
breadcrumb.classList.add("visuallyhidden");
|
8926
8957
|
breadcrumb.classList.remove("hide");
|
@@ -8942,11 +8973,18 @@ class BreadcrumbGroup {
|
|
8942
8973
|
breadcrumb.addEventListener("transitionend", this.transitionendHandler);
|
8943
8974
|
};
|
8944
8975
|
this.setLastParentCollapsedBackBreadcrumb = () => {
|
8976
|
+
this.lastParentBreadcrumb = this.getLastParentBreadcrumb();
|
8945
8977
|
this.setBackBreadcrumbAttr();
|
8946
|
-
this.lastParentBreadcrumb
|
8978
|
+
if (this.lastParentBreadcrumb) {
|
8979
|
+
this.lastParentBreadcrumb.classList.remove("hide");
|
8980
|
+
this.lastParentBreadcrumb.classList.add("show");
|
8981
|
+
}
|
8947
8982
|
};
|
8948
8983
|
this.revertLastParentCollapsedBreadcrumb = () => {
|
8949
8984
|
this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON, "false");
|
8985
|
+
if (this.collapsed) {
|
8986
|
+
this.lastParentBreadcrumb.classList.add("hide");
|
8987
|
+
}
|
8950
8988
|
};
|
8951
8989
|
this.resizeObserverCallback = (currSize) => {
|
8952
8990
|
if (currSize !== this.deviceSize) {
|
@@ -8994,6 +9032,9 @@ class BreadcrumbGroup {
|
|
8994
9032
|
watchBackBreadcrumbHandler() {
|
8995
9033
|
this.setBackBreadcrumb();
|
8996
9034
|
}
|
9035
|
+
watchCollapsedHandler() {
|
9036
|
+
this.setCollapsed();
|
9037
|
+
}
|
8997
9038
|
watchMonochromeHandler() {
|
8998
9039
|
this.setBreadcrumbMonochrome();
|
8999
9040
|
}
|
@@ -9010,15 +9051,12 @@ class BreadcrumbGroup {
|
|
9010
9051
|
else {
|
9011
9052
|
checkResizeObserver(this.runResizeObserver);
|
9012
9053
|
}
|
9013
|
-
if (this.collapsed) {
|
9014
|
-
|
9015
|
-
|
9016
|
-
|
9017
|
-
|
9018
|
-
|
9019
|
-
else {
|
9020
|
-
this.setCollapsed();
|
9021
|
-
}
|
9054
|
+
if (this.collapsed && allBreadcrumbs.length > 2) {
|
9055
|
+
if (getCurrentDeviceSize() === DEVICE_SIZES.S) {
|
9056
|
+
this.setLastParentCollapsedBackBreadcrumb();
|
9057
|
+
}
|
9058
|
+
else {
|
9059
|
+
this.setCollapsed();
|
9022
9060
|
}
|
9023
9061
|
}
|
9024
9062
|
}
|
@@ -9038,6 +9076,7 @@ class BreadcrumbGroup {
|
|
9038
9076
|
get el() { return getElement(this); }
|
9039
9077
|
static get watchers() { return {
|
9040
9078
|
"backBreadcrumbOnly": ["watchBackBreadcrumbHandler"],
|
9079
|
+
"collapsed": ["watchCollapsedHandler"],
|
9041
9080
|
"monochrome": ["watchMonochromeHandler"],
|
9042
9081
|
"theme": ["watchThemeHandler"]
|
9043
9082
|
}; }
|
@@ -9063,7 +9102,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
9063
9102
|
<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
|
9064
9103
|
</svg>`;
|
9065
9104
|
|
9066
|
-
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-pressed);--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::slotted(a:focus)*/.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(.ic-button-dark) .button,\n:host(.ic-button-dark) ::slotted(a)*/.ic-button-dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-dark.sc-ic-button-s>a,.sc-ic-button-h.ic-button-dark .sc-ic-button-s>a{--button-default:var(--ic-color-border-neutral-black);--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-pressed);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-pressed)}/*!@:host(.ic-button-light) .button,\n:host(.ic-button-light) ::slotted(a)*/.ic-button-light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-light.sc-ic-button-s>a,.sc-ic-button-h.ic-button-light .sc-ic-button-s>a{--button-default:var(--ic-color-border-neutral-white);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-pressed);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-pressed)}/*!@: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.ic-button-dark) .button,\n:host(.white-background.ic-button-dark) ::slotted(a)*/.white-background.ic-button-dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.white-background.ic-button-dark.sc-ic-button-s>a,.sc-ic-button-h.white-background.ic-button-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(.ic-button-variant-primary.ic-button-light) .button,\n:host(.ic-button-variant-primary.ic-button-light) ::slotted(a)*/.ic-button-variant-primary.ic-button-light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-primary.ic-button-light.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary.ic-button-light .sc-ic-button-s>a{color:var(--ic-color-text-primary-light);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-pressed)}/*!@:host(.ic-button-variant-primary.ic-button-dark) .button,\n:host(.ic-button-variant-primary.ic-button-dark) ::slotted(a)*/.ic-button-variant-primary.ic-button-dark.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-primary.ic-button-dark.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary.ic-button-dark .sc-ic-button-s>a{color:var(--ic-color-text-primary-dark);--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-pressed)}/*!@:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button*/.ic-button-disabled.sc-ic-button-h,.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-disabled .sc-ic-button-s>a,.ic-button-loading.sc-ic-button-h,.ic-button-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(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-primary) ::slotted(a)*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a{color:var(--ic-color-white-text);background-color:var(--button-default)}/*!@:host(.ic-button-variant-primary) .button:hover*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--button-default-hover)}/*!@:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active*/.ic-button-variant-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--button-default-active)}/*!@:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a)*/.ic-button-variant-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) .button,\n:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled)\n ::slotted(a)*/.ic-button-variant-primary.ic-button-light.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-primary.ic-button-light.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-secondary) ::slotted(a)*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}/*!@:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-secondary) ::slotted(a:hover)*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-secondary) ::slotted(a:active)*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-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(.ic-button-variant-secondary.ic-button-loading) .button*/.ic-button-variant-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a)*/.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) .button,\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a)*/.ic-button-variant-secondary.ic-button-light.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}/*!@:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a{color:var(--button-default)}/*!@:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-tertiary) ::slotted(a:hover)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-tertiary.ic-button-loading) .button*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.ic-button-variant-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a)*/.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) .button,\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n ::slotted(a)*/.ic-button-variant-tertiary.ic-button-light.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-light.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-500)}/*!@:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-destructive) ::slotted(a)*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a{color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.ic-button-variant-destructive) .button:hover*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-action-destructive-hover)}/*!@:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-pressed)}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a)*/.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-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(.ic-button-variant-icon) .icon-container*/.ic-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(.ic-button-variant-icon) .button:hover,\n:host(.ic-button-variant-icon) ::slotted(a:hover)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.ic-button-variant-icon.ic-button-loading) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus),.ic-button-variant-icon.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.ic-button-variant-icon.ic-button-disabled) .button,\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a)*/.ic-button-variant-icon.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-color-white-text);background-color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-primary) .icon-container*/.ic-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(.ic-button-variant-icon-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:hover{background-color:var(--button-default-hover)}/*!@:host(.ic-button-variant-icon-primary) .button:active,\n:host(.ic-button-variant-icon-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:active,.ic-button-variant-icon-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background:var(--button-default-active)}/*!@:host(.ic-button-variant-icon-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a)*/.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:var(--ic-architectural-200)}/*!@:host(.ic-button-variant-icon-primary.ic-button-light) .button,\n:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a)*/.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light .sc-ic-button-s>a{color:var(--ic-color-text-primary-light)}/*!@:host(.ic-button-variant-icon-primary.ic-button-light) .button:hover,\n:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:hover)*/.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light .sc-ic-button-s>a:hover{background:var(--ic-action-light-hover)}/*!@:host(.ic-button-variant-icon-primary.ic-button-light) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading)\n .button,\n:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading)\n ::slotted(a)*/.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light .sc-ic-button-s>a:active,.ic-button-variant-icon-primary.ic-button-light.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-light.ic-button-loading .sc-ic-button-s>a{background:var(--ic-action-light-pressed)}/*!@:host(.ic-button-variant-icon-primary.ic-button-dark) .button:hover,\n:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:hover)*/.ic-button-variant-icon-primary.ic-button-dark.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-dark.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-dark .sc-ic-button-s>a:hover{background:var(--ic-action-dark-hover)}/*!@:host(.ic-button-variant-icon-primary.ic-button-dark) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading)\n ::slotted(a)*/.ic-button-variant-icon-primary.ic-button-dark.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-dark.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-dark .sc-ic-button-s>a:active,.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading .sc-ic-button-s>a{background:var(--ic-action-dark-pressed)}/*!@:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-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(.ic-button-variant-icon-secondary) .icon-container*/.ic-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(.ic-button-variant-icon-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.ic-button-variant-icon-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:active,.ic-button-variant-icon-secondary.ic-button-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(.ic-button-variant-icon-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:hover,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:active,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled)\n ::slotted(a:active)*/.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n .button,\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n .button:hover,\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n .button:active,\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a:active)*/.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}/*!@:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-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(.ic-button-variant-icon-tertiary) .icon-container*/.ic-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(.ic-button-variant-icon-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:active,.ic-button-variant-icon-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:hover,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:active)*/.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a:active{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-destructive) .icon-container*/.ic-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(.ic-button-variant-icon-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-action-destructive-hover)}/*!@:host(.ic-button-variant-icon-destructive) .button:active,\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:active,.ic-button-variant-icon-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-pressed)}/*!@:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:hover,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:active,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled)\n ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled)\n ::slotted(a:active)*/.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button:active,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a:active{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.ic-button-size-medium) .button*/.ic-button-size-medium.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.ic-button-size-small) .button*/.ic-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(.ic-button-size-large) .button*/.ic-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(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-small.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-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(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-large.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button,\n:host(.ic-button-full-width) ::slotted(a)*/.ic-button-full-width.sc-ic-button-h,.ic-button-full-width.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-full-width.sc-ic-button-s>a,.sc-ic-button-h.ic-button-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}/*!@ic-loading-indicator.ic-theme-dark.ic-loading-indicator-monochrome*/ic-loading-indicator.ic-theme-dark.ic-loading-indicator-monochrome.sc-ic-button{--inner-color:var(--ic-action-light)}@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(.ic-button-full-width) .right-icon*/.ic-button-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(.ic-button-variant-icon) .button .icon-container*/.ic-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(.ic-button-variant-primary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a{background-color:var(--button-default) !important}/*!@:host(.ic-button-variant-primary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:hover{background-color:var(--button-default-hover) !important}/*!@:host(.ic-button-variant-primary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:active{background-color:var(--button-default-active) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-architectural-200) !important}/*!@:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-light.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-architectural-600) !important}/*!@:host(.ic-button-variant-secondary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--button-default) !important}/*!@:host(.ic-button-variant-secondary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}/*!@:host(.ic-button-variant-secondary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-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(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:active),\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-300) !important;background:none !important}/*!@:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a),\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a:hover),\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n ::slotted(a:active),\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n ::slotted(a),\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n ::slotted(a:hover),\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-secondary.ic-button-light.ic-button-disabled .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-light.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-light.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-tertiary.ic-button-light.ic-button-disabled .sc-ic-button-s>a:active{border-color:var(--ic-architectural-500) !important}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon .sc-ic-button-s>a:hover{background-color:var(--button-default-background-hover) !important}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.ic-button-variant-tertiary) ::slotted(a:active:focus),\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a:active:focus,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active:focus,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a:active:not(:focus),.sc-ic-button-h.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus){background-color:var(--button-default-background-active) !important}/*!@:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a:active{background:none !important}/*!@:host(.ic-button-variant-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a{background-color:var(--ic-action-destructive) !important}/*!@:host(.ic-button-variant-destructive) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-action-destructive-hover) !important}/*!@:host(.ic-button-variant-destructive) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:active{background-color:var(--ic-action-destructive-pressed) !important}/*!@:host(.ic-button-size-medium) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-small) ::slotted(a)*/.sc-ic-button-h.ic-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(.ic-button-size-large) ::slotted(a)*/.sc-ic-button-h.ic-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(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}/*!@:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon .sc-ic-button-s>a{padding:var(--ic-space-xxs) !important}/*!@:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-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)}";
|
9105
|
+
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;--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::slotted(a:focus)*/.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(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button*/.ic-button-disabled.sc-ic-button-h,.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-disabled .sc-ic-button-s>a,.ic-button-loading.sc-ic-button-h,.ic-button-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(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}/*!@:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}/*!@:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover*/.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover)}/*!@:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:hover{background-color:var(--ic-button-primary-background-hover) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active*/.ic-button-variant-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}/*!@:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a:active{background-color:var(--ic-button-primary-background-pressed) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button*/.ic-button-variant-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}/*!@:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled .sc-ic-button-s>a{background:var(--ic-button-primary-background-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a{background-color:var(--ic-button-primary-background-monochrome) !important}/*!@:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover*/.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-primary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active*/.ic-button-variant-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-primary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}/*!@:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-primary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-primary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-primary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button*/.ic-button-variant-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-primary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-primary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary.ic-button-disabled.monochrome .sc-ic-button-s>a{background-color:var(\n --ic-button-primary-background-disabled-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}/*!@:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important}/*!@:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-hover-active\n ) !important}/*!@:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active*/.ic-button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}/*!@:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-pressed-active\n ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button*/.ic-button-variant-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n --loading-button-background,\n var(--ic-button-secondary-background-pressed-active)\n ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-text-pressed-active);--button-loading-outer-color:var(--ic-button-secondary-background-pressed)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button*/.ic-button-variant-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}/*!@:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-secondary-background-non-transparent)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent\n ) !important}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button*/.ic-button-variant-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n )}/*!@:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-disabled\n ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-hover\n ) !important}/*!@:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active*/.ic-button-variant-secondary.background.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n )}/*!@:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-non-transparent-active\n ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:none;border:var(--ic-border-width) solid\n var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a{background-color:none !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active*/.ic-button-variant-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}/*!@:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button*/.ic-button-variant-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-pressed-monochrome\n ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-secondary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-secondary-background-pressed-monochrome\n )}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button*/.ic-button-variant-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n );color:var(--ic-button-primary-text)}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n .button,\n:host(\n .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n )\n .button*/.ic-button-variant-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n );color:var(--ic-button-secondary-text-disabled-monochrome)}/*!@:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n ::slotted(a),\n:host(\n .ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled\n )\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled .sc-ic-button-s>a{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-disabled\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-hover\n ) !important}/*!@:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active*/.ic-button-variant-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-h .button.sc-ic-button:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n )}/*!@:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-secondary.background.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary.background.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-secondary-background-non-transparent-monochrome-active\n ) !important}/*!@:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-active)}/*!@:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-tertiary-background-hover-active\n ) !important}/*!@:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button*/.ic-button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}/*!@:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a:active{background-color:var(\n --ic-button-tertiary-background-pressed-active\n ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button*/.ic-button-variant-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a)*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a{color:var(--ic-button-tertiary-text-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:hover{background-color:var(\n --ic-button-tertiary-background-hover-monochrome\n ) !important}/*!@:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button*/.ic-button-variant-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-icon-tertiary.ic-button-loading.monochrome.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n --ic-button-tertiary-text-pressed-monochrome\n );--button-loading-outer-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n )}/*!@:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-tertiary.monochrome .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-tertiary.monochrome .sc-ic-button-s>a:active{background-color:var(\n --ic-button-tertiary-background-pressed-monochrome\n ) !important}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button*/.ic-button-variant-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}/*!@:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n ::slotted(a)*/.sc-ic-button-h.ic-button-variant-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome .sc-ic-button-s>a{background:none !important}/*!@:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}/*!@:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}/*!@:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover,.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button:hover{background-color:var(--ic-button-destructive-background-hover)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:hover,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:hover{background-color:var(--ic-button-destructive-background-hover) !important}/*!@:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button*/.ic-button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active,.ic-button-variant-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}/*!@:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active)*/.sc-ic-button-h.ic-button-variant-destructive .sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a:active,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a:active{background-color:var(--ic-button-destructive-background-pressed) !important}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button*/.ic-button-variant-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button,.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}/*!@:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-destructive.ic-button-disabled .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive.ic-button-disabled .sc-ic-button-s>a{background-color:var(--ic-button-destructive-background-disabled) !important}/*!@:host(.ic-button-variant-icon) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-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(.ic-button-variant-icon) .button:hover*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}/*!@:host(.ic-button-variant-icon) ::slotted(a:hover)*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}/*!@:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.ic-button-variant-icon.ic-button-loading.sc-ic-button-h .button.sc-ic-button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti)}/*!@:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus))*/.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a:active:not(:focus){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-acti) !important}/*!@:host(.ic-button-variant-icon.ic-button-disabled) .button*/.ic-button-variant-icon.ic-button-disabled.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-300);background:none}/*!@:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a)*/.sc-ic-button-h.ic-button-variant-icon.ic-button-disabled .sc-ic-button-s>a{color:var(--ic-architectural-300);background:none !important}/*!@:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a)*/.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-primary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-primary) .icon-container*/.ic-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(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:var(--ic-button-icon-monochrome)}/*!@:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a)*/.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-secondary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-secondary) .icon-container*/.ic-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(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a)*/.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-tertiary .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-tertiary) .icon-container*/.ic-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(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a)*/.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon-destructive .sc-ic-button-s>a{min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon-destructive) .icon-container*/.ic-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(.ic-button-size-medium) .button*/.ic-button-size-medium.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.ic-button-size-medium) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}/*!@:host(.ic-button-size-small) .button*/.ic-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(.ic-button-size-small) ::slotted(a)*/.sc-ic-button-h.ic-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(.ic-button-size-large) .button*/.ic-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(.ic-button-size-large) ::slotted(a)*/.sc-ic-button-h.ic-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(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button*/.ic-button-size-medium.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a)*/.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-medium.ic-button-variant-icon-destructive .sc-ic-button-s>a{height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}/*!@:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button*/.ic-button-size-small.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a)*/.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-small.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}/*!@:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button*/.ic-button-size-large.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-h .button.sc-ic-button,.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a)*/.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-primary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-secondary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-tertiary .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive.sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon-destructive .sc-ic-button-s>a,.sc-ic-button-h.ic-button-size-large.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button*/.ic-button-full-width.sc-ic-button-h,.ic-button-full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@:host(.ic-button-full-width) ::slotted(a)*/.sc-ic-button-h.ic-button-full-width .sc-ic-button-s>a{width:100% !important}/*!@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{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/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(.ic-button-full-width) .right-icon*/.ic-button-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(.ic-button-variant-icon) .button .icon-container*/.ic-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,.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}/*!@: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;color:var(--ic-atoms-input-search-button)}/*!@: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) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.search-submit-button .button:not(:active):focus .sc-ic-button-s>svg{color:var(--ic-button-primary-text)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a)*/.ic-button-variant-icon.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a{background-color:inherit;min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}/*!@:host(.ic-button-variant-icon) .icon-container*/.ic-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,\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,\n:host(.button-variant-icon) ::slotted(a:hover)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover,.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,.sc-ic-button-h.button-variant-icon .sc-ic-button-s>a:hover{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) ::slotted(a)*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.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{color:var(--ic-architectural-300);background:none}/*!@: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(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button,.clear-button.sc-ic-button-h .button.sc-ic-button,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a{background-color:inherit;color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover)*/.dismiss-icon.sc-ic-button-h .button.sc-ic-button:hover,.clear-button.sc-ic-button-h .button.sc-ic-button:hover,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a,.sc-ic-button-h.dismiss-icon.sc-ic-button-s>a:hover,.sc-ic-button-h.dismiss-icon .sc-ic-button-s>a:hover,.sc-ic-button-h.clear-button.sc-ic-button-s>a,.sc-ic-button-h.clear-button.sc-ic-button-s>a:hover,.clear-button .sc-ic-button-s>a:hover{color:var(--ic-atoms-input-clear-button)}/*!@:host(.dismiss-icon),\n:host(.clear-button)*/.dismiss-icon.sc-ic-button-h,.clear-button.sc-ic-button-h{color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}/*!@:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus*/.dismiss-icon.sc-ic-button-h .button.sc-ic-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(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text)}/*!@: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;color:var(--ic-top-navigation-icon-active)}/*!@: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(#menu-button.ic-theme-light)*/#menu-button.ic-theme-light.sc-ic-button-h{--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-dark-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-dark-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-dark-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-dark-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-dark\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-pressed-dark\n )}/*!@:host(#menu-button.ic-theme-dark)*/#menu-button.ic-theme-dark.sc-ic-button-h{--ic-button-secondary-background-hover-monochrome:var(\n --ic-action-light-bg-hover\n );--ic-button-secondary-background-pressed-monochrome:var(\n --ic-action-light-bg-pressed\n );--ic-button-secondary-text-hover-monochrome:var(--ic-action-light-hover);--ic-button-secondary-text-pressed-monochrome:var(--ic-action-light-pressed);--ic-button-secondary-border-hover-monochrome:var(\n --ic-color-border-neutral-hover-light\n );--ic-button-secondary-border-pressed-monochrome:var(\n --ic-color-border-neutral-default\n )}@media (forced-colors: active){/*!@.button,\n ::slotted(a)*/.button.sc-ic-button,.sc-ic-button-s>a{border:0.125rem solid transparent !important}/*!@.search-submit-button ::slotted(a),\n .ic-button-variant-icon ::slotted(a),\n .clear-button ::slotted(a),\n .search-submit-button ::slotted(svg),\n .ic-button-variant-icon ::slotted(svg),\n .clear-button ::slotted(svg)*/.search-submit-button .sc-ic-button-s>a,.ic-button-variant-icon.sc-ic-button-s>a,.ic-button-variant-icon .sc-ic-button-s>a,.clear-button.sc-ic-button-s>a,.clear-button .sc-ic-button-s>a,.search-submit-button.sc-ic-button-s>svg,.search-submit-button .sc-ic-button-s>svg,.ic-button-variant-icon.sc-ic-button-s>svg,.ic-button-variant-icon .sc-ic-button-s>svg,.clear-button.sc-ic-button-s>svg,.clear-button .sc-ic-button-s>svg{color:HighlightText}/*!@:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n :host(.ic-button-variant-icon.monochrome) ::slotted(svg)*/.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>a,.sc-ic-button-h.ic-button-variant-icon.monochrome.sc-ic-button-s>svg,.sc-ic-button-h.ic-button-variant-icon.monochrome .sc-ic-button-s>svg{color:white}/*!@:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n :host(.clear-button) .button:not(:active):focus ::slotted(svg)*/.sc-ic-button-h.dismiss-icon .button:not(:active):focus .sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus.sc-ic-button-s>svg,.sc-ic-button-h.clear-button .button:not(:active):focus .sc-ic-button-s>svg{color:white !important;background-color:inherit}}/*!@:host(.flip) ::slotted(svg)*/.sc-ic-button-h.flip .sc-ic-button-s>svg{transform:scaleX(-1)}";
|
9067
9106
|
|
9068
9107
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
9069
9108
|
var t = {};
|
@@ -9149,7 +9188,6 @@ class Button {
|
|
9149
9188
|
this.describedByContent = null;
|
9150
9189
|
this.title = null;
|
9151
9190
|
this.accept = "*";
|
9152
|
-
this.appearance = "default";
|
9153
9191
|
this.ariaControlsId = undefined;
|
9154
9192
|
this.ariaOwnsId = undefined;
|
9155
9193
|
this.disabled = false;
|
@@ -9169,12 +9207,14 @@ class Button {
|
|
9169
9207
|
this.href = undefined;
|
9170
9208
|
this.hreflang = undefined;
|
9171
9209
|
this.loading = false;
|
9210
|
+
this.monochrome = false;
|
9172
9211
|
this.multiple = false;
|
9173
9212
|
this.referrerpolicy = undefined;
|
9174
9213
|
this.rel = undefined;
|
9175
9214
|
this.selectedFiles = undefined;
|
9176
9215
|
this.size = "medium";
|
9177
9216
|
this.target = undefined;
|
9217
|
+
this.theme = "inherit";
|
9178
9218
|
this.tooltipPlacement = "bottom";
|
9179
9219
|
this.transparentBackground = true;
|
9180
9220
|
this.type = "button";
|
@@ -9257,7 +9297,7 @@ class Button {
|
|
9257
9297
|
}
|
9258
9298
|
}
|
9259
9299
|
}
|
9260
|
-
|
9300
|
+
brandChangeHandler({ detail }) {
|
9261
9301
|
this.updateTheme(detail.mode);
|
9262
9302
|
}
|
9263
9303
|
/**
|
@@ -9286,10 +9326,14 @@ class Button {
|
|
9286
9326
|
}
|
9287
9327
|
return !!this.routerSlot;
|
9288
9328
|
}
|
9289
|
-
updateTheme(
|
9290
|
-
const foregroundColor =
|
9291
|
-
if (foregroundColor !==
|
9292
|
-
this.
|
9329
|
+
updateTheme(mode = null) {
|
9330
|
+
const foregroundColor = getBrandFromContext(this.el, mode);
|
9331
|
+
if (foregroundColor !== IcBrandForegroundEnum.Default) {
|
9332
|
+
this.theme =
|
9333
|
+
foregroundColor === IcBrandForegroundEnum.Light
|
9334
|
+
? IcBrandForegroundEnum.Dark
|
9335
|
+
: IcBrandForegroundEnum.Light;
|
9336
|
+
this.monochrome = true;
|
9293
9337
|
}
|
9294
9338
|
}
|
9295
9339
|
render() {
|
@@ -9330,14 +9374,10 @@ class Button {
|
|
9330
9374
|
describedby = this.describedById;
|
9331
9375
|
}
|
9332
9376
|
const ButtonContent = () => {
|
9333
|
-
const darkAppearance = this.variant.includes("primary") ||
|
9334
|
-
this.variant.includes("destructive") ||
|
9335
|
-
this.appearance === IcThemeForegroundEnum.Dark ||
|
9336
|
-
this.appearance === IcThemeForegroundEnum.Light;
|
9337
9377
|
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("left") && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), this.hasIconSlot("top") &&
|
9338
9378
|
!this.hasIconSlot("left") &&
|
9339
9379
|
!this.hasIconSlot("right") &&
|
9340
|
-
!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", monochrome:
|
9380
|
+
!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", monochrome: this.monochrome, theme: this.theme }))) : (hAsync("slot", null)), this.hasIconSlot("right") && !this.loading && !this.dropdown && (hAsync("div", { class: { "icon-container": true, "right-icon": true } }, hAsync("slot", { name: "right-icon" }))), this.dropdown &&
|
9341
9381
|
!this.loading &&
|
9342
9382
|
this.variant !== "icon" &&
|
9343
9383
|
this.variant !== "destructive" && (hAsync("span", { class: {
|
@@ -9346,21 +9386,21 @@ class Button {
|
|
9346
9386
|
}, innerHTML: arrowDropdown }))));
|
9347
9387
|
};
|
9348
9388
|
return (hAsync(Host, { class: {
|
9389
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
9390
|
+
[`monochrome`]: this.monochrome,
|
9349
9391
|
["ic-button-disabled"]: this.disabled && !this.loading,
|
9350
9392
|
[`ic-button-variant-${this.variant}`]: true,
|
9351
9393
|
[`ic-button-size-${this.size}`]: true,
|
9352
9394
|
["ic-button-loading"]: this.loading,
|
9353
|
-
["ic-button-dark"]: this.appearance === IcThemeForegroundEnum.Dark,
|
9354
|
-
["ic-button-light"]: this.appearance === IcThemeForegroundEnum.Light,
|
9355
9395
|
["ic-button-full-width"]: this.fullWidth,
|
9356
9396
|
["with-badge"]: isSlotUsed(this.el, "badge"),
|
9357
9397
|
["dropdown-no-icon"]: this.dropdown &&
|
9358
9398
|
!isSlotUsed(this.el, "icon") &&
|
9359
9399
|
!isSlotUsed(this.el, "left-icon"),
|
9360
9400
|
["top-icon"]: isSlotUsed(this.el, "top-icon"),
|
9361
|
-
["
|
9401
|
+
["background"]: this.variant === "secondary" &&
|
9362
9402
|
!this.transparentBackground &&
|
9363
|
-
this.
|
9403
|
+
this.theme === "light",
|
9364
9404
|
}, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "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.isIconVariant() && !!ariaLabel }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null)))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }), !this.hasTooltip &&
|
9365
9405
|
(this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync(ButtonContent, null))), this.describedByContent && (hAsync("span", { id: describedby, class: "ic-button-describedby" }, this.describedByContent))));
|
9366
9406
|
}
|
@@ -9375,7 +9415,6 @@ class Button {
|
|
9375
9415
|
"$tagName$": "ic-button",
|
9376
9416
|
"$members$": {
|
9377
9417
|
"accept": [1],
|
9378
|
-
"appearance": [1025],
|
9379
9418
|
"ariaControlsId": [8, "aria-controls-id"],
|
9380
9419
|
"ariaOwnsId": [8, "aria-owns-id"],
|
9381
9420
|
"disabled": [4],
|
@@ -9395,12 +9434,14 @@ class Button {
|
|
9395
9434
|
"href": [1],
|
9396
9435
|
"hreflang": [1],
|
9397
9436
|
"loading": [4],
|
9437
|
+
"monochrome": [1028],
|
9398
9438
|
"multiple": [4],
|
9399
9439
|
"referrerpolicy": [1],
|
9400
9440
|
"rel": [1],
|
9401
9441
|
"selectedFiles": [16],
|
9402
9442
|
"size": [1],
|
9403
9443
|
"target": [1],
|
9444
|
+
"theme": [1025],
|
9404
9445
|
"tooltipPlacement": [1, "tooltip-placement"],
|
9405
9446
|
"transparentBackground": [4, "transparent-background"],
|
9406
9447
|
"type": [1],
|
@@ -9410,13 +9451,13 @@ class Button {
|
|
9410
9451
|
"title": [32],
|
9411
9452
|
"setFocus": [64]
|
9412
9453
|
},
|
9413
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
9454
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
|
9414
9455
|
"$lazyBundleId$": "-",
|
9415
9456
|
"$attrsToReflect$": [["dropdownExpanded", "dropdown-expanded"]]
|
9416
9457
|
}; }
|
9417
9458
|
}
|
9418
9459
|
|
9419
|
-
const icCardVerticalCss = "/*!@html*/html.sc-ic-card-vertical {\n line-height: 1.15; \n -webkit-text-size-adjust: 100%; \n}\n\n\n\n\n\n/*!@body*/body.sc-ic-card-vertical {\n margin: 0;\n}\n\n\n\n/*!@main*/main.sc-ic-card-vertical {\n display: block;\n}\n\n\n\n/*!@h1*/h1.sc-ic-card-vertical {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n\n\n\n\n/*!@hr*/hr.sc-ic-card-vertical {\n box-sizing: content-box; \n height: 0; \n overflow: visible; \n}\n\n\n\n/*!@pre*/pre.sc-ic-card-vertical {\n font-family: monospace, monospace; \n font-size: 1em; \n}\n\n\n\n\n\n/*!@a*/a.sc-ic-card-vertical {\n background-color: transparent;\n}\n\n\n\n/*!@abbr[title]*/abbr[title].sc-ic-card-vertical {\n border-bottom: none; \n text-decoration: underline; \n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; \n}\n\n\n\n/*!@b,\nstrong*/b.sc-ic-card-vertical, strong.sc-ic-card-vertical {\n font-weight: bolder;\n}\n\n\n\n/*!@code,\nkbd,\nsamp*/code.sc-ic-card-vertical, kbd.sc-ic-card-vertical, samp.sc-ic-card-vertical {\n font-family: monospace, monospace; \n font-size: 1em; \n}\n\n\n\n/*!@small*/small.sc-ic-card-vertical {\n font-size: 80%;\n}\n\n\n\n/*!@sub,\nsup*/sub.sc-ic-card-vertical, sup.sc-ic-card-vertical {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\n/*!@sub*/sub.sc-ic-card-vertical {\n bottom: -0.25em;\n}\n\n/*!@sup*/sup.sc-ic-card-vertical {\n top: -0.5em;\n}\n\n\n\n\n\n/*!@img*/img.sc-ic-card-vertical {\n border-style: none;\n}\n\n\n\n\n\n/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card-vertical, input.sc-ic-card-vertical, optgroup.sc-ic-card-vertical, select.sc-ic-card-vertical, textarea.sc-ic-card-vertical {\n font-family: inherit; \n font-size: 100%; \n line-height: 1.15; \n margin: 0; \n}\n\n\n\n/*!@button,\ninput*/button.sc-ic-card-vertical, input.sc-ic-card-vertical {\n \n overflow: visible;\n}\n\n\n\n/*!@button,\nselect*/button.sc-ic-card-vertical, select.sc-ic-card-vertical {\n \n text-transform: none;\n}\n\n\n\n/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card-vertical, [type=\"button\"].sc-ic-card-vertical, [type=\"reset\"].sc-ic-card-vertical, [type=\"submit\"].sc-ic-card-vertical {\n -webkit-appearance: button;\n}\n\n\n\n/*!@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-card-vertical::-moz-focus-inner, [type=\"button\"].sc-ic-card-vertical::-moz-focus-inner, [type=\"reset\"].sc-ic-card-vertical::-moz-focus-inner, [type=\"submit\"].sc-ic-card-vertical::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n\n\n/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-card-vertical:-moz-focusring, [type=\"button\"].sc-ic-card-vertical:-moz-focusring, [type=\"reset\"].sc-ic-card-vertical:-moz-focusring, [type=\"submit\"].sc-ic-card-vertical:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n\n\n/*!@fieldset*/fieldset.sc-ic-card-vertical {\n padding: 0.35em 0.75em 0.625em;\n}\n\n\n\n/*!@legend*/legend.sc-ic-card-vertical {\n box-sizing: border-box; \n color: inherit; \n display: table; \n max-width: 100%; \n padding: 0; \n white-space: normal; \n}\n\n\n\n/*!@progress*/progress.sc-ic-card-vertical {\n vertical-align: baseline;\n}\n\n\n\n/*!@textarea*/textarea.sc-ic-card-vertical {\n overflow: auto;\n}\n\n\n\n/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-vertical, [type=\"radio\"].sc-ic-card-vertical {\n box-sizing: border-box; \n padding: 0; \n}\n\n\n\n/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card-vertical::-webkit-inner-spin-button, [type=\"number\"].sc-ic-card-vertical::-webkit-outer-spin-button {\n height: auto;\n}\n\n\n\n/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-vertical {\n -webkit-appearance: textfield; \n outline-offset: -2px; \n}\n\n\n\n/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-vertical::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n\n\n/*!@::-webkit-file-upload-button*/.sc-ic-card-vertical::-webkit-file-upload-button {\n -webkit-appearance: button; \n font: inherit; \n}\n\n\n\n\n\n/*!@details*/details.sc-ic-card-vertical {\n display: block;\n}\n\n\n\n/*!@summary*/summary.sc-ic-card-vertical {\n display: list-item;\n}\n\n\n\n\n\n/*!@template*/template.sc-ic-card-vertical {\n display: none;\n}\n\n\n\n/*!@[hidden]*/[hidden].sc-ic-card-vertical {\n display: none;\n}\n\n/*!@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-card-vertical, body.sc-ic-card-vertical, div.sc-ic-card-vertical, span.sc-ic-card-vertical, applet.sc-ic-card-vertical, object.sc-ic-card-vertical, iframe.sc-ic-card-vertical, h1.sc-ic-card-vertical, h2.sc-ic-card-vertical, h3.sc-ic-card-vertical, h4.sc-ic-card-vertical, h5.sc-ic-card-vertical, h6.sc-ic-card-vertical, p.sc-ic-card-vertical, blockquote.sc-ic-card-vertical, pre.sc-ic-card-vertical, a.sc-ic-card-vertical, abbr.sc-ic-card-vertical, acronym.sc-ic-card-vertical, address.sc-ic-card-vertical, big.sc-ic-card-vertical, cite.sc-ic-card-vertical, code.sc-ic-card-vertical, del.sc-ic-card-vertical, dfn.sc-ic-card-vertical, em.sc-ic-card-vertical, img.sc-ic-card-vertical, ins.sc-ic-card-vertical, kbd.sc-ic-card-vertical, q.sc-ic-card-vertical, s.sc-ic-card-vertical, samp.sc-ic-card-vertical, small.sc-ic-card-vertical, strike.sc-ic-card-vertical, strong.sc-ic-card-vertical, sub.sc-ic-card-vertical, sup.sc-ic-card-vertical, tt.sc-ic-card-vertical, var.sc-ic-card-vertical, b.sc-ic-card-vertical, u.sc-ic-card-vertical, i.sc-ic-card-vertical, center.sc-ic-card-vertical, dl.sc-ic-card-vertical, dt.sc-ic-card-vertical, dd.sc-ic-card-vertical, ol.sc-ic-card-vertical, ul.sc-ic-card-vertical, li.sc-ic-card-vertical, fieldset.sc-ic-card-vertical, form.sc-ic-card-vertical, label.sc-ic-card-vertical, legend.sc-ic-card-vertical, table.sc-ic-card-vertical, caption.sc-ic-card-vertical, tbody.sc-ic-card-vertical, tfoot.sc-ic-card-vertical, thead.sc-ic-card-vertical, tr.sc-ic-card-vertical, th.sc-ic-card-vertical, td.sc-ic-card-vertical, article.sc-ic-card-vertical, aside.sc-ic-card-vertical, canvas.sc-ic-card-vertical, details.sc-ic-card-vertical, embed.sc-ic-card-vertical, figure.sc-ic-card-vertical, figcaption.sc-ic-card-vertical, footer.sc-ic-card-vertical, header.sc-ic-card-vertical, hgroup.sc-ic-card-vertical, menu.sc-ic-card-vertical, nav.sc-ic-card-vertical, output.sc-ic-card-vertical, ruby.sc-ic-card-vertical, section.sc-ic-card-vertical, summary.sc-ic-card-vertical, time.sc-ic-card-vertical, mark.sc-ic-card-vertical, audio.sc-ic-card-vertical, video.sc-ic-card-vertical {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/*!@:host*/.sc-ic-card-vertical-h {\n display: flex;\n}\n\n/*!@a*/a.sc-ic-card-vertical {\n text-decoration: none !important;\n color: var(--ic-card-text) !important;\n}\n\n/*!@button*/button.sc-ic-card-vertical {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n/*!@.card*/.card.sc-ic-card-vertical {\n display: flex;\n flex-direction: column;\n border: var(--ic-border-default);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n .sc-ic-card-vertical-s > svg {\n fill: var(--ic-card-text);\n }\n &.dark {\n border: var(--ic-border-width) solid\n var(--ic-color-border-neutral-pressed-dark);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-clickable-focus-hover-bg);\n border: var(--ic-border-hover);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-clickable-focus-hover-bg);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-border-pressed-default);\n }\n &:active {\n background-color: var(--ic-card-clickable-active-bg);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-border-disabled);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n .sc-ic-card-vertical-s > svg {\n fill: var(--ic-card-disabled-text);\n }\n }\n}\n\n/*!@.card-header*/.card-header.sc-ic-card-vertical {\n display: flex;\n align-items: center;\n}\n\n/*!@.icon*/.icon.sc-ic-card-vertical {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-vertical:hover .card-title.sc-ic-card-vertical, .card.clickable.sc-ic-card-vertical:focus .card-title.sc-ic-card-vertical, .card.clickable.focussed.sc-ic-card-vertical .card-title.sc-ic-card-vertical {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n /*!@.card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-vertical:hover .card-title.sc-ic-card-vertical, .card.clickable.sc-ic-card-vertical:focus .card-title.sc-ic-card-vertical, .card.clickable.focussed.sc-ic-card-vertical .card-title.sc-ic-card-vertical {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n/*!@.subheading*/.subheading.sc-ic-card-vertical {\n margin-top: var(--ic-space-xxs);\n}\n\n/*!@.adornment*/.adornment.sc-ic-card-vertical {\n margin-top: var(--ic-space-xxs);\n}\n\n/*!@.card-message*/.card-message.sc-ic-card-vertical {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n/*!@.interaction-button*/.interaction-button.sc-ic-card-vertical {\n margin-left: auto;\n}\n\n/*!@.image-top*/.image-top.sc-ic-card-vertical {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n/*!@.image-mid*/.image-mid.sc-ic-card-vertical {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n/*!@.interaction-area*/.interaction-area.sc-ic-card-vertical {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n/*!@.interaction-controls*/.interaction-controls.sc-ic-card-vertical {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n/*!@.toggle-button*/.toggle-button.sc-ic-card-vertical {\n color: var(--ic-card-toggle-button);\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-clickable-focus-hover-bg);\n color: var(--ic-card-toggle-button-focus-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-clickable-active-bg);\n color: var(--ic-card-toggle-button-active);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n/*!@#ic-tooltip-expand-button*/#ic-tooltip-expand-button.sc-ic-card-vertical {\n margin-left: auto;\n position: relative;\n}\n\n/*!@.toggle-button-closed svg*/.toggle-button-closed.sc-ic-card-vertical svg.sc-ic-card-vertical {\n transform: rotate(90deg);\n}\n\n/*!@.toggle-button-expanded svg*/.toggle-button-expanded.sc-ic-card-vertical svg.sc-ic-card-vertical {\n transform: rotate(-90deg);\n}\n\n/*!@.expanded-content*/.expanded-content.sc-ic-card-vertical {\n margin-top: var(--ic-space-md);\n}\n\n\n@media (forced-colors: active) {\n /*!@.card*/.card.sc-ic-card-vertical {\n .sc-ic-card-vertical-s > svg {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;.sc-ic-card-vertical-s > svg, &.disabled {\n border-color: GrayText !important;\n\n .sc-ic-card-vertical-s > svg {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n}";
|
9460
|
+
const icCardVerticalCss = "/*!@html*/html.sc-ic-card-vertical {\n line-height: 1.15; \n -webkit-text-size-adjust: 100%; \n}\n\n\n\n\n\n/*!@body*/body.sc-ic-card-vertical {\n margin: 0;\n}\n\n\n\n/*!@main*/main.sc-ic-card-vertical {\n display: block;\n}\n\n\n\n/*!@h1*/h1.sc-ic-card-vertical {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n\n\n\n\n/*!@hr*/hr.sc-ic-card-vertical {\n box-sizing: content-box; \n height: 0; \n overflow: visible; \n}\n\n\n\n/*!@pre*/pre.sc-ic-card-vertical {\n font-family: monospace, monospace; \n font-size: 1em; \n}\n\n\n\n\n\n/*!@a*/a.sc-ic-card-vertical {\n background-color: transparent;\n}\n\n\n\n/*!@abbr[title]*/abbr[title].sc-ic-card-vertical {\n border-bottom: none; \n text-decoration: underline; \n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; \n}\n\n\n\n/*!@b,\nstrong*/b.sc-ic-card-vertical, strong.sc-ic-card-vertical {\n font-weight: bolder;\n}\n\n\n\n/*!@code,\nkbd,\nsamp*/code.sc-ic-card-vertical, kbd.sc-ic-card-vertical, samp.sc-ic-card-vertical {\n font-family: monospace, monospace; \n font-size: 1em; \n}\n\n\n\n/*!@small*/small.sc-ic-card-vertical {\n font-size: 80%;\n}\n\n\n\n/*!@sub,\nsup*/sub.sc-ic-card-vertical, sup.sc-ic-card-vertical {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\n/*!@sub*/sub.sc-ic-card-vertical {\n bottom: -0.25em;\n}\n\n/*!@sup*/sup.sc-ic-card-vertical {\n top: -0.5em;\n}\n\n\n\n\n\n/*!@img*/img.sc-ic-card-vertical {\n border-style: none;\n}\n\n\n\n\n\n/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card-vertical, input.sc-ic-card-vertical, optgroup.sc-ic-card-vertical, select.sc-ic-card-vertical, textarea.sc-ic-card-vertical {\n font-family: inherit; \n font-size: 100%; \n line-height: 1.15; \n margin: 0; \n}\n\n\n\n/*!@button,\ninput*/button.sc-ic-card-vertical, input.sc-ic-card-vertical {\n \n overflow: visible;\n}\n\n\n\n/*!@button,\nselect*/button.sc-ic-card-vertical, select.sc-ic-card-vertical {\n \n text-transform: none;\n}\n\n\n\n/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card-vertical, [type=\"button\"].sc-ic-card-vertical, [type=\"reset\"].sc-ic-card-vertical, [type=\"submit\"].sc-ic-card-vertical {\n -webkit-appearance: button;\n}\n\n\n\n/*!@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-card-vertical::-moz-focus-inner, [type=\"button\"].sc-ic-card-vertical::-moz-focus-inner, [type=\"reset\"].sc-ic-card-vertical::-moz-focus-inner, [type=\"submit\"].sc-ic-card-vertical::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n\n\n/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-card-vertical:-moz-focusring, [type=\"button\"].sc-ic-card-vertical:-moz-focusring, [type=\"reset\"].sc-ic-card-vertical:-moz-focusring, [type=\"submit\"].sc-ic-card-vertical:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n\n\n/*!@fieldset*/fieldset.sc-ic-card-vertical {\n padding: 0.35em 0.75em 0.625em;\n}\n\n\n\n/*!@legend*/legend.sc-ic-card-vertical {\n box-sizing: border-box; \n color: inherit; \n display: table; \n max-width: 100%; \n padding: 0; \n white-space: normal; \n}\n\n\n\n/*!@progress*/progress.sc-ic-card-vertical {\n vertical-align: baseline;\n}\n\n\n\n/*!@textarea*/textarea.sc-ic-card-vertical {\n overflow: auto;\n}\n\n\n\n/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-vertical, [type=\"radio\"].sc-ic-card-vertical {\n box-sizing: border-box; \n padding: 0; \n}\n\n\n\n/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card-vertical::-webkit-inner-spin-button, [type=\"number\"].sc-ic-card-vertical::-webkit-outer-spin-button {\n height: auto;\n}\n\n\n\n/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-vertical {\n -webkit-appearance: textfield; \n outline-offset: -2px; \n}\n\n\n\n/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-vertical::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n\n\n/*!@::-webkit-file-upload-button*/.sc-ic-card-vertical::-webkit-file-upload-button {\n -webkit-appearance: button; \n font: inherit; \n}\n\n\n\n\n\n/*!@details*/details.sc-ic-card-vertical {\n display: block;\n}\n\n\n\n/*!@summary*/summary.sc-ic-card-vertical {\n display: list-item;\n}\n\n\n\n\n\n/*!@template*/template.sc-ic-card-vertical {\n display: none;\n}\n\n\n\n/*!@[hidden]*/[hidden].sc-ic-card-vertical {\n display: none;\n}\n\n/*!@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-card-vertical, body.sc-ic-card-vertical, div.sc-ic-card-vertical, span.sc-ic-card-vertical, applet.sc-ic-card-vertical, object.sc-ic-card-vertical, iframe.sc-ic-card-vertical, h1.sc-ic-card-vertical, h2.sc-ic-card-vertical, h3.sc-ic-card-vertical, h4.sc-ic-card-vertical, h5.sc-ic-card-vertical, h6.sc-ic-card-vertical, p.sc-ic-card-vertical, blockquote.sc-ic-card-vertical, pre.sc-ic-card-vertical, a.sc-ic-card-vertical, abbr.sc-ic-card-vertical, acronym.sc-ic-card-vertical, address.sc-ic-card-vertical, big.sc-ic-card-vertical, cite.sc-ic-card-vertical, code.sc-ic-card-vertical, del.sc-ic-card-vertical, dfn.sc-ic-card-vertical, em.sc-ic-card-vertical, img.sc-ic-card-vertical, ins.sc-ic-card-vertical, kbd.sc-ic-card-vertical, q.sc-ic-card-vertical, s.sc-ic-card-vertical, samp.sc-ic-card-vertical, small.sc-ic-card-vertical, strike.sc-ic-card-vertical, strong.sc-ic-card-vertical, sub.sc-ic-card-vertical, sup.sc-ic-card-vertical, tt.sc-ic-card-vertical, var.sc-ic-card-vertical, b.sc-ic-card-vertical, u.sc-ic-card-vertical, i.sc-ic-card-vertical, center.sc-ic-card-vertical, dl.sc-ic-card-vertical, dt.sc-ic-card-vertical, dd.sc-ic-card-vertical, ol.sc-ic-card-vertical, ul.sc-ic-card-vertical, li.sc-ic-card-vertical, fieldset.sc-ic-card-vertical, form.sc-ic-card-vertical, label.sc-ic-card-vertical, legend.sc-ic-card-vertical, table.sc-ic-card-vertical, caption.sc-ic-card-vertical, tbody.sc-ic-card-vertical, tfoot.sc-ic-card-vertical, thead.sc-ic-card-vertical, tr.sc-ic-card-vertical, th.sc-ic-card-vertical, td.sc-ic-card-vertical, article.sc-ic-card-vertical, aside.sc-ic-card-vertical, canvas.sc-ic-card-vertical, details.sc-ic-card-vertical, embed.sc-ic-card-vertical, figure.sc-ic-card-vertical, figcaption.sc-ic-card-vertical, footer.sc-ic-card-vertical, header.sc-ic-card-vertical, hgroup.sc-ic-card-vertical, menu.sc-ic-card-vertical, nav.sc-ic-card-vertical, output.sc-ic-card-vertical, ruby.sc-ic-card-vertical, section.sc-ic-card-vertical, summary.sc-ic-card-vertical, time.sc-ic-card-vertical, mark.sc-ic-card-vertical, audio.sc-ic-card-vertical, video.sc-ic-card-vertical {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/*!@:host*/.sc-ic-card-vertical-h {\n display: flex;\n}\n\n/*!@a*/a.sc-ic-card-vertical {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\n/*!@a:visited*/a.sc-ic-card-vertical:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\n/*!@button*/button.sc-ic-card-vertical {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n/*!@.card*/.card.sc-ic-card-vertical {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n .sc-ic-card-vertical-s > svg {\n fill: var(--ic-card-icon);\n }\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n &.fullwidth {\n width: 100%;\n }\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n }\n }\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n .sc-ic-card-vertical-s > svg {\n fill: var(--ic-card-disabled-text);\n }\n }\n}\n\n/*!@.card-header*/.card-header.sc-ic-card-vertical {\n display: flex;\n align-items: center;\n}\n\n/*!@.icon*/.icon.sc-ic-card-vertical {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n/*!@.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-vertical:hover .card-title.sc-ic-card-vertical, .card.clickable.sc-ic-card-vertical:focus .card-title.sc-ic-card-vertical, .card.clickable.focussed.sc-ic-card-vertical .card-title.sc-ic-card-vertical {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: -0.25rem !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n /*!@.card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title*/.card.clickable.sc-ic-card-vertical:hover .card-title.sc-ic-card-vertical, .card.clickable.sc-ic-card-vertical:focus .card-title.sc-ic-card-vertical, .card.clickable.focussed.sc-ic-card-vertical .card-title.sc-ic-card-vertical {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0 !important;\n }\n}\n\n/*!@.subheading*/.subheading.sc-ic-card-vertical {\n margin-top: var(--ic-space-xxs);\n}\n\n/*!@.adornment*/.adornment.sc-ic-card-vertical {\n margin-top: var(--ic-space-xxs);\n}\n\n/*!@.card-message*/.card-message.sc-ic-card-vertical {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n/*!@.interaction-button*/.interaction-button.sc-ic-card-vertical {\n margin-left: auto;\n}\n\n/*!@.image-top*/.image-top.sc-ic-card-vertical {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n/*!@.image-mid*/.image-mid.sc-ic-card-vertical {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n/*!@.interaction-area*/.interaction-area.sc-ic-card-vertical {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n/*!@.interaction-controls*/.interaction-controls.sc-ic-card-vertical {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n/*!@.toggle-button*/.toggle-button.sc-ic-card-vertical {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n/*!@#ic-tooltip-expand-button*/#ic-tooltip-expand-button.sc-ic-card-vertical {\n margin-left: auto;\n position: relative;\n}\n\n/*!@.toggle-button-closed svg*/.toggle-button-closed.sc-ic-card-vertical svg.sc-ic-card-vertical {\n transform: rotate(90deg);\n}\n\n/*!@.toggle-button-expanded svg*/.toggle-button-expanded.sc-ic-card-vertical svg.sc-ic-card-vertical {\n transform: rotate(-90deg);\n}\n\n/*!@.expanded-content*/.expanded-content.sc-ic-card-vertical {\n margin-top: var(--ic-space-md);\n}\n\n\n@media (forced-colors: active) {\n /*!@.card*/.card.sc-ic-card-vertical {\n .sc-ic-card-vertical-s > svg {\n fill: currentcolor;\n }\n &.disabled {\n border-color: GrayText !important;.sc-ic-card-vertical-s > svg, &.disabled {\n border-color: GrayText !important;\n\n .sc-ic-card-vertical-s > svg {\n fill: GrayText !important;\n }\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n}";
|
9420
9461
|
|
9421
9462
|
/**
|
9422
9463
|
* @slot heading - Content will be placed at the top of the card to the right of the icon.
|
@@ -9459,9 +9500,9 @@ class CardVertical {
|
|
9459
9500
|
])
|
9460
9501
|
: false)) ;
|
9461
9502
|
};
|
9462
|
-
this.appearance = "default";
|
9463
9503
|
this.areaExpanded = false;
|
9464
9504
|
this.isFocussed = false;
|
9505
|
+
this.monochrome = false;
|
9465
9506
|
this.parentEl = null;
|
9466
9507
|
this.parentIsAnchorTag = false;
|
9467
9508
|
this.clickable = false;
|
@@ -9478,6 +9519,9 @@ class CardVertical {
|
|
9478
9519
|
this.target = undefined;
|
9479
9520
|
this.theme = "inherit";
|
9480
9521
|
}
|
9522
|
+
watchDisabledHandler() {
|
9523
|
+
removeDisabledFalse(this.disabled, this.el);
|
9524
|
+
}
|
9481
9525
|
disconnectedCallback() {
|
9482
9526
|
var _a;
|
9483
9527
|
if (this.parentIsAnchorTag) {
|
@@ -9511,7 +9555,7 @@ class CardVertical {
|
|
9511
9555
|
event.stopImmediatePropagation();
|
9512
9556
|
}
|
9513
9557
|
}
|
9514
|
-
|
9558
|
+
brandChangeHandler(ev) {
|
9515
9559
|
this.updateTheme(ev.detail.mode);
|
9516
9560
|
}
|
9517
9561
|
/**
|
@@ -9525,14 +9569,18 @@ class CardVertical {
|
|
9525
9569
|
this.el.shadowRoot.querySelector("button").focus();
|
9526
9570
|
}
|
9527
9571
|
}
|
9528
|
-
updateTheme(
|
9529
|
-
const foregroundColor =
|
9530
|
-
if (foregroundColor !==
|
9531
|
-
this.
|
9572
|
+
updateTheme(mode = null) {
|
9573
|
+
const foregroundColor = getBrandFromContext(this.el, mode);
|
9574
|
+
if (foregroundColor !== IcBrandForegroundEnum.Default) {
|
9575
|
+
this.monochrome = true;
|
9576
|
+
this.theme =
|
9577
|
+
foregroundColor === IcBrandForegroundEnum.Light
|
9578
|
+
? IcBrandForegroundEnum.Dark
|
9579
|
+
: IcBrandForegroundEnum.Light;
|
9532
9580
|
}
|
9533
9581
|
}
|
9534
9582
|
render() {
|
9535
|
-
const {
|
9583
|
+
const { clickable, disabled, expandable, fullWidth, heading, isFocussed, message, monochrome, href, hreflang, parentIsAnchorTag, referrerpolicy, rel, subheading, target, theme, } = this;
|
9536
9584
|
const Component = parentIsAnchorTag || !clickable
|
9537
9585
|
? "div"
|
9538
9586
|
: href === undefined
|
@@ -9553,13 +9601,16 @@ class CardVertical {
|
|
9553
9601
|
disabled,
|
9554
9602
|
fullwidth: fullWidth,
|
9555
9603
|
focussed: isFocussed,
|
9556
|
-
|
9604
|
+
monochrome: monochrome,
|
9557
9605
|
}, tabindex: clickable && !parentIsAnchorTag ? 0 : null, "aria-disabled": disabled ? "true" : null, disabled: disabled ? true : null }, attrs), isSlotUsed(this.el, "image-top") && (hAsync("div", { class: "image-top" }, hAsync("slot", { name: "image-top" }))), hAsync("div", { class: "card-header" }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("div", { class: "card-title" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h4" }, hAsync("p", null, heading)))), isSlotUsed(this.el, "interaction-button") && (hAsync("div", { class: "interaction-button" }, hAsync("slot", { name: "interaction-button" })))), (subheading || isSlotUsed(this.el, "subheading")) && (hAsync("div", { class: "subheading" }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "subtitle-small" }, subheading)))), isSlotUsed(this.el, "adornment") && (hAsync("div", { class: "adornment" }, hAsync("slot", { name: "adornment" }))), isSlotUsed(this.el, "image-mid") && (hAsync("div", { class: "image-mid" }, hAsync("slot", { name: "image-mid" }))), (message || isSlotUsed(this.el, "message")) && (hAsync("div", { class: "card-message" }, message && (hAsync("ic-typography", { variant: "body" }, message)), isSlotUsed(this.el, "message") && hAsync("slot", { name: "message" }))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { class: "interaction-area" }, hAsync("div", { class: "interaction-controls" }, hAsync("slot", { name: "interaction-controls" })), expandable && (hAsync("ic-tooltip", { id: "ic-tooltip-expand-button", label: "Toggle expandable area", silent: true }, hAsync("button", { class: {
|
9558
9606
|
"toggle-button": true,
|
9559
9607
|
[`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
|
9560
9608
|
}, "aria-label": "Toggle expandable area", "aria-expanded": `${this.areaExpanded}`, "aria-controls": this.areaExpanded ? "expanded-content-area" : null, onClick: this.toggleExpanded, innerHTML: chevronIcon }))))), isSlotUsed(this.el, "expanded-content") && this.areaExpanded && (hAsync("div", { class: "expanded-content", id: "expanded-content-area" }, hAsync("slot", { name: "expanded-content" }))), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" }))));
|
9561
9609
|
}
|
9562
9610
|
get el() { return getElement(this); }
|
9611
|
+
static get watchers() { return {
|
9612
|
+
"disabled": ["watchDisabledHandler"]
|
9613
|
+
}; }
|
9563
9614
|
static get style() { return icCardVerticalCss; }
|
9564
9615
|
static get cmpMeta() { return {
|
9565
9616
|
"$flags$": 9,
|
@@ -9577,15 +9628,15 @@ class CardVertical {
|
|
9577
9628
|
"rel": [1],
|
9578
9629
|
"subheading": [1],
|
9579
9630
|
"target": [1],
|
9580
|
-
"theme": [
|
9581
|
-
"appearance": [32],
|
9631
|
+
"theme": [1025],
|
9582
9632
|
"areaExpanded": [32],
|
9583
9633
|
"isFocussed": [32],
|
9634
|
+
"monochrome": [32],
|
9584
9635
|
"parentEl": [32],
|
9585
9636
|
"parentIsAnchorTag": [32],
|
9586
9637
|
"setFocus": [64]
|
9587
9638
|
},
|
9588
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
9639
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "brandChange", "brandChangeHandler"]],
|
9589
9640
|
"$lazyBundleId$": "-",
|
9590
9641
|
"$attrsToReflect$": []
|
9591
9642
|
}; }
|
@@ -9628,6 +9679,9 @@ class Checkbox {
|
|
9628
9679
|
this.value = undefined;
|
9629
9680
|
this.hideLabel = false;
|
9630
9681
|
}
|
9682
|
+
watchDisabledHandler() {
|
9683
|
+
removeDisabledFalse(this.disabled, this.el);
|
9684
|
+
}
|
9631
9685
|
watchIndeterminateHandler() {
|
9632
9686
|
this.displayIndeterminate = this.nativeIndeterminateBehaviour
|
9633
9687
|
? this.indeterminate
|
@@ -9698,6 +9752,7 @@ class Checkbox {
|
|
9698
9752
|
static get delegatesFocus() { return true; }
|
9699
9753
|
get el() { return getElement(this); }
|
9700
9754
|
static get watchers() { return {
|
9755
|
+
"disabled": ["watchDisabledHandler"],
|
9701
9756
|
"indeterminate": ["watchIndeterminateHandler"]
|
9702
9757
|
}; }
|
9703
9758
|
static get style() { return icCheckboxCss; }
|
@@ -9748,6 +9803,9 @@ class CheckboxGroup {
|
|
9748
9803
|
this.validationStatus = "";
|
9749
9804
|
this.validationText = "";
|
9750
9805
|
}
|
9806
|
+
watchDisabledHandler() {
|
9807
|
+
removeDisabledFalse(this.disabled, this.el);
|
9808
|
+
}
|
9751
9809
|
labelNameHandler(newValue, oldValue, propName) {
|
9752
9810
|
Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
|
9753
9811
|
if (propName === "label")
|
@@ -9807,6 +9865,7 @@ class CheckboxGroup {
|
|
9807
9865
|
}
|
9808
9866
|
get el() { return getElement(this); }
|
9809
9867
|
static get watchers() { return {
|
9868
|
+
"disabled": ["watchDisabledHandler"],
|
9810
9869
|
"label": ["labelNameHandler"],
|
9811
9870
|
"name": ["labelNameHandler"],
|
9812
9871
|
"theme": ["watchThemeHandler"]
|
@@ -9883,10 +9942,14 @@ class Chip {
|
|
9883
9942
|
this.theme = "inherit";
|
9884
9943
|
this.transparentBackground = true;
|
9885
9944
|
this.variant = "filled";
|
9945
|
+
this.dismissLabel = "Dismiss";
|
9886
9946
|
}
|
9887
9947
|
customColorHandler() {
|
9888
9948
|
this.setChipColour();
|
9889
9949
|
}
|
9950
|
+
watchDisabledHandler() {
|
9951
|
+
removeDisabledFalse(this.disabled, this.el);
|
9952
|
+
}
|
9890
9953
|
componentWillLoad() {
|
9891
9954
|
removeDisabledFalse(this.disabled, this.el);
|
9892
9955
|
this.customColorHandler();
|
@@ -9910,7 +9973,7 @@ class Chip {
|
|
9910
9973
|
(_a = this.el.shadowRoot.querySelector("button")) === null || _a === void 0 ? void 0 : _a.focus();
|
9911
9974
|
}
|
9912
9975
|
render() {
|
9913
|
-
const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, } = this;
|
9976
|
+
const { label, variant, size, dismissible, visible, disabled, hovered, theme, customColorClass, dismissLabel, } = this;
|
9914
9977
|
return (hAsync(Host, { class: {
|
9915
9978
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
9916
9979
|
[`${customColorClass}`]: variant === "filled" && customColorClass !== "",
|
@@ -9922,12 +9985,13 @@ class Chip {
|
|
9922
9985
|
dismissible,
|
9923
9986
|
hovered,
|
9924
9987
|
"non-transparent": this.variant === "outlined" && !this.transparentBackground,
|
9925
|
-
} }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label:
|
9988
|
+
} }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: { label: true, "in-ag-grid": this.inAGGrid } }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: dismissLabel, target: "dismiss-icon", class: { "tooltip-disabled": disabled } }, hAsync("button", { id: "dismiss-icon", class: "dismiss-icon", "aria-label": `${dismissLabel} ${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" })))));
|
9926
9989
|
}
|
9927
9990
|
static get delegatesFocus() { return true; }
|
9928
9991
|
get el() { return getElement(this); }
|
9929
9992
|
static get watchers() { return {
|
9930
|
-
"customColor": ["customColorHandler"]
|
9993
|
+
"customColor": ["customColorHandler"],
|
9994
|
+
"disabled": ["watchDisabledHandler"]
|
9931
9995
|
}; }
|
9932
9996
|
static get style() { return icChipCss; }
|
9933
9997
|
static get cmpMeta() { return {
|
@@ -9942,6 +10006,7 @@ class Chip {
|
|
9942
10006
|
"theme": [1],
|
9943
10007
|
"transparentBackground": [4, "transparent-background"],
|
9944
10008
|
"variant": [1],
|
10009
|
+
"dismissLabel": [1, "dismiss-label"],
|
9945
10010
|
"customColorClass": [32],
|
9946
10011
|
"hovered": [32],
|
9947
10012
|
"visible": [32],
|
@@ -10135,7 +10200,7 @@ class DataRow {
|
|
10135
10200
|
}; }
|
10136
10201
|
}
|
10137
10202
|
|
10138
|
-
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}/*!@:host(.ic-dialog-fade-in)*/.ic-dialog-fade-in.sc-ic-dialog-h{opacity:1}/*!@: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*/.sc-ic-dialog-h{transition:opacity var(--ic-easing-transition-slow)}/*!@.dialog*/.dialog.sc-ic-dialog{transform:translateY(-3rem);transition:transform 1000s}/*!@:host(.ic-dialog-fade-in) .dialog*/.ic-dialog-fade-in.sc-ic-dialog-h .dialog.sc-ic-dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}/*!@:host(.ic-dialog-hidden)*/.ic-dialog-hidden.sc-ic-dialog-h{display:none}/*!@.dialog*/.dialog.sc-ic-dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);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}/*!@.close-icon > svg*/.close-icon.sc-ic-dialog>svg.sc-ic-dialog{color:var(--ic-dialog-
|
10203
|
+
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}/*!@:host(.ic-dialog-fade-in)*/.ic-dialog-fade-in.sc-ic-dialog-h{opacity:1}/*!@: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*/.sc-ic-dialog-h{transition:opacity var(--ic-easing-transition-slow)}/*!@.dialog*/.dialog.sc-ic-dialog{transform:translateY(-3rem);transition:transform 1000s}/*!@:host(.ic-dialog-fade-in) .dialog*/.ic-dialog-fade-in.sc-ic-dialog-h .dialog.sc-ic-dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}/*!@:host(.ic-dialog-hidden)*/.ic-dialog-hidden.sc-ic-dialog-h{display:none}/*!@.dialog*/.dialog.sc-ic-dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);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}/*!@.close-icon > svg*/.close-icon.sc-ic-dialog>svg.sc-ic-dialog{color:var(--ic-dialog-clear-button)}/*!@.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}/*!@.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}/*!@.heading ic-typography*/.heading.sc-ic-dialog ic-typography.sc-ic-dialog{--ic-typography-color:var(--ic-dialog-text-primary)}/*!@.label ic-typography*/.label.sc-ic-dialog ic-typography.sc-ic-dialog{--ic-typography-color:var(--ic-dialog-label)}@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){/*!@.dialog-control-button*/.dialog-control-button.sc-ic-dialog{width:unset}}";
|
10139
10204
|
|
10140
10205
|
/**
|
10141
10206
|
* @slot dialog-controls - Content will be place at the bottom of the dialog.
|
@@ -10465,7 +10530,7 @@ const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:
|
|
10465
10530
|
class Divider {
|
10466
10531
|
constructor(hostRef) {
|
10467
10532
|
registerInstance(this, hostRef);
|
10468
|
-
this.foregroundColor =
|
10533
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
10469
10534
|
this.borderStyle = "solid";
|
10470
10535
|
this.label = undefined;
|
10471
10536
|
this.labelPlacement = "center";
|
@@ -10474,7 +10539,7 @@ class Divider {
|
|
10474
10539
|
this.theme = "inherit";
|
10475
10540
|
this.weight = "thin";
|
10476
10541
|
}
|
10477
|
-
|
10542
|
+
brandChangeHandler(ev) {
|
10478
10543
|
this.foregroundColor = ev.detail.mode;
|
10479
10544
|
}
|
10480
10545
|
updateMonochromeState() {
|
@@ -10554,7 +10619,7 @@ class Divider {
|
|
10554
10619
|
"weight": [1],
|
10555
10620
|
"foregroundColor": [32]
|
10556
10621
|
},
|
10557
|
-
"$listeners$": [[4, "
|
10622
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
10558
10623
|
"$lazyBundleId$": "-",
|
10559
10624
|
"$attrsToReflect$": []
|
10560
10625
|
}; }
|
@@ -10626,7 +10691,7 @@ class EmptyState {
|
|
10626
10691
|
}; }
|
10627
10692
|
}
|
10628
10693
|
|
10629
|
-
const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-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-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-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-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{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-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block;--footer-compliance-padding:1rem 0}/*!@:host(.ic-footer-sparse)*/.ic-footer-sparse.sc-ic-footer-h{--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}/*!@:host(.ic-footer-small)*/.ic-footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.ic-footer-foreground-dark)*/.ic-footer-foreground-dark.sc-ic-footer-h{--ic-footer-background:var(--ic-
|
10694
|
+
const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-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-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-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-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{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-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block;--footer-compliance-padding:1rem 0}/*!@:host(.ic-footer-sparse)*/.ic-footer-sparse.sc-ic-footer-h{--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:calc(var(--ic-space-md) + var(--ic-space-xxs));--footer-link-inner-flex-direction:row}/*!@:host(.ic-footer-small)*/.ic-footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.ic-footer-foreground-dark)*/.ic-footer-foreground-dark.sc-ic-footer-h{--ic-footer-background:var(--ic-brand-color-secondary-light);--ic-footer-bottom-background:var(--ic-brand-color-tertiary-light);--ic-footer-keyline:var(--ic-state-layer-darken-20);--ic-footer-text:var(--ic-color-text-primary-light);--ic-footer-link:var(--ic-color-text-primary-light);--ic-footer-icon:var(--ic-color-icon-neutral);--ic-footer-chevron-icon:var(--ic-color-icon-neutral);--ic-footer-logo:var(--ic-color-icon-neutral);--ic-footer-hover:var(--ic-architectural-700-state-layer-10);--ic-footer-pressed:var(--ic-architectural-700-state-layer-20)}/*!@:host(.ic-footer-small.ic-footer-ungrouped)*/.ic-footer-small.ic-footer-ungrouped.sc-ic-footer-h{--footer-links-padding:var(--ic-space-md) 0 0 0}/*!@footer*/footer.sc-ic-footer{display:flex;flex-direction:column;width:100%}/*!@.footer-description*/.footer-description.sc-ic-footer{background-color:var(--ic-footer-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text);border-bottom:var(--ic-space-1px) solid var(--ic-footer-keyline)}/*!@.footer-description-inner*/.footer-description-inner.sc-ic-footer{padding:1rem 0}/*!@.footer-links*/.footer-links.sc-ic-footer{padding:var(--footer-links-padding);background-color:var(--ic-footer-background);color:var(--ic-footer-link);--ic-typography-color:var(--ic-footer-link)}/*!@.footer-links-inner*/.footer-links-inner.sc-ic-footer{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}/*!@.footer-compliance*/.footer-compliance.sc-ic-footer{background-color:var(--ic-footer-bottom-background);color:var(--ic-footer-text);--ic-typography-color:var(--ic-footer-text)}/*!@.footer-compliance-inner*/.footer-compliance-inner.sc-ic-footer{padding:var(--footer-compliance-padding)}/*!@.footer-logo*/.footer-logo.sc-ic-footer{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}/*!@.footer-logo > ::slotted()*/.footer-logo>.sc-ic-footer-h{margin-right:var(--ic-space-md)}/*!@.footer-caption*/.footer-caption.sc-ic-footer{margin-bottom:var(--ic-space-md)}/*!@.classification-spacing*/.classification-spacing.sc-ic-footer{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){/*!@footer*/footer.sc-ic-footer{border-top:var(--ic-border-hc)}}";
|
10630
10695
|
|
10631
10696
|
/**
|
10632
10697
|
* @slot description - Content will be rendered at the top of the footer.
|
@@ -10653,7 +10718,7 @@ class Footer {
|
|
10653
10718
|
this.resizeObserver.observe(this.footerEl);
|
10654
10719
|
};
|
10655
10720
|
this.deviceSize = IC_DEVICE_SIZES.XL;
|
10656
|
-
this.foregroundColor =
|
10721
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
10657
10722
|
this.aligned = "left";
|
10658
10723
|
this.breakpoint = "medium";
|
10659
10724
|
this.caption = undefined;
|
@@ -10672,9 +10737,8 @@ class Footer {
|
|
10672
10737
|
componentDidLoad() {
|
10673
10738
|
checkResizeObserver(this.runResizeObserver);
|
10674
10739
|
}
|
10675
|
-
|
10676
|
-
|
10677
|
-
this.foregroundColor = theme.mode;
|
10740
|
+
brandChangeHandler(ev) {
|
10741
|
+
this.foregroundColor = ev.detail.mode;
|
10678
10742
|
}
|
10679
10743
|
isSmall() {
|
10680
10744
|
const bp = this.breakpoint;
|
@@ -10699,8 +10763,8 @@ class Footer {
|
|
10699
10763
|
[`ic-footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
|
10700
10764
|
[`ic-footer-foreground-${foregroundColor}`]: true,
|
10701
10765
|
// Slots will be able to infer their own color
|
10702
|
-
[`ic-footer-${
|
10703
|
-
[`ic-footer-${
|
10766
|
+
[`ic-footer-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
|
10767
|
+
[`ic-footer-${IcBrandForegroundEnum.Light}`]: foregroundColor === IcBrandForegroundEnum.Light,
|
10704
10768
|
} }, 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", role: "list" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner", role: "list" }, 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
|
10705
10769
|
? "caption"
|
10706
10770
|
: "body" }, hAsync("slot", { name: "caption" }, caption)))), copyright && (hAsync("div", { class: {
|
@@ -10725,7 +10789,7 @@ class Footer {
|
|
10725
10789
|
"deviceSize": [32],
|
10726
10790
|
"foregroundColor": [32]
|
10727
10791
|
},
|
10728
|
-
"$listeners$": [[4, "
|
10792
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
10729
10793
|
"$lazyBundleId$": "-",
|
10730
10794
|
"$attrsToReflect$": []
|
10731
10795
|
}; }
|
@@ -10738,7 +10802,7 @@ class FooterLink {
|
|
10738
10802
|
registerInstance(this, hostRef);
|
10739
10803
|
this.deviceSize = DEVICE_SIZES.XL;
|
10740
10804
|
this.footerConfig = { small: false, grouped: false };
|
10741
|
-
this.foregroundColor =
|
10805
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
10742
10806
|
this.download = false;
|
10743
10807
|
this.href = null;
|
10744
10808
|
this.hreflang = undefined;
|
@@ -10752,9 +10816,8 @@ class FooterLink {
|
|
10752
10816
|
footerResizeHandler() {
|
10753
10817
|
this.footerConfig = this.inferConfig(this.el);
|
10754
10818
|
}
|
10755
|
-
|
10756
|
-
|
10757
|
-
this.foregroundColor = theme.mode;
|
10819
|
+
footerBrandChangeHandler(ev) {
|
10820
|
+
this.foregroundColor = ev.detail.mode;
|
10758
10821
|
}
|
10759
10822
|
inferConfig(e) {
|
10760
10823
|
if (e.parentElement !== null) {
|
@@ -10798,13 +10861,13 @@ class FooterLink {
|
|
10798
10861
|
"footerConfig": [32],
|
10799
10862
|
"foregroundColor": [32]
|
10800
10863
|
},
|
10801
|
-
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "
|
10864
|
+
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "brandChange", "footerBrandChangeHandler"]],
|
10802
10865
|
"$lazyBundleId$": "-",
|
10803
10866
|
"$attrsToReflect$": []
|
10804
10867
|
}; }
|
10805
10868
|
}
|
10806
10869
|
|
10807
|
-
const icFooterLinkGroupCss = "/*!@html*/html.sc-ic-footer-link-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link-group{margin:0}/*!@main*/main.sc-ic-footer-link-group{display:block}/*!@h1*/h1.sc-ic-footer-link-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link-group,strong.sc-ic-footer-link-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,samp.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link-group{top:-0.5em}/*!@img*/img.sc-ic-footer-link-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group,optgroup.sc-ic-footer-link-group,select.sc-ic-footer-link-group,textarea.sc-ic-footer-link-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link-group,select.sc-ic-footer-link-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link-group,[type=\"button\"].sc-ic-footer-link-group,[type=\"reset\"].sc-ic-footer-link-group,[type=\"submit\"].sc-ic-footer-link-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-footer-link-group::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-link-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-footer-link-group:-moz-focusring,[type=\"button\"].sc-ic-footer-link-group:-moz-focusring,[type=\"reset\"].sc-ic-footer-link-group:-moz-focusring,[type=\"submit\"].sc-ic-footer-link-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link-group,[type=\"radio\"].sc-ic-footer-link-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer-link-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link-group{display:block}/*!@summary*/summary.sc-ic-footer-link-group{display:list-item}/*!@template*/template.sc-ic-footer-link-group{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-link-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-footer-link-group,body.sc-ic-footer-link-group,div.sc-ic-footer-link-group,span.sc-ic-footer-link-group,applet.sc-ic-footer-link-group,object.sc-ic-footer-link-group,iframe.sc-ic-footer-link-group,h1.sc-ic-footer-link-group,h2.sc-ic-footer-link-group,h3.sc-ic-footer-link-group,h4.sc-ic-footer-link-group,h5.sc-ic-footer-link-group,h6.sc-ic-footer-link-group,p.sc-ic-footer-link-group,blockquote.sc-ic-footer-link-group,pre.sc-ic-footer-link-group,a.sc-ic-footer-link-group,abbr.sc-ic-footer-link-group,acronym.sc-ic-footer-link-group,address.sc-ic-footer-link-group,big.sc-ic-footer-link-group,cite.sc-ic-footer-link-group,code.sc-ic-footer-link-group,del.sc-ic-footer-link-group,dfn.sc-ic-footer-link-group,em.sc-ic-footer-link-group,img.sc-ic-footer-link-group,ins.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,q.sc-ic-footer-link-group,s.sc-ic-footer-link-group,samp.sc-ic-footer-link-group,small.sc-ic-footer-link-group,strike.sc-ic-footer-link-group,strong.sc-ic-footer-link-group,sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group,tt.sc-ic-footer-link-group,var.sc-ic-footer-link-group,b.sc-ic-footer-link-group,u.sc-ic-footer-link-group,i.sc-ic-footer-link-group,center.sc-ic-footer-link-group,dl.sc-ic-footer-link-group,dt.sc-ic-footer-link-group,dd.sc-ic-footer-link-group,ol.sc-ic-footer-link-group,ul.sc-ic-footer-link-group,li.sc-ic-footer-link-group,fieldset.sc-ic-footer-link-group,form.sc-ic-footer-link-group,label.sc-ic-footer-link-group,legend.sc-ic-footer-link-group,table.sc-ic-footer-link-group,caption.sc-ic-footer-link-group,tbody.sc-ic-footer-link-group,tfoot.sc-ic-footer-link-group,thead.sc-ic-footer-link-group,tr.sc-ic-footer-link-group,th.sc-ic-footer-link-group,td.sc-ic-footer-link-group,article.sc-ic-footer-link-group,aside.sc-ic-footer-link-group,canvas.sc-ic-footer-link-group,details.sc-ic-footer-link-group,embed.sc-ic-footer-link-group,figure.sc-ic-footer-link-group,figcaption.sc-ic-footer-link-group,footer.sc-ic-footer-link-group,header.sc-ic-footer-link-group,hgroup.sc-ic-footer-link-group,menu.sc-ic-footer-link-group,nav.sc-ic-footer-link-group,output.sc-ic-footer-link-group,ruby.sc-ic-footer-link-group,section.sc-ic-footer-link-group,summary.sc-ic-footer-link-group,time.sc-ic-footer-link-group,mark.sc-ic-footer-link-group,audio.sc-ic-footer-link-group,video.sc-ic-footer-link-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-group-sparse)*/.footer-link-group-sparse.sc-ic-footer-link-group-h{--footer-link-group-margin-right:5.938rem;--footer-link-group-border-bottom:0 solid transparent;--footer-link-label-margin-top:0;--footer-link-label-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-small)*/.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-margin-right:0;--footer-link-label-margin-top:var(--ic-space-md);--footer-link-label-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-small)*/.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-space-1px) solid\n var(--ic-footer-keyline)}/*!@:host(.footer-link-group)*/.footer-link-group.sc-ic-footer-link-group-h{margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}/*!@:host(.footer-link-group-small:hover)*/.footer-link-group-small.sc-ic-footer-link-group-h:hover{background-color:var(--ic-footer-hover);cursor:pointer}/*!@:host(.footer-link-group-sparse:focus)*/.footer-link-group-sparse.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}/*!@:host(.footer-link-group-small:focus)*/.footer-link-group-small.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}/*!@:host(.footer-link-group-small:active)*/.footer-link-group-small.sc-ic-footer-link-group-h:active{background-color:var(--ic-footer-pressed)}/*!@.footer-link-label*/.footer-link-label.sc-ic-footer-link-group{margin-top:var(--footer-link-label-margin-top);margin-bottom:var(--footer-link-label-margin-bottom);flex-grow:1}/*!@.footer-link-group-toggle*/.footer-link-group-toggle.sc-ic-footer-link-group{fill:var(--ic-footer-chevron-icon) !important}/*!@.footer-link-group-links*/.footer-link-group-links.sc-ic-footer-link-group{display:flex;flex-direction:column}/*!@.footer-link-group-header*/.footer-link-group-header.sc-ic-footer-link-group{display:flex;align-items:center}/*!@ic-typography*/ic-typography.sc-ic-footer-link-group{--ic-typography-color:var(--ic-footer-link)}";
|
10870
|
+
const icFooterLinkGroupCss = "/*!@html*/html.sc-ic-footer-link-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link-group{margin:0}/*!@main*/main.sc-ic-footer-link-group{display:block}/*!@h1*/h1.sc-ic-footer-link-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link-group,strong.sc-ic-footer-link-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,samp.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link-group{top:-0.5em}/*!@img*/img.sc-ic-footer-link-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group,optgroup.sc-ic-footer-link-group,select.sc-ic-footer-link-group,textarea.sc-ic-footer-link-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link-group,select.sc-ic-footer-link-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link-group,[type=\"button\"].sc-ic-footer-link-group,[type=\"reset\"].sc-ic-footer-link-group,[type=\"submit\"].sc-ic-footer-link-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-footer-link-group::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-link-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-footer-link-group:-moz-focusring,[type=\"button\"].sc-ic-footer-link-group:-moz-focusring,[type=\"reset\"].sc-ic-footer-link-group:-moz-focusring,[type=\"submit\"].sc-ic-footer-link-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link-group,[type=\"radio\"].sc-ic-footer-link-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer-link-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link-group{display:block}/*!@summary*/summary.sc-ic-footer-link-group{display:list-item}/*!@template*/template.sc-ic-footer-link-group{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-link-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-footer-link-group,body.sc-ic-footer-link-group,div.sc-ic-footer-link-group,span.sc-ic-footer-link-group,applet.sc-ic-footer-link-group,object.sc-ic-footer-link-group,iframe.sc-ic-footer-link-group,h1.sc-ic-footer-link-group,h2.sc-ic-footer-link-group,h3.sc-ic-footer-link-group,h4.sc-ic-footer-link-group,h5.sc-ic-footer-link-group,h6.sc-ic-footer-link-group,p.sc-ic-footer-link-group,blockquote.sc-ic-footer-link-group,pre.sc-ic-footer-link-group,a.sc-ic-footer-link-group,abbr.sc-ic-footer-link-group,acronym.sc-ic-footer-link-group,address.sc-ic-footer-link-group,big.sc-ic-footer-link-group,cite.sc-ic-footer-link-group,code.sc-ic-footer-link-group,del.sc-ic-footer-link-group,dfn.sc-ic-footer-link-group,em.sc-ic-footer-link-group,img.sc-ic-footer-link-group,ins.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,q.sc-ic-footer-link-group,s.sc-ic-footer-link-group,samp.sc-ic-footer-link-group,small.sc-ic-footer-link-group,strike.sc-ic-footer-link-group,strong.sc-ic-footer-link-group,sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group,tt.sc-ic-footer-link-group,var.sc-ic-footer-link-group,b.sc-ic-footer-link-group,u.sc-ic-footer-link-group,i.sc-ic-footer-link-group,center.sc-ic-footer-link-group,dl.sc-ic-footer-link-group,dt.sc-ic-footer-link-group,dd.sc-ic-footer-link-group,ol.sc-ic-footer-link-group,ul.sc-ic-footer-link-group,li.sc-ic-footer-link-group,fieldset.sc-ic-footer-link-group,form.sc-ic-footer-link-group,label.sc-ic-footer-link-group,legend.sc-ic-footer-link-group,table.sc-ic-footer-link-group,caption.sc-ic-footer-link-group,tbody.sc-ic-footer-link-group,tfoot.sc-ic-footer-link-group,thead.sc-ic-footer-link-group,tr.sc-ic-footer-link-group,th.sc-ic-footer-link-group,td.sc-ic-footer-link-group,article.sc-ic-footer-link-group,aside.sc-ic-footer-link-group,canvas.sc-ic-footer-link-group,details.sc-ic-footer-link-group,embed.sc-ic-footer-link-group,figure.sc-ic-footer-link-group,figcaption.sc-ic-footer-link-group,footer.sc-ic-footer-link-group,header.sc-ic-footer-link-group,hgroup.sc-ic-footer-link-group,menu.sc-ic-footer-link-group,nav.sc-ic-footer-link-group,output.sc-ic-footer-link-group,ruby.sc-ic-footer-link-group,section.sc-ic-footer-link-group,summary.sc-ic-footer-link-group,time.sc-ic-footer-link-group,mark.sc-ic-footer-link-group,audio.sc-ic-footer-link-group,video.sc-ic-footer-link-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-group-sparse)*/.footer-link-group-sparse.sc-ic-footer-link-group-h{--footer-link-group-margin-right:5.938rem;--footer-link-group-border-bottom:0 solid transparent;--footer-link-label-margin-top:0;--footer-link-label-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-small)*/.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-margin-right:0;--footer-link-label-margin-top:var(--ic-space-md);--footer-link-label-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-small)*/.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-space-1px) solid\n var(--ic-footer-keyline)}/*!@:host(.footer-link-group)*/.footer-link-group.sc-ic-footer-link-group-h{margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}/*!@:host(.footer-link-group-small:hover)*/.footer-link-group-small.sc-ic-footer-link-group-h:hover{background-color:var(--ic-footer-hover);cursor:pointer}/*!@:host(.footer-link-group-sparse:focus)*/.footer-link-group-sparse.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}/*!@:host(.footer-link-group-small:focus)*/.footer-link-group-small.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);z-index:1}/*!@:host(.footer-link-group-small:active)*/.footer-link-group-small.sc-ic-footer-link-group-h:active{background-color:var(--ic-footer-pressed)}/*!@:host ic-section-container*/.sc-ic-footer-link-group-h ic-section-container.sc-ic-footer-link-group{outline:none}/*!@.footer-link-label*/.footer-link-label.sc-ic-footer-link-group{margin-top:var(--footer-link-label-margin-top);margin-bottom:var(--footer-link-label-margin-bottom);flex-grow:1}/*!@.footer-link-group-toggle*/.footer-link-group-toggle.sc-ic-footer-link-group{fill:var(--ic-footer-chevron-icon) !important}/*!@.footer-link-group-links*/.footer-link-group-links.sc-ic-footer-link-group{display:flex;flex-direction:column}/*!@.footer-link-group-header*/.footer-link-group-header.sc-ic-footer-link-group{display:flex;align-items:center}/*!@ic-typography*/ic-typography.sc-ic-footer-link-group{--ic-typography-color:var(--ic-footer-link)}";
|
10808
10871
|
|
10809
10872
|
class FooterLinkGroup {
|
10810
10873
|
constructor(hostRef) {
|
@@ -10819,7 +10882,7 @@ class FooterLinkGroup {
|
|
10819
10882
|
};
|
10820
10883
|
this.expanded = false;
|
10821
10884
|
this.deviceSize = DEVICE_SIZES.XL;
|
10822
|
-
this.dropdownIconStyle =
|
10885
|
+
this.dropdownIconStyle = getBrandForegroundAppearance();
|
10823
10886
|
this.small = false;
|
10824
10887
|
this.label = undefined;
|
10825
10888
|
}
|
@@ -10832,9 +10895,8 @@ class FooterLinkGroup {
|
|
10832
10895
|
footerResizeHandler() {
|
10833
10896
|
this.small = this.isSmall(this.el);
|
10834
10897
|
}
|
10835
|
-
|
10836
|
-
|
10837
|
-
this.dropdownIconStyle = theme.mode;
|
10898
|
+
footerBrandChangeHandler(ev) {
|
10899
|
+
this.dropdownIconStyle = ev.detail.mode;
|
10838
10900
|
}
|
10839
10901
|
isSmall(e) {
|
10840
10902
|
if (e.parentElement !== null) {
|
@@ -10857,7 +10919,7 @@ class FooterLinkGroup {
|
|
10857
10919
|
}, role: "listitem" }, hAsync("div", { class: "footer-link-label" }, hAsync("ic-typography", { variant: "subtitle-small" }, label)), hAsync("div", { class: "footer-link-group-links", role: "list" }, hAsync("slot", null)))) : (hAsync(Host, { class: {
|
10858
10920
|
["footer-link-group footer-link-group-small"]: true,
|
10859
10921
|
[`footer-link-group-${this.dropdownIconStyle}`]: true,
|
10860
|
-
},
|
10922
|
+
}, onClick: this.toggleExpanded, onKeydown: this.handleKeydown, "aria-expanded": this.expanded, role: "listitem" }, hAsync("ic-section-container", { tabindex: "0", fullHeight: true }, hAsync("div", { class: "footer-link-group-header" }, hAsync("div", { class: "footer-link-label" }, hAsync("ic-typography", { variant: "label" }, label)), 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", role: "list" }, hAsync("slot", null))))));
|
10861
10923
|
}
|
10862
10924
|
static get delegatesFocus() { return true; }
|
10863
10925
|
get el() { return getElement(this); }
|
@@ -10872,13 +10934,13 @@ class FooterLinkGroup {
|
|
10872
10934
|
"dropdownIconStyle": [32],
|
10873
10935
|
"small": [32]
|
10874
10936
|
},
|
10875
|
-
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "
|
10937
|
+
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "brandChange", "footerBrandChangeHandler"]],
|
10876
10938
|
"$lazyBundleId$": "-",
|
10877
10939
|
"$attrsToReflect$": []
|
10878
10940
|
}; }
|
10879
10941
|
}
|
10880
10942
|
|
10881
|
-
const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-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-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-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-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{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-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);--hero-heading-bottom-margin:var(--ic-space-md)}/*!@:host(.ic-hero-dark)*/.ic-hero-dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light)}/*!@.heading*/.heading.sc-ic-hero{--ic-typography-color:var(--ic-hero-heading)}/*!@.subheading*/.subheading.sc-ic-hero{--ic-typography-color:var(--ic-hero-body)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{--ic-typography-color:var(--ic-hero-secondary-heading)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -6.25rem !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}/*!@.secondary-container*/.secondary-container.sc-ic-hero{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-hero-keyline)}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:9rem}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:3.125rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:9rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:5.922rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:2.125rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:17.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:2.5rem}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:12rem}/*!@:host,\n .right-container*/.sc-ic-hero-h,.right-container.sc-ic-hero{margin-bottom:var(--ic-space-md)}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:16.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
|
10943
|
+
const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-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-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-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-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{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-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-brand-color-tertiary);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}/*!@:host(.ic-hero-dark)*/.ic-hero-dark.sc-ic-hero-h{background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}/*!@.heading*/.heading.sc-ic-hero{--ic-typography-color:var(--ic-hero-heading)}/*!@.subheading*/.subheading.sc-ic-hero{--ic-typography-color:var(--ic-hero-body)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -6.25rem !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:9rem}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:3.125rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:9rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:5.922rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:16rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:15rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:14rem}/*!@.left-container*/.left-container.sc-ic-hero{min-height:10rem}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:10rem}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:2.125rem}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:3.125rem}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:13rem}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:17.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:2.5rem}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:12rem}/*!@:host,\n .right-container*/.sc-ic-hero-h,.right-container.sc-ic-hero{margin-bottom:var(--ic-space-md)}/*!@:host(.ic-hero-small),\n :host(.ic-hero-small) .section-container*/.ic-hero-small.sc-ic-hero-h,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero{min-height:10.813rem}/*!@:host(.secondary-heading),\n :host(.secondary-heading) .section-container*/.secondary-heading.sc-ic-hero-h,.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero{min-height:16.5rem}/*!@:host(.secondary-heading) .section-container,\n :host(.ic-hero-small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-ic-hero,.ic-hero-small.sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
|
10882
10944
|
|
10883
10945
|
/**
|
10884
10946
|
* @slot heading - Content will be rendered in the title area, in place of the heading.
|
@@ -10895,7 +10957,7 @@ class Hero {
|
|
10895
10957
|
? checkSlotInChildMutations(addedNodes, removedNodes, "secondary")
|
10896
10958
|
: false)) ;
|
10897
10959
|
};
|
10898
|
-
this.foregroundColor =
|
10960
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
10899
10961
|
this.rightContent = false;
|
10900
10962
|
this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;
|
10901
10963
|
this.scrollFactor = "right -100px";
|
@@ -10927,9 +10989,8 @@ class Hero {
|
|
10927
10989
|
componentWillRender() {
|
10928
10990
|
this.rightContent = slotHasContent(this.el, "secondary");
|
10929
10991
|
}
|
10930
|
-
|
10931
|
-
|
10932
|
-
this.foregroundColor = theme.mode;
|
10992
|
+
brandChangeHandler(ev) {
|
10993
|
+
this.foregroundColor = ev.detail.mode;
|
10933
10994
|
}
|
10934
10995
|
doScroll() {
|
10935
10996
|
if (this.disableBackgroundParallax) {
|
@@ -10950,7 +11011,7 @@ class Hero {
|
|
10950
11011
|
};
|
10951
11012
|
}
|
10952
11013
|
return (hAsync(Host, { class: {
|
10953
|
-
[`ic-hero-${
|
11014
|
+
[`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
|
10954
11015
|
["has-background-image"]: backgroundImage !== undefined,
|
10955
11016
|
["ic-hero-small"]: size === "small",
|
10956
11017
|
["secondary-heading"]: !!secondaryHeading,
|
@@ -10981,7 +11042,7 @@ class Hero {
|
|
10981
11042
|
"leftContentFullWidth": [32],
|
10982
11043
|
"scrollFactor": [32]
|
10983
11044
|
},
|
10984
|
-
"$listeners$": [[4, "
|
11045
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"], [5, "scroll", "doScroll"]],
|
10985
11046
|
"$lazyBundleId$": "-",
|
10986
11047
|
"$attrsToReflect$": []
|
10987
11048
|
}; }
|
@@ -10995,7 +11056,7 @@ var RightArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
|
10995
11056
|
<path d="M8.08748 5L6.91248 6.175L10.7291 10L6.91248 13.825L8.08748 15L13.0875 10L8.08748 5Z"/>
|
10996
11057
|
</svg>`;
|
10997
11058
|
|
10998
|
-
const icHorizontalScrollCss = "/*!@html*/html.sc-ic-horizontal-scroll{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-horizontal-scroll{margin:0}/*!@main*/main.sc-ic-horizontal-scroll{display:block}/*!@h1*/h1.sc-ic-horizontal-scroll{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-horizontal-scroll{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-horizontal-scroll{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-horizontal-scroll{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-horizontal-scroll{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-horizontal-scroll{bottom:-0.25em}/*!@sup*/sup.sc-ic-horizontal-scroll{top:-0.5em}/*!@img*/img.sc-ic-horizontal-scroll{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll,optgroup.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll,textarea.sc-ic-horizontal-scroll{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll{overflow:visible}/*!@button,\nselect*/button.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-horizontal-scroll,[type=\"button\"].sc-ic-horizontal-scroll,[type=\"reset\"].sc-ic-horizontal-scroll,[type=\"submit\"].sc-ic-horizontal-scroll{-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-horizontal-scroll::-moz-focus-inner,[type=\"button\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"reset\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"submit\"].sc-ic-horizontal-scroll::-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-horizontal-scroll:-moz-focusring,[type=\"button\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"reset\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"submit\"].sc-ic-horizontal-scroll:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-horizontal-scroll{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-horizontal-scroll{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-horizontal-scroll{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-horizontal-scroll{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-horizontal-scroll,[type=\"radio\"].sc-ic-horizontal-scroll{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-horizontal-scroll::-webkit-inner-spin-button,[type=\"number\"].sc-ic-horizontal-scroll::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-horizontal-scroll{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-horizontal-scroll::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-horizontal-scroll::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-horizontal-scroll{display:block}/*!@summary*/summary.sc-ic-horizontal-scroll{display:list-item}/*!@template*/template.sc-ic-horizontal-scroll{display:none}/*!@[hidden]*/[hidden].sc-ic-horizontal-scroll{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-horizontal-scroll,body.sc-ic-horizontal-scroll,div.sc-ic-horizontal-scroll,span.sc-ic-horizontal-scroll,applet.sc-ic-horizontal-scroll,object.sc-ic-horizontal-scroll,iframe.sc-ic-horizontal-scroll,h1.sc-ic-horizontal-scroll,h2.sc-ic-horizontal-scroll,h3.sc-ic-horizontal-scroll,h4.sc-ic-horizontal-scroll,h5.sc-ic-horizontal-scroll,h6.sc-ic-horizontal-scroll,p.sc-ic-horizontal-scroll,blockquote.sc-ic-horizontal-scroll,pre.sc-ic-horizontal-scroll,a.sc-ic-horizontal-scroll,abbr.sc-ic-horizontal-scroll,acronym.sc-ic-horizontal-scroll,address.sc-ic-horizontal-scroll,big.sc-ic-horizontal-scroll,cite.sc-ic-horizontal-scroll,code.sc-ic-horizontal-scroll,del.sc-ic-horizontal-scroll,dfn.sc-ic-horizontal-scroll,em.sc-ic-horizontal-scroll,img.sc-ic-horizontal-scroll,ins.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,q.sc-ic-horizontal-scroll,s.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll,small.sc-ic-horizontal-scroll,strike.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll,sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll,tt.sc-ic-horizontal-scroll,var.sc-ic-horizontal-scroll,b.sc-ic-horizontal-scroll,u.sc-ic-horizontal-scroll,i.sc-ic-horizontal-scroll,center.sc-ic-horizontal-scroll,dl.sc-ic-horizontal-scroll,dt.sc-ic-horizontal-scroll,dd.sc-ic-horizontal-scroll,ol.sc-ic-horizontal-scroll,ul.sc-ic-horizontal-scroll,li.sc-ic-horizontal-scroll,fieldset.sc-ic-horizontal-scroll,form.sc-ic-horizontal-scroll,label.sc-ic-horizontal-scroll,legend.sc-ic-horizontal-scroll,table.sc-ic-horizontal-scroll,caption.sc-ic-horizontal-scroll,tbody.sc-ic-horizontal-scroll,tfoot.sc-ic-horizontal-scroll,thead.sc-ic-horizontal-scroll,tr.sc-ic-horizontal-scroll,th.sc-ic-horizontal-scroll,td.sc-ic-horizontal-scroll,article.sc-ic-horizontal-scroll,aside.sc-ic-horizontal-scroll,canvas.sc-ic-horizontal-scroll,details.sc-ic-horizontal-scroll,embed.sc-ic-horizontal-scroll,figure.sc-ic-horizontal-scroll,figcaption.sc-ic-horizontal-scroll,footer.sc-ic-horizontal-scroll,header.sc-ic-horizontal-scroll,hgroup.sc-ic-horizontal-scroll,menu.sc-ic-horizontal-scroll,nav.sc-ic-horizontal-scroll,output.sc-ic-horizontal-scroll,ruby.sc-ic-horizontal-scroll,section.sc-ic-horizontal-scroll,summary.sc-ic-horizontal-scroll,time.sc-ic-horizontal-scroll,mark.sc-ic-horizontal-scroll,audio.sc-ic-horizontal-scroll,video.sc-ic-horizontal-scroll{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-horizontal-scroll-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);display:flex;max-width:100%}/*!@:host(.ic-horizontal-scroll-light)*/.ic-horizontal-scroll-light.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-color-keyline-lighten)}/*!@:host(.ic-horizontal-scroll-dark)*/.ic-horizontal-scroll-dark.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-color-keyline-darken)}/*!@::slotted(*)*/.sc-ic-horizontal-scroll-s>*{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--ic-space-xs) * -1) !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-horizontal-scroll-visible) ::slotted(*)*/.sc-ic-horizontal-scroll-h.ic-horizontal-scroll-visible .sc-ic-horizontal-scroll-s>*{margin:calc(var(--ic-space-xs) * -1) 0 !important;padding:var(--ic-space-xs) !important}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-horizontal-scroll::-webkit-scrollbar{display:none}/*!@.scroll-container-left,\n.scroll-container-right*/.scroll-container-left.sc-ic-horizontal-scroll,.scroll-container-right.sc-ic-horizontal-scroll{display:flex}/*!@.scroll-container-left*/.scroll-container-left.sc-ic-horizontal-scroll{margin-left:var(--ic-space-xxs)}/*!@.scroll-container-right*/.scroll-container-right.sc-ic-horizontal-scroll{margin-right:var(--ic-space-xxs)}/*!@.hidden*/.hidden.sc-ic-horizontal-scroll{display:none}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-horizontal-scroll{margin:var(--ic-space-xxs) 0}/*!@.disabled .ic-tooltip-container*/.disabled.sc-ic-horizontal-scroll .ic-tooltip-container.sc-ic-horizontal-scroll{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-horizontal-scroll,.scroll-splitter-right.sc-ic-horizontal-scroll{display:flex;height:var(--ic-space-lg);width:var(--ic-space-1px);margin-top:var(--ic-space-xs);border-radius:var(--ic-space-1px);background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-horizontal-scroll{margin-left:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-horizontal-scroll{margin-right:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right*/.disabled.sc-ic-horizontal-scroll .scroll-splitter-left.sc-ic-horizontal-scroll,.disabled.sc-ic-horizontal-scroll .scroll-splitter-right.sc-ic-horizontal-scroll{background-color:transparent}/*!@.disabled ic-button > svg*/.disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--ic-color-keyline-darken)}/*!@:host(.ic-horizontal-scroll-dark) .disabled ic-button > svg,\n:host(.ic-horizontal-scroll-light) .disabled ic-button > svg*/.ic-horizontal-scroll-dark.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll,.ic-horizontal-scroll-light.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--splitter-color) !important}";
|
11059
|
+
const icHorizontalScrollCss = "/*!@html*/html.sc-ic-horizontal-scroll{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-horizontal-scroll{margin:0}/*!@main*/main.sc-ic-horizontal-scroll{display:block}/*!@h1*/h1.sc-ic-horizontal-scroll{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-horizontal-scroll{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-horizontal-scroll{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-horizontal-scroll{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-horizontal-scroll{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-horizontal-scroll{bottom:-0.25em}/*!@sup*/sup.sc-ic-horizontal-scroll{top:-0.5em}/*!@img*/img.sc-ic-horizontal-scroll{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll,optgroup.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll,textarea.sc-ic-horizontal-scroll{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll{overflow:visible}/*!@button,\nselect*/button.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-horizontal-scroll,[type=\"button\"].sc-ic-horizontal-scroll,[type=\"reset\"].sc-ic-horizontal-scroll,[type=\"submit\"].sc-ic-horizontal-scroll{-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-horizontal-scroll::-moz-focus-inner,[type=\"button\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"reset\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"submit\"].sc-ic-horizontal-scroll::-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-horizontal-scroll:-moz-focusring,[type=\"button\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"reset\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"submit\"].sc-ic-horizontal-scroll:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-horizontal-scroll{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-horizontal-scroll{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-horizontal-scroll{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-horizontal-scroll{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-horizontal-scroll,[type=\"radio\"].sc-ic-horizontal-scroll{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-horizontal-scroll::-webkit-inner-spin-button,[type=\"number\"].sc-ic-horizontal-scroll::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-horizontal-scroll{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-horizontal-scroll::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-horizontal-scroll::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-horizontal-scroll{display:block}/*!@summary*/summary.sc-ic-horizontal-scroll{display:list-item}/*!@template*/template.sc-ic-horizontal-scroll{display:none}/*!@[hidden]*/[hidden].sc-ic-horizontal-scroll{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-horizontal-scroll,body.sc-ic-horizontal-scroll,div.sc-ic-horizontal-scroll,span.sc-ic-horizontal-scroll,applet.sc-ic-horizontal-scroll,object.sc-ic-horizontal-scroll,iframe.sc-ic-horizontal-scroll,h1.sc-ic-horizontal-scroll,h2.sc-ic-horizontal-scroll,h3.sc-ic-horizontal-scroll,h4.sc-ic-horizontal-scroll,h5.sc-ic-horizontal-scroll,h6.sc-ic-horizontal-scroll,p.sc-ic-horizontal-scroll,blockquote.sc-ic-horizontal-scroll,pre.sc-ic-horizontal-scroll,a.sc-ic-horizontal-scroll,abbr.sc-ic-horizontal-scroll,acronym.sc-ic-horizontal-scroll,address.sc-ic-horizontal-scroll,big.sc-ic-horizontal-scroll,cite.sc-ic-horizontal-scroll,code.sc-ic-horizontal-scroll,del.sc-ic-horizontal-scroll,dfn.sc-ic-horizontal-scroll,em.sc-ic-horizontal-scroll,img.sc-ic-horizontal-scroll,ins.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,q.sc-ic-horizontal-scroll,s.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll,small.sc-ic-horizontal-scroll,strike.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll,sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll,tt.sc-ic-horizontal-scroll,var.sc-ic-horizontal-scroll,b.sc-ic-horizontal-scroll,u.sc-ic-horizontal-scroll,i.sc-ic-horizontal-scroll,center.sc-ic-horizontal-scroll,dl.sc-ic-horizontal-scroll,dt.sc-ic-horizontal-scroll,dd.sc-ic-horizontal-scroll,ol.sc-ic-horizontal-scroll,ul.sc-ic-horizontal-scroll,li.sc-ic-horizontal-scroll,fieldset.sc-ic-horizontal-scroll,form.sc-ic-horizontal-scroll,label.sc-ic-horizontal-scroll,legend.sc-ic-horizontal-scroll,table.sc-ic-horizontal-scroll,caption.sc-ic-horizontal-scroll,tbody.sc-ic-horizontal-scroll,tfoot.sc-ic-horizontal-scroll,thead.sc-ic-horizontal-scroll,tr.sc-ic-horizontal-scroll,th.sc-ic-horizontal-scroll,td.sc-ic-horizontal-scroll,article.sc-ic-horizontal-scroll,aside.sc-ic-horizontal-scroll,canvas.sc-ic-horizontal-scroll,details.sc-ic-horizontal-scroll,embed.sc-ic-horizontal-scroll,figure.sc-ic-horizontal-scroll,figcaption.sc-ic-horizontal-scroll,footer.sc-ic-horizontal-scroll,header.sc-ic-horizontal-scroll,hgroup.sc-ic-horizontal-scroll,menu.sc-ic-horizontal-scroll,nav.sc-ic-horizontal-scroll,output.sc-ic-horizontal-scroll,ruby.sc-ic-horizontal-scroll,section.sc-ic-horizontal-scroll,summary.sc-ic-horizontal-scroll,time.sc-ic-horizontal-scroll,mark.sc-ic-horizontal-scroll,audio.sc-ic-horizontal-scroll,video.sc-ic-horizontal-scroll{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-horizontal-scroll-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);display:flex;max-width:100%}/*!@:host(.ic-horizontal-scroll-light)*/.ic-horizontal-scroll-light.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-color-keyline-lighten)}/*!@:host(.ic-horizontal-scroll-dark)*/.ic-horizontal-scroll-dark.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-color-keyline-darken)}/*!@::slotted(*)*/.sc-ic-horizontal-scroll-s>*{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--ic-space-xs) * -1) !important;padding:var(--ic-space-xs) !important}/*!@:host(.ic-horizontal-scroll-visible) ::slotted(*)*/.sc-ic-horizontal-scroll-h.ic-horizontal-scroll-visible .sc-ic-horizontal-scroll-s>*{margin:calc(var(--ic-space-xs) * -1) 0 !important;padding:var(--ic-space-xs) !important}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-horizontal-scroll::-webkit-scrollbar{display:none}/*!@.scroll-container-left,\n.scroll-container-right*/.scroll-container-left.sc-ic-horizontal-scroll,.scroll-container-right.sc-ic-horizontal-scroll{display:flex}/*!@.scroll-container-left*/.scroll-container-left.sc-ic-horizontal-scroll{margin-left:var(--ic-space-xxs)}/*!@.scroll-container-right*/.scroll-container-right.sc-ic-horizontal-scroll{margin-right:var(--ic-space-xxs)}/*!@.hidden*/.hidden.sc-ic-horizontal-scroll{display:none}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-horizontal-scroll{margin:var(--ic-space-xxs) 0}/*!@.disabled .ic-tooltip-container*/.disabled.sc-ic-horizontal-scroll .ic-tooltip-container.sc-ic-horizontal-scroll{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-horizontal-scroll,.scroll-splitter-right.sc-ic-horizontal-scroll{display:flex;height:var(--ic-space-lg);width:var(--ic-space-1px);margin-top:var(--ic-space-xs);border-radius:var(--ic-space-1px);background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-horizontal-scroll{margin-left:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-horizontal-scroll{margin-right:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right*/.disabled.sc-ic-horizontal-scroll .scroll-splitter-left.sc-ic-horizontal-scroll,.disabled.sc-ic-horizontal-scroll .scroll-splitter-right.sc-ic-horizontal-scroll{background-color:transparent}/*!@:host(.ic-horizontal-scroll-dark) .disabled ic-button > svg,\n:host(.ic-horizontal-scroll-light) .disabled ic-button > svg*/.ic-horizontal-scroll-dark.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll,.ic-horizontal-scroll-light.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--splitter-color) !important}";
|
10999
11060
|
|
11000
11061
|
const SCROLL_DELAY_MS = 200;
|
11001
11062
|
class HorizontalScroll {
|
@@ -11074,6 +11135,8 @@ class HorizontalScroll {
|
|
11074
11135
|
this.itemOverflow = false;
|
11075
11136
|
this.lastItemVisible = false;
|
11076
11137
|
this.appearance = "default";
|
11138
|
+
this.monochrome = false;
|
11139
|
+
this.theme = "inherit";
|
11077
11140
|
this.focusTrigger = "focus";
|
11078
11141
|
}
|
11079
11142
|
componentWillLoad() {
|
@@ -11135,20 +11198,25 @@ class HorizontalScroll {
|
|
11135
11198
|
}
|
11136
11199
|
}
|
11137
11200
|
render() {
|
11138
|
-
const {
|
11201
|
+
const { firstItemVisible, lastItemVisible, itemOverflow } = this;
|
11139
11202
|
return (hAsync(Host, { class: {
|
11140
11203
|
["ic-horizontal-scroll-visible"]: itemOverflow,
|
11141
|
-
["ic-horizontal-scroll-dark"]: this.appearance ===
|
11142
|
-
["ic-horizontal-scroll-light"]: this.appearance ===
|
11204
|
+
["ic-horizontal-scroll-dark"]: this.appearance === IcBrandForegroundEnum.Dark,
|
11205
|
+
["ic-horizontal-scroll-light"]: this.appearance === IcBrandForegroundEnum.Light,
|
11206
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
11143
11207
|
} }, hAsync("div", { "aria-hidden": "true", class: {
|
11144
11208
|
["scroll-container-left"]: true,
|
11145
11209
|
["hidden"]: !itemOverflow,
|
11146
11210
|
["disabled"]: firstItemVisible,
|
11147
|
-
}, role: "tab" }, hAsync("ic-button", { class: "scroll-arrow", variant: "icon", "aria-label": "Scroll left",
|
11211
|
+
}, role: "tab" }, hAsync("ic-button", { class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll left", theme: this.theme === "light" || this.theme === "inherit"
|
11212
|
+
? "dark"
|
11213
|
+
: "light", monochrome: this.monochrome, innerHTML: LeftArrow, disabled: firstItemVisible, tabindex: "-1", onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler }), hAsync("span", { class: "scroll-splitter-left" })), hAsync("slot", null), hAsync("div", { "aria-hidden": "true", class: {
|
11148
11214
|
["scroll-container-right"]: true,
|
11149
11215
|
["hidden"]: !itemOverflow,
|
11150
11216
|
["disabled"]: lastItemVisible,
|
11151
|
-
}, role: "tab" }, hAsync("span", { class: "scroll-splitter-right" }), hAsync("ic-button", { class: "scroll-arrow", variant: "icon", "aria-label": "Scroll right",
|
11217
|
+
}, role: "tab" }, hAsync("span", { class: "scroll-splitter-right" }), hAsync("ic-button", { class: "scroll-arrow", variant: "icon-tertiary", "aria-label": "Scroll right", theme: this.theme === "light" || this.theme === "inherit"
|
11218
|
+
? "dark"
|
11219
|
+
: "light", monochrome: this.monochrome, innerHTML: RightArrow, disabled: lastItemVisible, tabindex: "-1", onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler }))));
|
11152
11220
|
}
|
11153
11221
|
get el() { return getElement(this); }
|
11154
11222
|
static get style() { return icHorizontalScrollCss; }
|
@@ -11157,6 +11225,8 @@ class HorizontalScroll {
|
|
11157
11225
|
"$tagName$": "ic-horizontal-scroll",
|
11158
11226
|
"$members$": {
|
11159
11227
|
"appearance": [1],
|
11228
|
+
"monochrome": [4],
|
11229
|
+
"theme": [1],
|
11160
11230
|
"focusTrigger": [1, "focus-trigger"],
|
11161
11231
|
"firstItemVisible": [32],
|
11162
11232
|
"itemOverflow": [32],
|
@@ -11169,7 +11239,7 @@ class HorizontalScroll {
|
|
11169
11239
|
}; }
|
11170
11240
|
}
|
11171
11241
|
|
11172
|
-
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-
|
11242
|
+
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-dark-hover)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n --border-color-pressed,\n var(--ic-color-border-neutral-pressed)\n )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}";
|
11173
11243
|
|
11174
11244
|
/**
|
11175
11245
|
* @slot left-icon - Content will be placed to the left of the input.
|
@@ -11182,7 +11252,6 @@ class InputComponentContainer {
|
|
11182
11252
|
? checkSlotInChildMutations(addedNodes, removedNodes, "left-icon")
|
11183
11253
|
: false)) ;
|
11184
11254
|
};
|
11185
|
-
this.appearance = "default";
|
11186
11255
|
this.disabled = false;
|
11187
11256
|
this.fullWidth = false;
|
11188
11257
|
this.multiLine = false;
|
@@ -11191,40 +11260,37 @@ class InputComponentContainer {
|
|
11191
11260
|
this.validationInline = false;
|
11192
11261
|
this.validationStatus = "";
|
11193
11262
|
}
|
11263
|
+
watchDisabledHandler() {
|
11264
|
+
removeDisabledFalse(this.disabled, this.el);
|
11265
|
+
}
|
11266
|
+
componentWillLoad() {
|
11267
|
+
removeDisabledFalse(this.disabled, this.el);
|
11268
|
+
}
|
11194
11269
|
componentDidLoad() {
|
11195
11270
|
this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
|
11196
11271
|
this.hostMutationObserver.observe(this.el, { childList: true });
|
11197
11272
|
}
|
11198
11273
|
render() {
|
11199
|
-
const { size, validationStatus, disabled, readonly, multiLine, fullWidth,
|
11200
|
-
const hasValidationStatus = this.validationStatus !== "" && !this.disabled && !this.readonly
|
11201
|
-
? true
|
11202
|
-
: false;
|
11274
|
+
const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;
|
11203
11275
|
return (hAsync(Host, { class: {
|
11204
11276
|
[`ic-input-component-container-${size}`]: true,
|
11205
|
-
[`ic-input-component-container-${validationStatus}`]:
|
11206
|
-
|
11207
|
-
|
11208
|
-
|
11209
|
-
|
11210
|
-
|
11211
|
-
|
11212
|
-
"focus-indicator": true,
|
11213
|
-
dark: appearance === "dark",
|
11214
|
-
} }, slotHasContent(this.el, "left-icon") && (hAsync("div", { class: {
|
11215
|
-
["icon-container"]: true,
|
11216
|
-
} }, hAsync("slot", { name: "left-icon" }))), hAsync("slot", null), validationInline &&
|
11217
|
-
validationStatus === IcInformationStatus.Success && (hAsync("span", { class: {
|
11218
|
-
["inline-success"]: true,
|
11219
|
-
}, innerHTML: successIcon })))));
|
11277
|
+
[`ic-input-component-container-${validationStatus}`]: validationStatus !== "" && !disabled && !readonly,
|
11278
|
+
"ic-input-component-container-disabled": disabled,
|
11279
|
+
"ic-input-component-container-readonly": readonly,
|
11280
|
+
"ic-input-component-container-multiline": multiLine,
|
11281
|
+
"ic-input-component-container-full-width": fullWidth,
|
11282
|
+
}, "aria-disabled": disabled ? "true" : null }, hAsync("div", { class: "focus-indicator" }, slotHasContent(this.el, "left-icon") && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "left-icon" }))), hAsync("slot", null), validationInline &&
|
11283
|
+
validationStatus === IcInformationStatus.Success && (hAsync("span", { class: "inline-success", innerHTML: successIcon })))));
|
11220
11284
|
}
|
11221
11285
|
get el() { return getElement(this); }
|
11286
|
+
static get watchers() { return {
|
11287
|
+
"disabled": ["watchDisabledHandler"]
|
11288
|
+
}; }
|
11222
11289
|
static get style() { return icInputComponentContainerCss; }
|
11223
11290
|
static get cmpMeta() { return {
|
11224
11291
|
"$flags$": 4,
|
11225
11292
|
"$tagName$": "ic-input-component-container",
|
11226
11293
|
"$members$": {
|
11227
|
-
"appearance": [1],
|
11228
11294
|
"disabled": [4],
|
11229
11295
|
"fullWidth": [4, "full-width"],
|
11230
11296
|
"multiLine": [4, "multi-line"],
|
@@ -11268,12 +11334,11 @@ class InputContainer {
|
|
11268
11334
|
}; }
|
11269
11335
|
}
|
11270
11336
|
|
11271
|
-
const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n --ic-input-label-text-color,\n var(--ic-color-text-primary)\n )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-
|
11337
|
+
const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n --ic-input-label-text-color,\n var(--ic-color-text-primary)\n )}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n --ic-input-label-helper-text-color,\n var(--ic-color-text-secondary)\n )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";
|
11272
11338
|
|
11273
11339
|
class InputLabel {
|
11274
11340
|
constructor(hostRef) {
|
11275
11341
|
registerInstance(this, hostRef);
|
11276
|
-
this.appearance = "default";
|
11277
11342
|
this.disabled = false;
|
11278
11343
|
this.for = undefined;
|
11279
11344
|
this.helperText = "";
|
@@ -11288,30 +11353,26 @@ class InputLabel {
|
|
11288
11353
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Input Label");
|
11289
11354
|
}
|
11290
11355
|
render() {
|
11291
|
-
const { disabled, readonly, label, required, helperText, status, hideLabel,
|
11356
|
+
const { disabled, readonly, label, required, helperText, status, hideLabel, useLabelTag, } = this;
|
11292
11357
|
const labelText = required ? label + " *" : label;
|
11293
|
-
const labelContent = readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText));
|
11294
|
-
const id = getInputHelperTextID(this.for);
|
11295
11358
|
return (hAsync(Host, { class: {
|
11296
|
-
|
11297
|
-
|
11298
|
-
|
11359
|
+
"ic-input-label-disabled": disabled,
|
11360
|
+
"ic-input-label-readonly": readonly,
|
11361
|
+
"with-helper": helperText !== "",
|
11299
11362
|
} }, !hideLabel && (hAsync("ic-typography", { variant: "label", class: {
|
11300
|
-
|
11301
|
-
|
11302
|
-
|
11303
|
-
|
11304
|
-
|
11305
|
-
|
11306
|
-
|
11307
|
-
} }, hAsync("span", { id: id }, helperText)))));
|
11363
|
+
"readonly-label": readonly,
|
11364
|
+
"error-label": status === "error" && !(readonly || disabled),
|
11365
|
+
} }, readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText)))), helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: {
|
11366
|
+
helpertext: true,
|
11367
|
+
"helpertext-normal": !disabled && !readonly,
|
11368
|
+
"helpertext-readonly": readonly,
|
11369
|
+
} }, hAsync("span", { id: getInputHelperTextID(this.for) }, helperText)))));
|
11308
11370
|
}
|
11309
11371
|
static get style() { return icInputLabelCss; }
|
11310
11372
|
static get cmpMeta() { return {
|
11311
11373
|
"$flags$": 0,
|
11312
11374
|
"$tagName$": "ic-input-label",
|
11313
11375
|
"$members$": {
|
11314
|
-
"appearance": [1],
|
11315
11376
|
"disabled": [4],
|
11316
11377
|
"for": [1],
|
11317
11378
|
"helperText": [1, "helper-text"],
|
@@ -11328,7 +11389,7 @@ class InputLabel {
|
|
11328
11389
|
}; }
|
11329
11390
|
}
|
11330
11391
|
|
11331
|
-
const icInputValidationCss = "ic-input-validation{width:var(--input-width, 20rem);margin-top:var(--ic-space-xs);display:flex}ic-input-validation.ic-input-validation-full-width{width:100%}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-
|
11392
|
+
const icInputValidationCss = "ic-input-validation{width:var(--input-width, 20rem);margin-top:var(--ic-space-xs);display:flex}ic-input-validation.ic-input-validation-full-width{width:100%}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-input-validation-success-icon-color)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-atoms-status-icon-error))}ic-input-validation span.icon-warning>svg{fill:var(--ic-input-validation-warning-icon-color)}ic-input-validation .statustext{flex-grow:1;color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n );--ic-typography-color:var(\n --ic-input-validation-status-text-color,\n var(--ic-color-text-primary)\n )}";
|
11332
11393
|
|
11333
11394
|
const icon = {
|
11334
11395
|
[IcInformationStatus.Warning]: warningIcon$1,
|
@@ -11351,15 +11412,15 @@ class InputValidation {
|
|
11351
11412
|
onComponentRequiredPropUndefined([{ prop: this.message, propName: "message" }], "Input Validation");
|
11352
11413
|
}
|
11353
11414
|
render() {
|
11354
|
-
const
|
11355
|
-
const
|
11415
|
+
const { ariaLiveMode, fullWidth, status, message } = this;
|
11416
|
+
const displayIcon = status !== "" ? icon[status] : "";
|
11356
11417
|
return (hAsync(Host, { class: {
|
11357
|
-
[`ic-input-validation-${
|
11358
|
-
|
11418
|
+
[`ic-input-validation-${status}`]: status !== "",
|
11419
|
+
"ic-input-validation-full-width": fullWidth,
|
11359
11420
|
} }, displayIcon !== "" && (hAsync("span", { class: {
|
11360
|
-
|
11361
|
-
[`icon-${
|
11362
|
-
}, innerHTML: displayIcon })), hAsync("ic-typography", { variant: "caption", class: "statustext" }, hAsync("span", { "aria-live":
|
11421
|
+
"status-icon": true,
|
11422
|
+
[`icon-${status}`]: true,
|
11423
|
+
}, innerHTML: displayIcon })), hAsync("ic-typography", { variant: "caption", class: "statustext" }, hAsync("span", { "aria-live": ariaLiveMode, id: getInputValidationTextID(this.for) }, message)), hAsync("slot", { name: "validation-message-adornment" })));
|
11363
11424
|
}
|
11364
11425
|
get el() { return getElement(this); }
|
11365
11426
|
static get style() { return icInputValidationCss; }
|
@@ -11381,7 +11442,7 @@ class InputValidation {
|
|
11381
11442
|
|
11382
11443
|
var OpenInNew = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>`;
|
11383
11444
|
|
11384
|
-
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(.ic-link) .link,\n:host(.ic-link) ::slotted(a)*/.ic-link.sc-ic-link-h .link.sc-ic-link,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link .sc-ic-link-s>a{color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus)*/.ic-link.sc-ic-link-h .link.sc-ic-link:visited,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:hover,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:hover,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited:hover,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:active,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited:active,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:focus,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited:focus{color:var(--ic-link-text-visited)}/*!@:host(.ic-link) .link:hover*/.ic-link.sc-ic-link-h .link.sc-ic-link:hover{color:var(--ic-link-text-hover)}/*!@:host(.ic-link) .link:active*/.ic-link.sc-ic-link-h .link.sc-ic-link:active{color:var(--ic-link-text-pressed)}/*!@:host(.ic-link) .link:focus*/.ic-link.sc-ic-link-h .link.sc-ic-link:focus{color:var(--ic-link-text-focused)}/*!@:host(.ic-link-monochrome) .link:hover*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:hover{color:var(--ic-link-text-hover-monochrome)}/*!@:host(.ic-link-monochrome) .link:active*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:active{color:var(--ic-link-text-pressed-monochrome)}/*!@:host(.ic-link-monochrome) .link:focus*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:focus{color:var(--ic-link-text-focused-monochrome)}/*!@:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus)*/.ic-link.sc-ic-link-h .link.sc-ic-link:hover,.ic-link.sc-ic-link-h .link.sc-ic-link:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link .sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus,.sc-ic-link-h.ic-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-underline-offset: 10%){/*!@:host(.ic-link) .link:hover,\n :host(.ic-link) .link:focus,\n :host(.ic-link) ::slotted(a:hover),\n :host(.ic-link) ::slotted(a:focus)*/.ic-link.sc-ic-link-h .link.sc-ic-link:hover,.ic-link.sc-ic-link-h .link.sc-ic-link:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link .sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus,.sc-ic-link-h.ic-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(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active)*/.ic-link.sc-ic-link-h .link.sc-ic-link:active,.ic-link.sc-ic-link-h .link.sc-ic-link:focus:active,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:active,.sc-ic-link-h.ic-link .sc-ic-link-s>a:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus:active,.sc-ic-link-h.ic-link .sc-ic-link-s>a:focus:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:active,.sc-ic-link-h.ic-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)}/*!@.link > .ic-link-open-in-new-icon*/.link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch)}/*!@.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}/*!@.link:visited > .ic-link-open-in-new-icon*/.link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch-visited)}/*!@:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a)*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a{color:var(--ic-link-text-monochrome)}/*!@:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus)*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited,.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited:hover,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited:hover,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited:hover,.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited:active,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited:active,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited:active,.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited:focus,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited:focus,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited:focus{color:var(--ic-link-text-visited-monochrome)}/*!@:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch-monochrome)}/*!@:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch-visited-monochrome)}/*!@:host(.breadcrumb-link) .link*/.breadcrumb-link.sc-ic-link-h .link.sc-ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .link*/.breadcrumb-link.sc-ic-link-h .link.sc-ic-link{color:var(--ic-breadcrumb-page-title)}/*!@:host(.ic-link-monochrome.breadcrumb-link) .link*/.ic-link-monochrome.breadcrumb-link.sc-ic-link-h .link.sc-ic-link{color:var(--ic-breadcrumb-page-title-monochrome)}/*!@:host(.breadcrumb-link) .link:hover*/.breadcrumb-link.sc-ic-link-h .link.sc-ic-link:hover{color:var(--ic-breadcrumb-page-title-hover)}/*!@:host(.ic-link-monochrome.breadcrumb-link) .link:hover*/.ic-link-monochrome.breadcrumb-link.sc-ic-link-h .link.sc-ic-link:hover{color:var(--ic-breadcrumb-page-title-hover-monochrome)}/*!@:host(.breadcrumb-link) .link:active*/.breadcrumb-link.sc-ic-link-h .link.sc-ic-link:active{color:var(--ic-breadcrumb-page-title-pressed)}/*!@:host(.ic-link-monochrome.breadcrumb-link) .link:active*/.ic-link-monochrome.breadcrumb-link.sc-ic-link-h .link.sc-ic-link:active{color:var(--ic-breadcrumb-page-title-pressed-monochrome)}/*!@:host(.breadcrumb-link) .link ::slotted(.back-icon)*/.sc-ic-link-h.breadcrumb-link .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) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-link-h .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) .link:visited*/.breadcrumb-link.current-page.sc-ic-link-h .link.sc-ic-link:visited{color:var(--ic-color-text-primary)}";
|
11445
|
+
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(.ic-link) .link,\n:host(.ic-link) ::slotted(a)*/.ic-link.sc-ic-link-h .link.sc-ic-link,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link .sc-ic-link-s>a{color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus)*/.ic-link.sc-ic-link-h .link.sc-ic-link:visited,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:hover,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:hover,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited:hover,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:active,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited:active,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:focus,.sc-ic-link-h.ic-link .sc-ic-link-s>a:visited:focus{color:var(--ic-link-text-visited)}/*!@:host(.ic-link) .link:hover*/.ic-link.sc-ic-link-h .link.sc-ic-link:hover{color:var(--ic-link-text-hover)}/*!@:host(.ic-link) .link:active*/.ic-link.sc-ic-link-h .link.sc-ic-link:active{color:var(--ic-link-text-pressed)}/*!@:host(.ic-link) .link:focus*/.ic-link.sc-ic-link-h .link.sc-ic-link:focus{color:var(--ic-link-text-focused)}/*!@:host(.ic-link-monochrome) .link:hover*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:hover{color:var(--ic-link-text-hover-monochrome)}/*!@:host(.ic-link-monochrome) .link:active*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:active{color:var(--ic-link-text-pressed-monochrome)}/*!@:host(.ic-link-monochrome) .link:focus*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:focus{color:var(--ic-link-text-focused-monochrome)}/*!@:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus)*/.ic-link.sc-ic-link-h .link.sc-ic-link:hover,.ic-link.sc-ic-link-h .link.sc-ic-link:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link .sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus,.sc-ic-link-h.ic-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-underline-offset: 10%){/*!@:host(.ic-link) .link:hover,\n :host(.ic-link) .link:focus,\n :host(.ic-link) ::slotted(a:hover),\n :host(.ic-link) ::slotted(a:focus)*/.ic-link.sc-ic-link-h .link.sc-ic-link:hover,.ic-link.sc-ic-link-h .link.sc-ic-link:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link .sc-ic-link-s>a:hover,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus,.sc-ic-link-h.ic-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(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active)*/.ic-link.sc-ic-link-h .link.sc-ic-link:active,.ic-link.sc-ic-link-h .link.sc-ic-link:focus:active,.ic-link.sc-ic-link-h .link.sc-ic-link:visited:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a,.sc-ic-link-h.ic-link.sc-ic-link-s>a:active,.sc-ic-link-h.ic-link .sc-ic-link-s>a:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus,.sc-ic-link-h.ic-link.sc-ic-link-s>a:focus:active,.sc-ic-link-h.ic-link .sc-ic-link-s>a:focus:active,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited,.sc-ic-link-h.ic-link.sc-ic-link-s>a:visited:active,.sc-ic-link-h.ic-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)}/*!@.link > .ic-link-open-in-new-icon*/.link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch)}/*!@.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}/*!@.link:visited > .ic-link-open-in-new-icon*/.link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch-visited)}/*!@:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a)*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a{color:var(--ic-link-text-monochrome)}/*!@:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus)*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited,.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited:hover,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited:hover,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited:hover,.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited:active,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited:active,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited:active,.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited:focus,.sc-ic-link-h.ic-link-monochrome.sc-ic-link-s>a:visited:focus,.sc-ic-link-h.ic-link-monochrome .sc-ic-link-s>a:visited:focus{color:var(--ic-link-text-visited-monochrome)}/*!@:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch-monochrome)}/*!@:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon*/.ic-link-monochrome.sc-ic-link-h .link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-link-icon-launch-visited-monochrome)}/*!@:host(.breadcrumb-link) .link*/.breadcrumb-link.sc-ic-link-h .link.sc-ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .link ::slotted(.back-icon)*/.sc-ic-link-h.breadcrumb-link .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) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-link-h .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) .link:visited*/.breadcrumb-link.current-page.sc-ic-link-h .link.sc-ic-link:visited{color:var(--ic-color-text-primary)}";
|
11385
11446
|
|
11386
11447
|
/**
|
11387
11448
|
* @slot router-item - Handle routing by nesting your routes in this slot.
|
@@ -11424,7 +11485,7 @@ class Link {
|
|
11424
11485
|
var _a;
|
11425
11486
|
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
11426
11487
|
}
|
11427
|
-
|
11488
|
+
brandChangeHandler({ detail }) {
|
11428
11489
|
this.updateTheme(detail.mode);
|
11429
11490
|
}
|
11430
11491
|
/**
|
@@ -11434,16 +11495,14 @@ class Link {
|
|
11434
11495
|
var _a;
|
11435
11496
|
(_a = this.el.shadowRoot.querySelector("a")) === null || _a === void 0 ? void 0 : _a.focus();
|
11436
11497
|
}
|
11437
|
-
updateTheme(
|
11438
|
-
const theme =
|
11439
|
-
if (theme !==
|
11498
|
+
updateTheme(mode = null) {
|
11499
|
+
const theme = getBrandFromContext(this.el, mode);
|
11500
|
+
if (theme !== IcBrandForegroundEnum.Default) {
|
11440
11501
|
this.monochrome = true;
|
11441
|
-
|
11442
|
-
|
11443
|
-
|
11444
|
-
|
11445
|
-
this.theme = "light";
|
11446
|
-
}
|
11502
|
+
this.theme =
|
11503
|
+
theme === IcBrandForegroundEnum.Light
|
11504
|
+
? IcBrandForegroundEnum.Dark
|
11505
|
+
: IcBrandForegroundEnum.Light;
|
11447
11506
|
}
|
11448
11507
|
}
|
11449
11508
|
hasRouterSlot() {
|
@@ -11473,14 +11532,14 @@ class Link {
|
|
11473
11532
|
"download": [8],
|
11474
11533
|
"href": [1],
|
11475
11534
|
"hreflang": [1],
|
11476
|
-
"monochrome": [
|
11535
|
+
"monochrome": [1028],
|
11477
11536
|
"referrerpolicy": [1],
|
11478
11537
|
"rel": [1],
|
11479
11538
|
"target": [1],
|
11480
|
-
"theme": [
|
11539
|
+
"theme": [1025],
|
11481
11540
|
"setFocus": [64]
|
11482
11541
|
},
|
11483
|
-
"$listeners$": [[4, "
|
11542
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
11484
11543
|
"$lazyBundleId$": "-",
|
11485
11544
|
"$attrsToReflect$": []
|
11486
11545
|
}; }
|
@@ -13498,7 +13557,7 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
|
|
13498
13557
|
</svg>
|
13499
13558
|
`;
|
13500
13559
|
|
13501
|
-
const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-color-text-primary));--ic-typography-color:var(\n --menu-item-text-color,\n var(--ic-color-text-primary)\n );background-color:var(--menu-bg-color, var(--ic-architectural-white));position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(--menu-bg-color, var(--ic-architectural-white));visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n var(--menu-border-color, var(--ic-architectural-400));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-pressed)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(--ic-color-text-secondary)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-text-secondary);--ic-typography-color:var(--ic-color-text-secondary)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error-default);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-color-text-tertiary)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-architectural-white) !important;--ic-typography-color:var(--ic-architectural-white) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-architectural-40);visibility:hidden;border-bottom:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
|
13560
|
+
const icMenuCss = "html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type=\"button\"].sc-ic-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type=\"button\"].sc-ic-menu:-moz-focusring,[type=\"reset\"].sc-ic-menu:-moz-focusring,[type=\"submit\"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{max-height:0;width:var(--menu-width, var(--input-width, 20rem));color:var(--menu-item-text-color, var(--ic-menu-list-option-text-color));--ic-typography-color:var(\n --menu-item-text-color,\n var(--ic-menu-list-option-text-color)\n );background-color:var(\n --menu-bg-color,\n var(--ic-menu-list-option-background-color)\n );position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:var(--ic-border-radius)}.ic-menu-open.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}.ic-select-select-all-focused.sc-ic-menu-h{box-shadow:var(--ic-elevation-overlay) !important}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border-radius:1px;background-color:var(\n --menu-bg-color,\n var(--ic-menu-list-option-background-color)\n );visibility:hidden;max-height:0;overflow-y:hidden}.menu.sc-ic-menu:has(+.option-bar).sc-ic-menu{border-radius:0 0 1px 1px}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:flex;flex-direction:column-reverse;border:var(--ic-border-width) solid\n var(--menu-border-color, var(--ic-menu-border-color));transition:box-shadow var(--ic-easing-transition-fast)}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-open.sc-ic-menu-h .option-bar.sc-ic-menu{visibility:visible}.ic-menu-open.sc-ic-menu-h .select-all-button.sc-ic-menu{display:block}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center}.loading-option.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}.sc-ic-menu:not(.menu:has(+.option-bar)).sc-ic-menu .option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-menu-list-option-hover-background-color)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-menu-list-option-pressed-background-color)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(\n --menu-item-desc-text-color,\n var(--ic-menu-list-option-description-text-color)\n )}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-label.sc-ic-menu ic-typography.sc-ic-menu{max-width:100%;word-wrap:break-word}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none;width:100%}.option-text-container.show-check-icon.sc-ic-menu{width:calc(var(--ic-space-lg) * 10 + var(--ic-space-xl))}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-menu-loading-list-option-text-color);--ic-typography-color:var(--ic-menu-loading-list-option-text-color)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-atoms-status-icon-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);min-width:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xs);--ic-typography-color:var(--ic-menu-option-group-label-text-color)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-menu-last-recommended-option-border)}.disabled-option.sc-ic-menu{color:var(--ic-atoms-list-option-text-disabled-light);--ic-typography-color:var(--ic-atoms-list-option-text-disabled-light);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-atoms-list-option-text-focused-light) !important;--ic-typography-color:var(\n --ic-atoms-list-option-text-focused-light\n ) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}.option-bar.sc-ic-menu{padding:var(--ic-space-xxs) var(--ic-space-xs);display:flex;align-items:center;justify-content:space-between;background-color:var(--ic-menu-option-bar-background-color);visibility:hidden;border-bottom:var(--ic-border-width) solid\n var(--ic-menu-option-bar-divider-color);border-radius:1px 1px 0 0}.option-bar.sc-ic-menu p.sc-ic-menu{margin-bottom:0 !important}.ic-menu-large.sc-ic-menu-h .option-bar.sc-ic-menu{padding:var(--ic-space-xs)}.select-all-button.sc-ic-menu{display:none}.select-all-button.sc-ic-menu:focus{z-index:calc(var(--ic-z-index-menu) + 1)}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
|
13502
13561
|
|
13503
13562
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
13504
13563
|
class Menu {
|
@@ -14212,7 +14271,7 @@ class Menu {
|
|
14212
14271
|
this.menuOptions = undefined;
|
14213
14272
|
this.activationType = "automatic";
|
14214
14273
|
this.anchorEl = undefined;
|
14215
|
-
this.
|
14274
|
+
this.autofocusOnSelected = true;
|
14216
14275
|
this.closeOnSelect = true;
|
14217
14276
|
this.fullWidth = false;
|
14218
14277
|
this.inputEl = undefined;
|
@@ -14283,7 +14342,7 @@ class Menu {
|
|
14283
14342
|
if (this.value &&
|
14284
14343
|
this.keyboardNav &&
|
14285
14344
|
inputValueInOptions &&
|
14286
|
-
this.
|
14345
|
+
this.autofocusOnSelected &&
|
14287
14346
|
!this.isSearchableSelect) {
|
14288
14347
|
this.scrollToSelected(this.menu);
|
14289
14348
|
}
|
@@ -14432,7 +14491,7 @@ class Menu {
|
|
14432
14491
|
"$members$": {
|
14433
14492
|
"activationType": [1, "activation-type"],
|
14434
14493
|
"anchorEl": [16],
|
14435
|
-
"
|
14494
|
+
"autofocusOnSelected": [4, "autofocus-on-selected"],
|
14436
14495
|
"closeOnSelect": [4, "close-on-select"],
|
14437
14496
|
"fullWidth": [4, "full-width"],
|
14438
14497
|
"inputEl": [16],
|
@@ -14499,6 +14558,7 @@ class MenuItem {
|
|
14499
14558
|
registerInstance(this, hostRef);
|
14500
14559
|
this.childBlur = createEvent(this, "childBlur", 7);
|
14501
14560
|
this.handleMenuItemClick = createEvent(this, "handleMenuItemClick", 7);
|
14561
|
+
this.icToggleChecked = createEvent(this, "icToggleChecked", 7);
|
14502
14562
|
this.triggerPopoverMenuInstance = createEvent(this, "triggerPopoverMenuInstance", 7);
|
14503
14563
|
this.handleClick = (e) => {
|
14504
14564
|
if (isPropDefined(this.submenuTriggerFor)) {
|
@@ -14506,12 +14566,12 @@ class MenuItem {
|
|
14506
14566
|
}
|
14507
14567
|
else if (this.variant === "toggle") {
|
14508
14568
|
e.preventDefault();
|
14509
|
-
this.
|
14569
|
+
this.checked = !this.checked;
|
14570
|
+
this.icToggleChecked.emit({
|
14571
|
+
checked: this.checked,
|
14572
|
+
});
|
14510
14573
|
}
|
14511
|
-
this.handleMenuItemClick.emit(
|
14512
|
-
label: this.label,
|
14513
|
-
hasSubMenu: !!this.el.submenuTriggerFor,
|
14514
|
-
});
|
14574
|
+
this.handleMenuItemClick.emit(this.el);
|
14515
14575
|
};
|
14516
14576
|
this.getMenuItemAriaLabel = () => {
|
14517
14577
|
let ariaLabel = this.label;
|
@@ -14539,7 +14599,7 @@ class MenuItem {
|
|
14539
14599
|
return ariaLabel;
|
14540
14600
|
}
|
14541
14601
|
};
|
14542
|
-
this.
|
14602
|
+
this.checked = false;
|
14543
14603
|
this.description = undefined;
|
14544
14604
|
this.disabled = false;
|
14545
14605
|
this.href = undefined;
|
@@ -14552,6 +14612,9 @@ class MenuItem {
|
|
14552
14612
|
this.target = undefined;
|
14553
14613
|
this.variant = "default";
|
14554
14614
|
}
|
14615
|
+
watchDisabledHandler() {
|
14616
|
+
removeDisabledFalse(this.disabled, this.el);
|
14617
|
+
}
|
14555
14618
|
componentWillLoad() {
|
14556
14619
|
// This ensures that trigger menu items are always set to the default variant
|
14557
14620
|
if (isPropDefined(this.submenuTriggerFor) && this.variant !== "default") {
|
@@ -14575,7 +14638,7 @@ class MenuItem {
|
|
14575
14638
|
return (hAsync(Host, { class: {
|
14576
14639
|
["ic-menu-item-disabled"]: this.disabled,
|
14577
14640
|
} }, hAsync("li", { role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
|
14578
|
-
? this.
|
14641
|
+
? this.checked
|
14579
14642
|
? "true"
|
14580
14643
|
: "false"
|
14581
14644
|
: 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(), "aria-haspopup": isPropDefined(this.submenuTriggerFor) ||
|
@@ -14583,16 +14646,20 @@ class MenuItem {
|
|
14583
14646
|
? "menu"
|
14584
14647
|
: false }, hAsync("div", { class: "focus-border" }, isSlotUsed(this.el, "icon") && (hAsync("span", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync(MenuItemInformation, null), this.variant === "toggle" && (hAsync("span", { class: {
|
14585
14648
|
["check-icon"]: true,
|
14586
|
-
["hide"]: !this.
|
14649
|
+
["hide"]: !this.checked,
|
14587
14650
|
}, "aria-hidden": "true", innerHTML: checkIcon })), isPropDefined(this.submenuTriggerFor) && (hAsync("span", { class: { ["submenu-icon"]: true }, "aria-hidden": "true", innerHTML: chevronIcon })))))));
|
14588
14651
|
}
|
14589
14652
|
static get delegatesFocus() { return true; }
|
14590
14653
|
get el() { return getElement(this); }
|
14654
|
+
static get watchers() { return {
|
14655
|
+
"disabled": ["watchDisabledHandler"]
|
14656
|
+
}; }
|
14591
14657
|
static get style() { return icMenuItemCss; }
|
14592
14658
|
static get cmpMeta() { return {
|
14593
14659
|
"$flags$": 25,
|
14594
14660
|
"$tagName$": "ic-menu-item",
|
14595
14661
|
"$members$": {
|
14662
|
+
"checked": [1540],
|
14596
14663
|
"description": [1],
|
14597
14664
|
"disabled": [4],
|
14598
14665
|
"href": [1],
|
@@ -14603,16 +14670,15 @@ class MenuItem {
|
|
14603
14670
|
"rel": [1],
|
14604
14671
|
"submenuTriggerFor": [1, "submenu-trigger-for"],
|
14605
14672
|
"target": [1],
|
14606
|
-
"variant": [1537]
|
14607
|
-
"toggleChecked": [32]
|
14673
|
+
"variant": [1537]
|
14608
14674
|
},
|
14609
14675
|
"$listeners$": [[2, "click", "handleHostClick"]],
|
14610
14676
|
"$lazyBundleId$": "-",
|
14611
|
-
"$attrsToReflect$": [["variant", "variant"]]
|
14677
|
+
"$attrsToReflect$": [["checked", "checked"], ["variant", "variant"]]
|
14612
14678
|
}; }
|
14613
14679
|
}
|
14614
14680
|
|
14615
|
-
const icNavigationButtonCss = "/*!@html*/html.sc-ic-navigation-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-button{margin:0}/*!@main*/main.sc-ic-navigation-button{display:block}/*!@h1*/h1.sc-ic-navigation-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-button,strong.sc-ic-navigation-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-button,kbd.sc-ic-navigation-button,samp.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-button,sup.sc-ic-navigation-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-button{top:-0.5em}/*!@img*/img.sc-ic-navigation-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-button,input.sc-ic-navigation-button,optgroup.sc-ic-navigation-button,select.sc-ic-navigation-button,textarea.sc-ic-navigation-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-button,input.sc-ic-navigation-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-button,select.sc-ic-navigation-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-button,[type=\"button\"].sc-ic-navigation-button,[type=\"reset\"].sc-ic-navigation-button,[type=\"submit\"].sc-ic-navigation-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-navigation-button::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-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-navigation-button:-moz-focusring,[type=\"button\"].sc-ic-navigation-button:-moz-focusring,[type=\"reset\"].sc-ic-navigation-button:-moz-focusring,[type=\"submit\"].sc-ic-navigation-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-button,[type=\"radio\"].sc-ic-navigation-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-button{display:block}/*!@summary*/summary.sc-ic-navigation-button{display:list-item}/*!@template*/template.sc-ic-navigation-button{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-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-navigation-button,body.sc-ic-navigation-button,div.sc-ic-navigation-button,span.sc-ic-navigation-button,applet.sc-ic-navigation-button,object.sc-ic-navigation-button,iframe.sc-ic-navigation-button,h1.sc-ic-navigation-button,h2.sc-ic-navigation-button,h3.sc-ic-navigation-button,h4.sc-ic-navigation-button,h5.sc-ic-navigation-button,h6.sc-ic-navigation-button,p.sc-ic-navigation-button,blockquote.sc-ic-navigation-button,pre.sc-ic-navigation-button,a.sc-ic-navigation-button,abbr.sc-ic-navigation-button,acronym.sc-ic-navigation-button,address.sc-ic-navigation-button,big.sc-ic-navigation-button,cite.sc-ic-navigation-button,code.sc-ic-navigation-button,del.sc-ic-navigation-button,dfn.sc-ic-navigation-button,em.sc-ic-navigation-button,img.sc-ic-navigation-button,ins.sc-ic-navigation-button,kbd.sc-ic-navigation-button,q.sc-ic-navigation-button,s.sc-ic-navigation-button,samp.sc-ic-navigation-button,small.sc-ic-navigation-button,strike.sc-ic-navigation-button,strong.sc-ic-navigation-button,sub.sc-ic-navigation-button,sup.sc-ic-navigation-button,tt.sc-ic-navigation-button,var.sc-ic-navigation-button,b.sc-ic-navigation-button,u.sc-ic-navigation-button,i.sc-ic-navigation-button,center.sc-ic-navigation-button,dl.sc-ic-navigation-button,dt.sc-ic-navigation-button,dd.sc-ic-navigation-button,ol.sc-ic-navigation-button,ul.sc-ic-navigation-button,li.sc-ic-navigation-button,fieldset.sc-ic-navigation-button,form.sc-ic-navigation-button,label.sc-ic-navigation-button,legend.sc-ic-navigation-button,table.sc-ic-navigation-button,caption.sc-ic-navigation-button,tbody.sc-ic-navigation-button,tfoot.sc-ic-navigation-button,thead.sc-ic-navigation-button,tr.sc-ic-navigation-button,th.sc-ic-navigation-button,td.sc-ic-navigation-button,article.sc-ic-navigation-button,aside.sc-ic-navigation-button,canvas.sc-ic-navigation-button,details.sc-ic-navigation-button,embed.sc-ic-navigation-button,figure.sc-ic-navigation-button,figcaption.sc-ic-navigation-button,footer.sc-ic-navigation-button,header.sc-ic-navigation-button,hgroup.sc-ic-navigation-button,menu.sc-ic-navigation-button,nav.sc-ic-navigation-button,output.sc-ic-navigation-button,ruby.sc-ic-navigation-button,section.sc-ic-navigation-button,summary.sc-ic-navigation-button,time.sc-ic-navigation-button,mark.sc-ic-navigation-button,audio.sc-ic-navigation-button,video.sc-ic-navigation-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-button-h{display:block;margin-right:var(--ic-space-xs);list-style:none}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-button-h{margin-right:0}/*!@:host::part(button)*/.sc-ic-navigation-button-h::part(button){height:100%;min-height:2.5rem}";
|
14681
|
+
const icNavigationButtonCss = "/*!@html*/html.sc-ic-navigation-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-button{margin:0}/*!@main*/main.sc-ic-navigation-button{display:block}/*!@h1*/h1.sc-ic-navigation-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-button,strong.sc-ic-navigation-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-button,kbd.sc-ic-navigation-button,samp.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-button,sup.sc-ic-navigation-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-button{top:-0.5em}/*!@img*/img.sc-ic-navigation-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-button,input.sc-ic-navigation-button,optgroup.sc-ic-navigation-button,select.sc-ic-navigation-button,textarea.sc-ic-navigation-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-button,input.sc-ic-navigation-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-button,select.sc-ic-navigation-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-button,[type=\"button\"].sc-ic-navigation-button,[type=\"reset\"].sc-ic-navigation-button,[type=\"submit\"].sc-ic-navigation-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-navigation-button::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-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-navigation-button:-moz-focusring,[type=\"button\"].sc-ic-navigation-button:-moz-focusring,[type=\"reset\"].sc-ic-navigation-button:-moz-focusring,[type=\"submit\"].sc-ic-navigation-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-button,[type=\"radio\"].sc-ic-navigation-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-button{display:block}/*!@summary*/summary.sc-ic-navigation-button{display:list-item}/*!@template*/template.sc-ic-navigation-button{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-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-navigation-button,body.sc-ic-navigation-button,div.sc-ic-navigation-button,span.sc-ic-navigation-button,applet.sc-ic-navigation-button,object.sc-ic-navigation-button,iframe.sc-ic-navigation-button,h1.sc-ic-navigation-button,h2.sc-ic-navigation-button,h3.sc-ic-navigation-button,h4.sc-ic-navigation-button,h5.sc-ic-navigation-button,h6.sc-ic-navigation-button,p.sc-ic-navigation-button,blockquote.sc-ic-navigation-button,pre.sc-ic-navigation-button,a.sc-ic-navigation-button,abbr.sc-ic-navigation-button,acronym.sc-ic-navigation-button,address.sc-ic-navigation-button,big.sc-ic-navigation-button,cite.sc-ic-navigation-button,code.sc-ic-navigation-button,del.sc-ic-navigation-button,dfn.sc-ic-navigation-button,em.sc-ic-navigation-button,img.sc-ic-navigation-button,ins.sc-ic-navigation-button,kbd.sc-ic-navigation-button,q.sc-ic-navigation-button,s.sc-ic-navigation-button,samp.sc-ic-navigation-button,small.sc-ic-navigation-button,strike.sc-ic-navigation-button,strong.sc-ic-navigation-button,sub.sc-ic-navigation-button,sup.sc-ic-navigation-button,tt.sc-ic-navigation-button,var.sc-ic-navigation-button,b.sc-ic-navigation-button,u.sc-ic-navigation-button,i.sc-ic-navigation-button,center.sc-ic-navigation-button,dl.sc-ic-navigation-button,dt.sc-ic-navigation-button,dd.sc-ic-navigation-button,ol.sc-ic-navigation-button,ul.sc-ic-navigation-button,li.sc-ic-navigation-button,fieldset.sc-ic-navigation-button,form.sc-ic-navigation-button,label.sc-ic-navigation-button,legend.sc-ic-navigation-button,table.sc-ic-navigation-button,caption.sc-ic-navigation-button,tbody.sc-ic-navigation-button,tfoot.sc-ic-navigation-button,thead.sc-ic-navigation-button,tr.sc-ic-navigation-button,th.sc-ic-navigation-button,td.sc-ic-navigation-button,article.sc-ic-navigation-button,aside.sc-ic-navigation-button,canvas.sc-ic-navigation-button,details.sc-ic-navigation-button,embed.sc-ic-navigation-button,figure.sc-ic-navigation-button,figcaption.sc-ic-navigation-button,footer.sc-ic-navigation-button,header.sc-ic-navigation-button,hgroup.sc-ic-navigation-button,menu.sc-ic-navigation-button,nav.sc-ic-navigation-button,output.sc-ic-navigation-button,ruby.sc-ic-navigation-button,section.sc-ic-navigation-button,summary.sc-ic-navigation-button,time.sc-ic-navigation-button,mark.sc-ic-navigation-button,audio.sc-ic-navigation-button,video.sc-ic-navigation-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-button-h{display:block;margin-right:var(--ic-space-xs);list-style:none}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-button-h{margin-right:0}/*!@:host::part(button)*/.sc-ic-navigation-button-h::part(button){height:100%;min-height:2.5rem}/*!@:host(.in-side-menu) ::part(button)*/.in-side-menu.sc-ic-navigation-button-h .sc-ic-navigation-button::part(button){color:var(--ic-top-navigation-icon-active)}/*!@:host(.in-side-menu) ::part(button):hover*/.in-side-menu.sc-ic-navigation-button-h .sc-ic-navigation-button::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}/*!@:host(.in-side-menu) ::part(button):active*/.in-side-menu.sc-ic-navigation-button-h .sc-ic-navigation-button::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}";
|
14616
14682
|
|
14617
14683
|
const MUTABLE_ATTRIBUTES$2 = [...IC_INHERITED_ARIA, "title"];
|
14618
14684
|
/**
|
@@ -14633,7 +14699,7 @@ class NavigationButton {
|
|
14633
14699
|
}
|
14634
14700
|
});
|
14635
14701
|
};
|
14636
|
-
this.initialAppearance =
|
14702
|
+
this.initialAppearance = getBrandForegroundAppearance();
|
14637
14703
|
this.mode = "navbar";
|
14638
14704
|
this.download = false;
|
14639
14705
|
this.href = undefined;
|
@@ -14642,6 +14708,7 @@ class NavigationButton {
|
|
14642
14708
|
this.referrerpolicy = undefined;
|
14643
14709
|
this.rel = undefined;
|
14644
14710
|
this.target = undefined;
|
14711
|
+
this.theme = "inherit";
|
14645
14712
|
}
|
14646
14713
|
componentWillLoad() {
|
14647
14714
|
this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES$2);
|
@@ -14667,9 +14734,8 @@ class NavigationButton {
|
|
14667
14734
|
navBarMenuCloseHandler() {
|
14668
14735
|
this.mode = "navbar";
|
14669
14736
|
}
|
14670
|
-
|
14671
|
-
|
14672
|
-
this.initialAppearance = theme.mode;
|
14737
|
+
brandChangeHandler(ev) {
|
14738
|
+
this.initialAppearance = ev.detail.mode;
|
14673
14739
|
}
|
14674
14740
|
/**
|
14675
14741
|
* Sets focus on the native `button`.
|
@@ -14691,7 +14757,7 @@ class NavigationButton {
|
|
14691
14757
|
if (this.mode === "menu") {
|
14692
14758
|
label = this.label;
|
14693
14759
|
variant = "tertiary";
|
14694
|
-
appearance =
|
14760
|
+
appearance = IcBrandForegroundEnum.Default;
|
14695
14761
|
size = "medium";
|
14696
14762
|
fullWidth = true;
|
14697
14763
|
className = "popout-menu-button";
|
@@ -14709,7 +14775,10 @@ class NavigationButton {
|
|
14709
14775
|
fullWidth,
|
14710
14776
|
disableTooltip,
|
14711
14777
|
};
|
14712
|
-
return (hAsync(Host, { class: {
|
14778
|
+
return (hAsync(Host, { class: {
|
14779
|
+
["in-side-menu"]: this.mode === "menu",
|
14780
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
14781
|
+
} }, hAsync("ic-button", Object.assign({ class: className, "aria-label": variant == "icon" ? this.label : null, ref: (el) => (this.buttonEl = el) }, buttonProps, this.inheritedAttributes, { monochrome: this.mode !== "menu", theme: getBrandForegroundAppearance() == "light" ? "light" : "dark" }), label, hAsync("slot", { slot: "left-icon", name: "icon" }), isSlotUsed(this.el, "badge") && variant === "icon" && (hAsync("slot", { name: "badge" })))));
|
14713
14782
|
}
|
14714
14783
|
static get delegatesFocus() { return true; }
|
14715
14784
|
get el() { return getElement(this); }
|
@@ -14725,17 +14794,18 @@ class NavigationButton {
|
|
14725
14794
|
"referrerpolicy": [1],
|
14726
14795
|
"rel": [1],
|
14727
14796
|
"target": [1],
|
14797
|
+
"theme": [1],
|
14728
14798
|
"initialAppearance": [32],
|
14729
14799
|
"mode": [32],
|
14730
14800
|
"setFocus": [64]
|
14731
14801
|
},
|
14732
|
-
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "
|
14802
|
+
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "brandChange", "brandChangeHandler"]],
|
14733
14803
|
"$lazyBundleId$": "-",
|
14734
14804
|
"$attrsToReflect$": []
|
14735
14805
|
}; }
|
14736
14806
|
}
|
14737
14807
|
|
14738
|
-
const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-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-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-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-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-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-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid var(--ic-architectural-200);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;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);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-action-default);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:active,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-architectural-20);color:var(--ic-action-default);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-architectural-20);border-bottom:var(--ic-border-default);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
|
14808
|
+
const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-group{margin:0}/*!@main*/main.sc-ic-navigation-group{display:block}/*!@h1*/h1.sc-ic-navigation-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-group,strong.sc-ic-navigation-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-group,kbd.sc-ic-navigation-group,samp.sc-ic-navigation-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-group,sup.sc-ic-navigation-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-group{top:-0.5em}/*!@img*/img.sc-ic-navigation-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-group,input.sc-ic-navigation-group,optgroup.sc-ic-navigation-group,select.sc-ic-navigation-group,textarea.sc-ic-navigation-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-group,input.sc-ic-navigation-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-group,select.sc-ic-navigation-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-group,[type=\"button\"].sc-ic-navigation-group,[type=\"reset\"].sc-ic-navigation-group,[type=\"submit\"].sc-ic-navigation-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-navigation-group::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-group::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-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-navigation-group:-moz-focusring,[type=\"button\"].sc-ic-navigation-group:-moz-focusring,[type=\"reset\"].sc-ic-navigation-group:-moz-focusring,[type=\"submit\"].sc-ic-navigation-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-group,[type=\"radio\"].sc-ic-navigation-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-group{display:block}/*!@summary*/summary.sc-ic-navigation-group{display:list-item}/*!@template*/template.sc-ic-navigation-group{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-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-navigation-group,body.sc-ic-navigation-group,div.sc-ic-navigation-group,span.sc-ic-navigation-group,applet.sc-ic-navigation-group,object.sc-ic-navigation-group,iframe.sc-ic-navigation-group,h1.sc-ic-navigation-group,h2.sc-ic-navigation-group,h3.sc-ic-navigation-group,h4.sc-ic-navigation-group,h5.sc-ic-navigation-group,h6.sc-ic-navigation-group,p.sc-ic-navigation-group,blockquote.sc-ic-navigation-group,pre.sc-ic-navigation-group,a.sc-ic-navigation-group,abbr.sc-ic-navigation-group,acronym.sc-ic-navigation-group,address.sc-ic-navigation-group,big.sc-ic-navigation-group,cite.sc-ic-navigation-group,code.sc-ic-navigation-group,del.sc-ic-navigation-group,dfn.sc-ic-navigation-group,em.sc-ic-navigation-group,img.sc-ic-navigation-group,ins.sc-ic-navigation-group,kbd.sc-ic-navigation-group,q.sc-ic-navigation-group,s.sc-ic-navigation-group,samp.sc-ic-navigation-group,small.sc-ic-navigation-group,strike.sc-ic-navigation-group,strong.sc-ic-navigation-group,sub.sc-ic-navigation-group,sup.sc-ic-navigation-group,tt.sc-ic-navigation-group,var.sc-ic-navigation-group,b.sc-ic-navigation-group,u.sc-ic-navigation-group,i.sc-ic-navigation-group,center.sc-ic-navigation-group,dl.sc-ic-navigation-group,dt.sc-ic-navigation-group,dd.sc-ic-navigation-group,ol.sc-ic-navigation-group,ul.sc-ic-navigation-group,li.sc-ic-navigation-group,fieldset.sc-ic-navigation-group,form.sc-ic-navigation-group,label.sc-ic-navigation-group,legend.sc-ic-navigation-group,table.sc-ic-navigation-group,caption.sc-ic-navigation-group,tbody.sc-ic-navigation-group,tfoot.sc-ic-navigation-group,thead.sc-ic-navigation-group,tr.sc-ic-navigation-group,th.sc-ic-navigation-group,td.sc-ic-navigation-group,article.sc-ic-navigation-group,aside.sc-ic-navigation-group,canvas.sc-ic-navigation-group,details.sc-ic-navigation-group,embed.sc-ic-navigation-group,figure.sc-ic-navigation-group,figcaption.sc-ic-navigation-group,footer.sc-ic-navigation-group,header.sc-ic-navigation-group,hgroup.sc-ic-navigation-group,menu.sc-ic-navigation-group,nav.sc-ic-navigation-group,output.sc-ic-navigation-group,ruby.sc-ic-navigation-group,section.sc-ic-navigation-group,summary.sc-ic-navigation-group,time.sc-ic-navigation-group,mark.sc-ic-navigation-group,audio.sc-ic-navigation-group,video.sc-ic-navigation-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-group-h{display:block;--ic-typography-color:currentcolor}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}/*!@:host .navigation-group*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;white-space:nowrap}/*!@:host(.in-side-menu) .navigation-group*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:2.5rem;width:100%;text-align:left}/*!@:host(.in-side-menu) .navigation-group .ic-typography-label*/.in-side-menu.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group .ic-typography-label.sc-ic-navigation-group{width:11.875rem}/*!@:host(.in-side-menu) .navigation-group-side-menu*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:0 var(--ic-space-md) 0 var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding-left:var(--ic-space-md)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group{margin-bottom:var(--ic-space-xs)}/*!@:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group::after,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:\"\";display:inline-block;height:0.45em;left:0.75em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;width:0.45em}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded::after*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group::after{top:0.15em;transform:rotate(-45deg)}/*!@:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected*/.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}/*!@:host(:not(.in-side-menu)) .navigation-group:focus*/.sc-ic-navigation-group-h:not(.in-side-menu) .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}/*!@:host(.in-side-menu) .navigation-group-side-menu:hover,\n:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:hover,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{background-color:var(--ic-top-navigation-nav-group-hover);color:var(--ic-top-navigation-nav-group-link);cursor:auto;box-shadow:none;outline:none}/*!@:host(.in-side-menu) .navigation-group-side-menu:active*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:active{background-color:var(--ic-top-navigation-nav-group-pressed);color:var(--ic-top-navigation-nav-group-link)}/*!@:host(.in-side-menu) .navigation-group-side-menu:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu.sc-ic-navigation-group:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:hover:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover);color:var(--ic-action-default);cursor:pointer}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus)*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:active:not(:focus),.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:active:not(:focus){background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-default)}/*!@:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus*/.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-expanded.sc-ic-navigation-group:focus,.in-side-menu.sc-ic-navigation-group-h .navigation-group-side-menu-collapsed.sc-ic-navigation-group:focus{color:var(--ic-action-default);box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline)}/*!@:host .navigation-group-dropdown*/.sc-ic-navigation-group-h .navigation-group-dropdown.sc-ic-navigation-group{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}/*!@:host .navigation-group-dropdown-items-list*/.sc-ic-navigation-group-h .navigation-group-dropdown-items-list.sc-ic-navigation-group{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}/*!@:host .chevron-toggle-icon-wrapper*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group{display:flex;align-items:center}/*!@:host .chevron-toggle-icon-wrapper svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-wrapper.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host .chevron-toggle-icon-closed svg*/.sc-ic-navigation-group-h .chevron-toggle-icon-closed.sc-ic-navigation-group svg.sc-ic-navigation-group{transform:rotate(-90deg)}/*!@:host(.ic-navigation-group-expanded) .grouped-links-wrapper*/.ic-navigation-group-expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a)*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .link.sc-ic-navigation-group,.sc-ic-navigation-group-h.ic-navigation-group-side-nav.sc-ic-navigation-group-s>a,.sc-ic-navigation-group-h.ic-navigation-group-side-nav .sc-ic-navigation-group-s>a{height:var(--navigation-child-items-height, auto)}/*!@:host(.ic-navigation-group-collapsed) .grouped-links-wrapper*/.ic-navigation-group-collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.ic-navigation-group-side-nav) .navigation-group*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group{height:var(--navigation-group-height);width:var(--navigation-group-width);justify-content:var(--navigation-group-justify-content);padding-right:var(--navigation-group-expand-toggle-padding)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.ic-navigation-group-side-nav.sc-ic-navigation-group-h .selected.sc-ic-navigation-group{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}/*!@:host(.ic-navigation-group-side-nav) .navigation-group:focus*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}/*!@:host(.ic-navigation-group-side-nav) .ic-typography-caption*/.ic-navigation-group-side-nav.sc-ic-navigation-group-h .ic-typography-caption.sc-ic-navigation-group{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left);white-space:nowrap}";
|
14739
14809
|
|
14740
14810
|
class NavigationGroup {
|
14741
14811
|
constructor(hostRef) {
|
@@ -14937,12 +15007,13 @@ class NavigationGroup {
|
|
14937
15007
|
this.deviceSize = DEVICE_SIZES.XL;
|
14938
15008
|
this.dropdownOpen = false;
|
14939
15009
|
this.expanded = true;
|
14940
|
-
this.focusStyle =
|
15010
|
+
this.focusStyle = getBrandForegroundAppearance();
|
14941
15011
|
this.inTopNavSideMenu = false;
|
14942
15012
|
this.navigationType = undefined;
|
14943
15013
|
this.parentEl = undefined;
|
14944
15014
|
this.expandable = false;
|
14945
15015
|
this.label = undefined;
|
15016
|
+
this.theme = "inherit";
|
14946
15017
|
}
|
14947
15018
|
disconnectedCallback() {
|
14948
15019
|
var _a, _b;
|
@@ -14982,9 +15053,8 @@ class NavigationGroup {
|
|
14982
15053
|
navItemClickHandler() {
|
14983
15054
|
this.hideDropdown();
|
14984
15055
|
}
|
14985
|
-
|
14986
|
-
|
14987
|
-
this.focusStyle = theme.mode;
|
15056
|
+
brandChangeHandler(ev) {
|
15057
|
+
this.focusStyle = ev.detail.mode;
|
14988
15058
|
}
|
14989
15059
|
/**
|
14990
15060
|
* Sets focus on the nav item.
|
@@ -15018,6 +15088,7 @@ class NavigationGroup {
|
|
15018
15088
|
"ic-navigation-group-expanded": this.expanded,
|
15019
15089
|
"ic-navigation-group-collapsed": !this.expanded,
|
15020
15090
|
["ic-navigation-group-side-nav"]: this.navigationType === "side",
|
15091
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
15021
15092
|
}, role: "listitem" }, hAsync("button", { onMouseEnter: !inTopNavSideMenu &&
|
15022
15093
|
this.navigationType === "top" &&
|
15023
15094
|
this.handleMouseEnter, onMouseLeave: this.navigationType === "top" && this.handleMouseLeave, tabindex: inTopNavSideMenu && !expandable ? "-1" : "0", onBlur: this.handleBlur, onClick: expandable ? this.handleClick : null, onKeyDown: this.handleKeydown, class: {
|
@@ -15041,6 +15112,7 @@ class NavigationGroup {
|
|
15041
15112
|
"$members$": {
|
15042
15113
|
"expandable": [4],
|
15043
15114
|
"label": [1],
|
15115
|
+
"theme": [1],
|
15044
15116
|
"deviceSize": [32],
|
15045
15117
|
"dropdownOpen": [32],
|
15046
15118
|
"expanded": [32],
|
@@ -15050,13 +15122,13 @@ class NavigationGroup {
|
|
15050
15122
|
"parentEl": [32],
|
15051
15123
|
"setFocus": [64]
|
15052
15124
|
},
|
15053
|
-
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "
|
15125
|
+
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "brandChange", "brandChangeHandler"]],
|
15054
15126
|
"$lazyBundleId$": "-",
|
15055
15127
|
"$attrsToReflect$": []
|
15056
15128
|
}; }
|
15057
15129
|
}
|
15058
15130
|
|
15059
|
-
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-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);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-text-primary);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-pressed)}/*!@: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-pressed)}/*!@: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-pressed) !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-text-primary) !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-text-primary)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentcolor}}";
|
15131
|
+
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;--navigation-link-colour:var(--ic-brand-text-color)}/*!@: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-brand-text-color)}/*!@.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(--navigation-link-colour);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-top-navigation-theme)}/*!@: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-brand-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-brand-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-brand-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-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);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-top-navigation-nav-item-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-top-navigation-nav-item-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-top-navigation-nav-item);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-top-navigation-nav-item-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-top-navigation-nav-item-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-top-navigation-nav-item-pressed)}/*!@: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-top-navigation-nav-item-pressed)}/*!@: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-top-navigation-nav-item-pressed) !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-top-navigation-nav-item-banner);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-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{height:1.5rem;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, 4rem);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:0 var(--ic-space-md);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-brand-text-color)}/*!@: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-brand-text-color);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-brand-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-text-primary) !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-pressed) !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-text-primary)}@media (forced-colors: active){/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:currentcolor}}";
|
15060
15132
|
|
15061
15133
|
/**
|
15062
15134
|
* @part link - The `<a>` within ic-navigation-item
|
@@ -15070,6 +15142,7 @@ class NavigationItem {
|
|
15070
15142
|
this.navItemClicked = createEvent(this, "navItemClicked", 7);
|
15071
15143
|
this.isInitialRender = true;
|
15072
15144
|
this.hostMutationObserver = null;
|
15145
|
+
this.ANIMATION_DURATION = parseInt(getCssProperty("--ic-transition-duration-slow")) || 0;
|
15073
15146
|
this.ARIA_LABEL_STRING = "aria-label";
|
15074
15147
|
this.displayDefaultNavigationItem = (href, hreflang, target, rel, referrerpolicy, download, label) => {
|
15075
15148
|
const variant = this.isTopNavChild || this.inTopNavSideMenu ? "body" : "label";
|
@@ -15094,6 +15167,7 @@ class NavigationItem {
|
|
15094
15167
|
const { sideNavExpanded, sideNavMobile } = detail;
|
15095
15168
|
this.sideNavExpanded = sideNavExpanded;
|
15096
15169
|
this.isSideNavMobile = sideNavMobile;
|
15170
|
+
this.sideNavToggleTooltip(!(sideNavExpanded || sideNavMobile));
|
15097
15171
|
};
|
15098
15172
|
this.handleBlur = ({ relatedTarget }) => {
|
15099
15173
|
if (relatedTarget === null ||
|
@@ -15133,8 +15207,26 @@ class NavigationItem {
|
|
15133
15207
|
}
|
15134
15208
|
return hAsync("slot", null);
|
15135
15209
|
};
|
15210
|
+
// Displays tooltip only once the collapsing animation is finished
|
15211
|
+
this.sideNavToggleTooltip = (showTooltip) => {
|
15212
|
+
const tooltip = this.el.shadowRoot.querySelector("ic-tooltip");
|
15213
|
+
const collapsedClass = "tooltip-navigation-item-side-nav-collapsed";
|
15214
|
+
let timer;
|
15215
|
+
if (tooltip) {
|
15216
|
+
if (showTooltip) {
|
15217
|
+
tooltip.displayTooltip(false); // Hides tooltip for when mouse is hovering over icon
|
15218
|
+
timer = setTimeout(() => {
|
15219
|
+
tooltip.classList.add(collapsedClass);
|
15220
|
+
}, this.ANIMATION_DURATION);
|
15221
|
+
}
|
15222
|
+
else {
|
15223
|
+
clearTimeout(timer);
|
15224
|
+
tooltip.classList.remove(collapsedClass);
|
15225
|
+
}
|
15226
|
+
}
|
15227
|
+
};
|
15136
15228
|
this.deviceSize = DEVICE_SIZES.XL;
|
15137
|
-
this.focusStyle =
|
15229
|
+
this.focusStyle = getBrandForegroundAppearance();
|
15138
15230
|
this.inTopNavSideMenu = false;
|
15139
15231
|
this.isSideNavMobile = false;
|
15140
15232
|
this.isTopNavChild = false;
|
@@ -15153,6 +15245,7 @@ class NavigationItem {
|
|
15153
15245
|
this.referrerpolicy = undefined;
|
15154
15246
|
this.selected = false;
|
15155
15247
|
this.target = undefined;
|
15248
|
+
this.theme = "inherit";
|
15156
15249
|
}
|
15157
15250
|
disconnectedCallback() {
|
15158
15251
|
var _a;
|
@@ -15165,10 +15258,14 @@ class NavigationItem {
|
|
15165
15258
|
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
15166
15259
|
}
|
15167
15260
|
componentWillLoad() {
|
15261
|
+
var _a, _b;
|
15168
15262
|
const { navType, parent } = getNavItemParentDetails(this.el);
|
15169
15263
|
this.navigationType = navType;
|
15170
15264
|
this.parentEl = parent;
|
15171
15265
|
this.deviceSize = getCurrentDeviceSize();
|
15266
|
+
this.sideNavExpanded =
|
15267
|
+
((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.classList.contains("sm-expanded")) ||
|
15268
|
+
((_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.classList.contains("xs-menu-open"));
|
15172
15269
|
if (this.navigationType === "side") {
|
15173
15270
|
this.parentEl.addEventListener("icSideNavExpanded", this.sideNavExpandHandler);
|
15174
15271
|
}
|
@@ -15197,7 +15294,7 @@ class NavigationItem {
|
|
15197
15294
|
componentDidUpdate() {
|
15198
15295
|
this.isInitialRender = false;
|
15199
15296
|
}
|
15200
|
-
|
15297
|
+
brandChangeHandler({ detail }) {
|
15201
15298
|
this.focusStyle = detail.mode;
|
15202
15299
|
}
|
15203
15300
|
/**
|
@@ -15229,10 +15326,10 @@ class NavigationItem {
|
|
15229
15326
|
this.collapsedIconLabel &&
|
15230
15327
|
!this.isSideNavMobile,
|
15231
15328
|
["expandable"]: this.expandable,
|
15329
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
15232
15330
|
}, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { label: this.generateTooltipLabel(), target: "navigation-item", placement: "right", class: {
|
15233
15331
|
["tooltip-navigation-item"]: true,
|
15234
|
-
["tooltip-navigation-item-side-nav-collapsed"]:
|
15235
|
-
this.navigationType === "side",
|
15332
|
+
["tooltip-navigation-item-side-nav-collapsed"]: this.displayNavigationTooltip && this.navigationType === "side",
|
15236
15333
|
["tooltip-long-label-navigation-item-side-nav-expanded"]: this.el.hasAttribute("[display-navigation-tooltip = 'true']"),
|
15237
15334
|
} }, this.renderNavigationItemContent())));
|
15238
15335
|
}
|
@@ -15254,6 +15351,7 @@ class NavigationItem {
|
|
15254
15351
|
"referrerpolicy": [1],
|
15255
15352
|
"selected": [4],
|
15256
15353
|
"target": [1],
|
15354
|
+
"theme": [1],
|
15257
15355
|
"deviceSize": [32],
|
15258
15356
|
"focusStyle": [32],
|
15259
15357
|
"inTopNavSideMenu": [32],
|
@@ -15265,13 +15363,13 @@ class NavigationItem {
|
|
15265
15363
|
"ariaLabel": [32],
|
15266
15364
|
"setFocus": [64]
|
15267
15365
|
},
|
15268
|
-
"$listeners$": [[4, "
|
15366
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
15269
15367
|
"$lazyBundleId$": "-",
|
15270
15368
|
"$attrsToReflect$": []
|
15271
15369
|
}; }
|
15272
15370
|
}
|
15273
15371
|
|
15274
|
-
const icNavigationMenuCss = "/*!@:host*/.sc-ic-navigation-menu-h{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}/*!@.popout-modal*/.popout-modal.sc-ic-navigation-menu{position:absolute;inset:0}/*!@.popout-menu*/.popout-menu.sc-ic-navigation-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-
|
15372
|
+
const icNavigationMenuCss = "/*!@:host*/.sc-ic-navigation-menu-h{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}/*!@.popout-modal*/.popout-modal.sc-ic-navigation-menu{position:absolute;inset:0}/*!@.popout-menu*/.popout-menu.sc-ic-navigation-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}/*!@:host(.inline) .popout-menu*/.inline.sc-ic-navigation-menu-h .popout-menu.sc-ic-navigation-menu{position:absolute}/*!@.menu-close-button-container*/.menu-close-button-container.sc-ic-navigation-menu{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}/*!@.nav-group-first*/.nav-group-first.sc-ic-navigation-menu{padding-bottom:0}/*!@.menu-buttons-container*/.menu-buttons-container.sc-ic-navigation-menu{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}/*!@.menu-buttons-container-nav-item-above*/.menu-buttons-container-nav-item-above.sc-ic-navigation-menu{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}/*!@.menu-status-version-container*/.menu-status-version-container.sc-ic-navigation-menu{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}/*!@.status-version-no-buttons*/.status-version-no-buttons.sc-ic-navigation-menu{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}/*!@.menu-status*/.menu-status.sc-ic-navigation-menu{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-status-tag-text);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}/*!@.menu-version*/.menu-version.sc-ic-navigation-menu{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}/*!@.menu-status-text,\n.menu-version-text*/.menu-status-text.sc-ic-navigation-menu,.menu-version-text.sc-ic-navigation-menu{overflow-wrap:break-word}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-navigation-menu{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";
|
15275
15373
|
|
15276
15374
|
/**
|
15277
15375
|
* @slot navigation - Content will be rendered at top of panel.
|
@@ -15312,6 +15410,7 @@ class NavigationMenu {
|
|
15312
15410
|
}
|
15313
15411
|
};
|
15314
15412
|
this.status = "";
|
15413
|
+
this.theme = "inherit";
|
15315
15414
|
this.version = "";
|
15316
15415
|
}
|
15317
15416
|
componentWillLoad() {
|
@@ -15376,10 +15475,10 @@ class NavigationMenu {
|
|
15376
15475
|
}
|
15377
15476
|
}
|
15378
15477
|
render() {
|
15379
|
-
return (hAsync(Host,
|
15478
|
+
return (hAsync(Host, { class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, hAsync("div", { class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { class: {
|
15380
15479
|
["menu-close-button-container"]: true,
|
15381
15480
|
["nav-group-first"]: this.navGroupFirst,
|
15382
|
-
} }, hAsync("ic-button", { ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z"
|
15481
|
+
} }, hAsync("ic-button", { ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && hAsync("slot", { name: "navigation" })), this.hasButtons && (hAsync("div", { class: {
|
15383
15482
|
["menu-buttons-container"]: true,
|
15384
15483
|
["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
|
15385
15484
|
} }, hAsync("slot", { name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { class: {
|
@@ -15394,6 +15493,7 @@ class NavigationMenu {
|
|
15394
15493
|
"$tagName$": "ic-navigation-menu",
|
15395
15494
|
"$members$": {
|
15396
15495
|
"status": [1],
|
15496
|
+
"theme": [1],
|
15397
15497
|
"version": [1]
|
15398
15498
|
},
|
15399
15499
|
"$listeners$": [[0, "navItemClicked", "navItemClickHandler"], [4, "keydown", "handleKeyDown"]],
|
@@ -15402,7 +15502,7 @@ class NavigationMenu {
|
|
15402
15502
|
}; }
|
15403
15503
|
}
|
15404
15504
|
|
15405
|
-
const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-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-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-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-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{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-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block;z-index:var(--ic-z-index-page-header)}/*!@:host(.ic-page-header-sticky)*/.ic-page-header-sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-
|
15505
|
+
const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-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-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-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-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{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-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block;z-index:var(--ic-z-index-page-header)}/*!@:host(.ic-page-header-sticky)*/.ic-page-header-sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-page-header-background)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:var(--ic-border-default);border-bottom:var(--ic-space-1px) solid var(--ic-page-header-border)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading-content*/.subheading-content.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.subheading-content.small*/.subheading-content.small.sc-ic-page-header{margin-top:var(--ic-space-md)}/*!@.action-area*/.action-area.sc-ic-page-header{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}/*!@.input-area,\n.navigation-area*/.input-area.sc-ic-page-header,.navigation-area.sc-ic-page-header{margin-top:var(--ic-space-md);width:100%}/*!@.tabs-slot*/.tabs-slot.sc-ic-page-header{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}/*!@.tabs-slot::-webkit-scrollbar*/.tabs-slot.sc-ic-page-header::-webkit-scrollbar{display:none}/*!@.input-area*/.input-area.sc-ic-page-header{grid-area:input-area}@media screen and (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-page-header-s>ic-text-field{--input-width:100%;max-width:20rem}/*!@.main-content*/.main-content.sc-ic-page-header{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}/*!@.title-area*/.title-area.sc-ic-page-header{min-width:0}/*!@.action-area*/.action-area.sc-ic-page-header{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){/*!@:host(.ic-page-header-sticky-desktop)*/.ic-page-header-sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}";
|
15406
15506
|
|
15407
15507
|
/**
|
15408
15508
|
* @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
|
@@ -15478,6 +15578,7 @@ class PageHeader {
|
|
15478
15578
|
this.sticky = false;
|
15479
15579
|
this.stickyDesktopOnly = false;
|
15480
15580
|
this.subheading = undefined;
|
15581
|
+
this.theme = "inherit";
|
15481
15582
|
}
|
15482
15583
|
disconnectedCallback() {
|
15483
15584
|
if (this.resizeObserver !== null) {
|
@@ -15491,13 +15592,14 @@ class PageHeader {
|
|
15491
15592
|
checkResizeObserver(this.runResizeObserver);
|
15492
15593
|
}
|
15493
15594
|
render() {
|
15494
|
-
const { size, border, heading, subheading, aligned, sticky, stickyDesktopOnly, } = this;
|
15595
|
+
const { size, border, heading, subheading, aligned, sticky, stickyDesktopOnly, theme, } = this;
|
15495
15596
|
const navAriaLabel = heading
|
15496
15597
|
? `${heading} page sections`
|
15497
15598
|
: "navigation-landmark-page-header";
|
15498
15599
|
return (hAsync(Host, { class: {
|
15499
15600
|
["ic-page-header-sticky"]: sticky,
|
15500
15601
|
["ic-page-header-sticky-desktop"]: !sticky && stickyDesktopOnly,
|
15602
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
15501
15603
|
}, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { class: {
|
15502
15604
|
["border-bottom"]: border,
|
15503
15605
|
["tabs"]: isSlotUsed(this.el, "tabs"),
|
@@ -15522,6 +15624,7 @@ class PageHeader {
|
|
15522
15624
|
"sticky": [4],
|
15523
15625
|
"stickyDesktopOnly": [4, "sticky-desktop-only"],
|
15524
15626
|
"subheading": [1],
|
15627
|
+
"theme": [1],
|
15525
15628
|
"actionContent": [32],
|
15526
15629
|
"areButtonsReversed": [32],
|
15527
15630
|
"deviceSize": [32]
|
@@ -15563,36 +15666,18 @@ class Pagination {
|
|
15563
15666
|
this.currentPage = this.pages;
|
15564
15667
|
this.icPageChange.emit({ value: this.currentPage });
|
15565
15668
|
};
|
15566
|
-
/**
|
15567
|
-
* Temporary function to handle button appearance until other dark mode work is completed.
|
15568
|
-
*/
|
15569
|
-
this.handleButtonAppearance = () => {
|
15570
|
-
if (this.monochrome) {
|
15571
|
-
if (this.theme === "dark" ||
|
15572
|
-
(this.theme === "inherit" &&
|
15573
|
-
window.matchMedia("(prefers-color-scheme: dark)").matches)) {
|
15574
|
-
return "light";
|
15575
|
-
}
|
15576
|
-
else {
|
15577
|
-
return "dark";
|
15578
|
-
}
|
15579
|
-
}
|
15580
|
-
else {
|
15581
|
-
return "default";
|
15582
|
-
}
|
15583
|
-
};
|
15584
15669
|
// button rendering abstracted from component render methods for clarity
|
15585
15670
|
this.firstButton = () => {
|
15586
|
-
return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page",
|
15671
|
+
return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page", theme: this.theme, onClick: this.handleClickFirst, class: "page-button first-last", disabled: this.currentPage === 1 || this.disabled, variant: "icon-tertiary", monochrome: this.theme == "light" || this.theme == "dark", innerHTML: paginationFirstLast }));
|
15587
15672
|
};
|
15588
15673
|
this.previousButton = () => {
|
15589
|
-
return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page",
|
15674
|
+
return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", theme: this.theme, onClick: this.handleClickPrevious, class: "page-button next-previous flip", disabled: this.currentPage === 1 || this.disabled, variant: "icon-tertiary", monochrome: this.theme == "light" || this.theme == "dark", innerHTML: paginationNextPrevious }));
|
15590
15675
|
};
|
15591
15676
|
this.nextButton = () => {
|
15592
|
-
return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page",
|
15677
|
+
return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page", theme: this.theme, onClick: this.handleClickNext, class: "page-button next-previous", disabled: this.currentPage === this.pages || this.disabled, variant: "icon-tertiary", monochrome: this.theme == "light" || this.theme == "dark", innerHTML: paginationNextPrevious }));
|
15593
15678
|
};
|
15594
15679
|
this.lastButton = () => {
|
15595
|
-
return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page",
|
15680
|
+
return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page", theme: this.theme, onClick: this.handleClickLast, class: "page-button first-last flip", disabled: this.currentPage === this.pages || this.disabled, variant: "icon-tertiary", monochrome: this.theme == "light" || this.theme == "dark", innerHTML: paginationFirstLast }));
|
15596
15681
|
};
|
15597
15682
|
this.renderStartEllipsis = () => {
|
15598
15683
|
return (hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, type: "ellipsis", id: "start-ellipsis", disabled: this.disabled }));
|
@@ -15643,6 +15728,9 @@ class Pagination {
|
|
15643
15728
|
this.boundaryPageCount = 2;
|
15644
15729
|
}
|
15645
15730
|
}
|
15731
|
+
watchDisabledHandler() {
|
15732
|
+
removeDisabledFalse(this.disabled, this.el);
|
15733
|
+
}
|
15646
15734
|
watchNumberPagesHandler() {
|
15647
15735
|
this.watchPageChangeHandler();
|
15648
15736
|
}
|
@@ -15778,6 +15866,7 @@ class Pagination {
|
|
15778
15866
|
static get watchers() { return {
|
15779
15867
|
"adjacentPageCount": ["watchAdjacentPageCountHandler"],
|
15780
15868
|
"boundaryPageCount": ["watchBoundaryPageCountHandler"],
|
15869
|
+
"disabled": ["watchDisabledHandler"],
|
15781
15870
|
"pages": ["watchNumberPagesHandler"],
|
15782
15871
|
"type": ["watchTypeHandler"],
|
15783
15872
|
"currentPage": ["watchPageChangeHandler"]
|
@@ -15830,6 +15919,9 @@ class PaginationItem {
|
|
15830
15919
|
this.theme = "inherit";
|
15831
15920
|
this.type = undefined;
|
15832
15921
|
}
|
15922
|
+
watchDisabledHandler() {
|
15923
|
+
removeDisabledFalse(this.disabled, this.el);
|
15924
|
+
}
|
15833
15925
|
watchLabelHandler() {
|
15834
15926
|
this.capitalizedLabel = capitalize(this.label);
|
15835
15927
|
}
|
@@ -15858,6 +15950,7 @@ class PaginationItem {
|
|
15858
15950
|
}
|
15859
15951
|
get el() { return getElement(this); }
|
15860
15952
|
static get watchers() { return {
|
15953
|
+
"disabled": ["watchDisabledHandler"],
|
15861
15954
|
"label": ["watchLabelHandler"]
|
15862
15955
|
}; }
|
15863
15956
|
static get style() { return icPaginationItemCss; }
|
@@ -16026,8 +16119,8 @@ class PopoverMenu {
|
|
16026
16119
|
}
|
16027
16120
|
}
|
16028
16121
|
handleMenuItemClick(ev) {
|
16029
|
-
if (!ev.detail.
|
16030
|
-
this.closeMenu();
|
16122
|
+
if (!ev.detail.submenuTriggerFor && ev.detail.label !== "Back") {
|
16123
|
+
this.closeMenu(false, ev.detail);
|
16031
16124
|
}
|
16032
16125
|
}
|
16033
16126
|
// This is listening for the event emitted when a menu item is acting as a trigger button
|
@@ -16101,17 +16194,17 @@ class PopoverMenu {
|
|
16101
16194
|
* @internal Close the menu, emit icPopoverClosed of the root popover
|
16102
16195
|
* @param setFocusToAnchor when true return focus to anchor element when menu is closed
|
16103
16196
|
*/
|
16104
|
-
async closeMenu(setFocusToAnchor = false) {
|
16197
|
+
async closeMenu(setFocusToAnchor = false, menuElement) {
|
16105
16198
|
var _a;
|
16106
16199
|
this.open = false;
|
16107
16200
|
if (this.parentPopover) {
|
16108
|
-
this.parentPopover.closeMenu(setFocusToAnchor);
|
16201
|
+
this.parentPopover.closeMenu(setFocusToAnchor, menuElement);
|
16109
16202
|
}
|
16110
16203
|
else {
|
16111
16204
|
if (setFocusToAnchor) {
|
16112
16205
|
(_a = this.anchorEl) === null || _a === void 0 ? void 0 : _a.focus();
|
16113
16206
|
}
|
16114
|
-
this.icPopoverClosed.emit();
|
16207
|
+
this.icPopoverClosed.emit(menuElement);
|
16115
16208
|
}
|
16116
16209
|
}
|
16117
16210
|
render() {
|
@@ -16173,6 +16266,13 @@ class RadioGroup {
|
|
16173
16266
|
this.resizeObserver.observe(this.el);
|
16174
16267
|
};
|
16175
16268
|
this.handleKeyDown = (event) => {
|
16269
|
+
const additionalFields = Array.from(this.el.querySelectorAll('[slot="additional-field"]'));
|
16270
|
+
const activeEl = document.activeElement;
|
16271
|
+
if (additionalFields.length > 0 &&
|
16272
|
+
this.radioOptions.map((el) => slotHasContent(el, this.ADDITIONAL_FIELD)) &&
|
16273
|
+
additionalFields.map((el) => el == activeEl)) {
|
16274
|
+
return;
|
16275
|
+
}
|
16176
16276
|
switch (event.key) {
|
16177
16277
|
case "ArrowDown":
|
16178
16278
|
case "ArrowRight":
|
@@ -16258,6 +16358,7 @@ class RadioGroup {
|
|
16258
16358
|
}
|
16259
16359
|
watchDisabledHandler(newValue) {
|
16260
16360
|
this.radioOptions.forEach((radioOption) => (radioOption.disabled = newValue));
|
16361
|
+
removeDisabledFalse(this.disabled, this.el);
|
16261
16362
|
}
|
16262
16363
|
orientationChangeHandler() {
|
16263
16364
|
this.initialOrientation = this.orientation;
|
@@ -16443,6 +16544,9 @@ class RadioOption {
|
|
16443
16544
|
this.selected = false;
|
16444
16545
|
this.initiallySelected = this.selected;
|
16445
16546
|
}
|
16547
|
+
watchDisabledHandler() {
|
16548
|
+
removeDisabledFalse(this.disabled, this.el);
|
16549
|
+
}
|
16446
16550
|
watchSelectedHandler() {
|
16447
16551
|
this.icSelectedChange.emit();
|
16448
16552
|
}
|
@@ -16525,6 +16629,7 @@ class RadioOption {
|
|
16525
16629
|
}
|
16526
16630
|
get el() { return getElement(this); }
|
16527
16631
|
static get watchers() { return {
|
16632
|
+
"disabled": ["watchDisabledHandler"],
|
16528
16633
|
"selected": ["watchSelectedHandler"]
|
16529
16634
|
}; }
|
16530
16635
|
static get style() { return icRadioOptionCss; }
|
@@ -16561,7 +16666,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
16561
16666
|
<path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
|
16562
16667
|
</svg>`;
|
16563
16668
|
|
16564
|
-
const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-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-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-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-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{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-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-search-bar-search)*/.ic-search-bar-search.sc-ic-search-bar-h{--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--text-field-placeholder-color:var(--ic-search-bar-placeholder-text);--text-field-disabled-text-color:var(--ic-search-bar-disabled-text);--text-field-text-color:var(--ic-search-bar-filled-text);--menu-item-text-color:var(--ic-search-bar-dropdown-items-text);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline)}/*!@:host(.ic-search-bar-search:hover)*/.ic-search-bar-search.sc-ic-search-bar-h:hover{--border-color:var(--ic-search-bar-outline-hover)}/*!@:host(.ic-search-bar-search:active)*/.ic-search-bar-search.sc-ic-search-bar-h:active{--border-color:var(--ic-search-bar-outline-pressed)}/*!@:host(.ic-search-bar-search.ic-search-bar-small)*/.ic-search-bar-search.ic-search-bar-small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.ic-search-bar-full-width)*/.ic-search-bar-full-width.sc-ic-search-bar-h{width:100%}/*!@:host(.ic-search-bar-search) .ic-button-disabled:hover*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg*/.ic-search-bar-search.ic-search-bar-disabled.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search) .ic-button-disabled svg*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button-unfocused **/.clear-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-clear-button)}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-filled-icon)}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-icon-disabled)}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:canvastext}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:GrayText}}";
|
16669
|
+
const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-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-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-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-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{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-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-search-bar-search)*/.ic-search-bar-search.sc-ic-search-bar-h{--divider-height:1.5rem;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-search-bar-outline);--input-bg-color:var(--ic-search-bar-background);--border-color-disabled:var(--ic-search-bar-outline-disabled);--text-field-placeholder-color:var(--ic-search-bar-placeholder-text);--text-field-disabled-text-color:var(--ic-search-bar-disabled-text);--text-field-text-color:var(--ic-search-bar-filled-text);--menu-item-text-color:var(--ic-search-bar-dropdown-option-text);--menu-item-desc-text-color:var(--ic-search-bar-dropdown-option-description);--menu-bg-color:var(--ic-search-bar-dropdown-background);--menu-border-color:var(--ic-search-bar-dropdown-outline);--text-field-typing-cursor:var(--ic-search-bar-filled-text-cursor)}/*!@:host(.ic-search-bar-search:hover)*/.ic-search-bar-search.sc-ic-search-bar-h:hover{--border-color:var(--ic-search-bar-outline-hover)}/*!@:host(.ic-search-bar-search:active)*/.ic-search-bar-search.sc-ic-search-bar-h:active{--border-color:var(--ic-search-bar-outline-pressed)}/*!@:host(.ic-search-bar-search.ic-search-bar-small)*/.ic-search-bar-search.ic-search-bar-small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.ic-search-bar-full-width)*/.ic-search-bar-full-width.sc-ic-search-bar-h{width:100%}/*!@:host(.ic-search-bar-search) .ic-button-disabled:hover*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search.ic-search-bar-disabled) .ic-button-disabled svg*/.ic-search-bar-search.ic-search-bar-disabled.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.ic-search-bar-search) .ic-button-disabled svg*/.ic-search-bar-search.sc-ic-search-bar-h .ic-button-disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:var(--ic-space-1px);display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus,\n.clear-button:active*/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button-unfocused **/.clear-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-clear-button)}/*!@.clear-button:focus,\n.clear-button:active **/.clear-button.sc-ic-search-bar:focus,.clear-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-filled-icon)}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:var(--ic-search-bar-icon-disabled)}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus,\n.search-submit-button:active*/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active{background-color:var(--ic-color-focus-inner) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer) !important;border-radius:var(--ic-space-xxs)}/*!@.search-submit-button:focus,\n.search-submit-button:active **/.search-submit-button.sc-ic-search-bar:focus,.search-submit-button.sc-ic-search-bar:active *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:var(--ic-border-width);background-color:var(--ic-search-bar-dropdown-divider);height:var(--divider-height)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 20rem);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);margin-bottom:calc(-1 * var(--ic-space-1px));margin-right:calc(-1 * var(--ic-space-1px));overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}@media (forced-colors: active){/*!@.search-submit-button-unfocused **/.search-submit-button-unfocused.sc-ic-search-bar *.sc-ic-search-bar{fill:canvastext}/*!@.search-submit-button-disabled **/.search-submit-button-disabled.sc-ic-search-bar *.sc-ic-search-bar{fill:GrayText}}";
|
16565
16670
|
|
16566
16671
|
let inputIds$3 = 0;
|
16567
16672
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
@@ -16868,6 +16973,9 @@ class SearchBar {
|
|
16868
16973
|
this.options = [];
|
16869
16974
|
this.value = "";
|
16870
16975
|
}
|
16976
|
+
watchDisabledHandler() {
|
16977
|
+
removeDisabledFalse(this.disabled, this.el);
|
16978
|
+
}
|
16871
16979
|
loadingHandler(newValue) {
|
16872
16980
|
if (newValue && !this.hasTimedOut) {
|
16873
16981
|
this.preLoad = false;
|
@@ -17003,13 +17111,13 @@ class SearchBar {
|
|
17003
17111
|
["ic-search-bar-disabled"]: disabled,
|
17004
17112
|
["ic-search-bar-small"]: size === "small",
|
17005
17113
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
17006
|
-
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!labelValue ? labelValue : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: options.length > 0 ? `${menuOpen}` : undefined, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize,
|
17114
|
+
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledMode && !readonly, readonly: readonly, size: size, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!labelValue ? labelValue : value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": menuRendered ? menuId : undefined, "aria-controls": menuRendered ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: options.length > 0 ? `${menuOpen}` : undefined, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: options.length > 0 ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autofocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, hAsync("div", { class: {
|
17007
17115
|
"clear-button-container": true,
|
17008
17116
|
"clear-button-visible": value && !disabledMode && this.showClearButton,
|
17009
17117
|
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: {
|
17010
17118
|
"clear-button": true,
|
17011
17119
|
"clear-button-unfocused": !this.clearButtonFocused,
|
17012
|
-
}, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon",
|
17120
|
+
}, "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, onMouseDown: this.handleMouseDown, size: size, onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { class: "divider" })), hAsync("div", { class: {
|
17013
17121
|
"search-submit-button-container": true,
|
17014
17122
|
"search-submit-button-disabled": this.isSubmitDisabled(),
|
17015
17123
|
}, slot: "search-submit-button" }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
@@ -17017,7 +17125,7 @@ class SearchBar {
|
|
17017
17125
|
["search-submit-button-small"]: size === "small",
|
17018
17126
|
["search-submit-button-unfocused"]: !this.searchSubmitFocused,
|
17019
17127
|
["search-submit-button-disabled"]: this.isSubmitDisabled(),
|
17020
|
-
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon",
|
17128
|
+
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: size, onClick: this.handleSubmitSearch, onMouseDown: this.handleMouseDown, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", theme: this.searchSubmitFocused ? "light" : "dark" })), hAsync("div", { class: {
|
17021
17129
|
"menu-container": true,
|
17022
17130
|
fullwidth: fullWidth,
|
17023
17131
|
}, slot: "menu" }, menuRendered && (hAsync("ic-menu", { class: {
|
@@ -17027,11 +17135,12 @@ class SearchBar {
|
|
17027
17135
|
this.loadingLabel ||
|
17028
17136
|
filteredOptions[0][this.labelField] ===
|
17029
17137
|
this.loadingErrorLabel)),
|
17030
|
-
}, activationType: "manual", anchorEl: this.anchorEl,
|
17138
|
+
}, activationType: "manual", anchorEl: this.anchorEl, autofocusOnSelected: false, searchMode: this.searchMode, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), fullWidth: fullWidth, menuId: menuId, open: !!menuRendered, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value, labelField: this.labelField, valueField: this.valueField })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
17031
17139
|
}
|
17032
17140
|
static get delegatesFocus() { return true; }
|
17033
17141
|
get el() { return getElement(this); }
|
17034
17142
|
static get watchers() { return {
|
17143
|
+
"disabled": ["watchDisabledHandler"],
|
17035
17144
|
"loading": ["loadingHandler"],
|
17036
17145
|
"filteredOptions": ["filteredOptionsHandler"],
|
17037
17146
|
"options": ["watchOptionsHandler"],
|
@@ -17129,7 +17238,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
|
|
17129
17238
|
</svg>
|
17130
17239
|
`;
|
17131
17240
|
|
17132
|
-
const icSelectCss = "/*!@html*/html.sc-ic-select{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-select{margin:0}/*!@main*/main.sc-ic-select{display:block}/*!@h1*/h1.sc-ic-select{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-select{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-select{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-select{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-select,strong.sc-ic-select{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-select,kbd.sc-ic-select,samp.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-select{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-select,sup.sc-ic-select{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-select{bottom:-0.25em}/*!@sup*/sup.sc-ic-select{top:-0.5em}/*!@img*/img.sc-ic-select{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-select,input.sc-ic-select,optgroup.sc-ic-select,select.sc-ic-select,textarea.sc-ic-select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-select,input.sc-ic-select{overflow:visible}/*!@button,\nselect*/button.sc-ic-select,select.sc-ic-select{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-select,[type=\"button\"].sc-ic-select,[type=\"reset\"].sc-ic-select,[type=\"submit\"].sc-ic-select{-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-select::-moz-focus-inner,[type=\"button\"].sc-ic-select::-moz-focus-inner,[type=\"reset\"].sc-ic-select::-moz-focus-inner,[type=\"submit\"].sc-ic-select::-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-select:-moz-focusring,[type=\"button\"].sc-ic-select:-moz-focusring,[type=\"reset\"].sc-ic-select:-moz-focusring,[type=\"submit\"].sc-ic-select:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-select{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-select{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-select{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-select{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-select,[type=\"radio\"].sc-ic-select{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-select::-webkit-inner-spin-button,[type=\"number\"].sc-ic-select::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-select{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-select::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-select::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-select{display:block}/*!@summary*/summary.sc-ic-select{display:list-item}/*!@template*/template.sc-ic-select{display:none}/*!@[hidden]*/[hidden].sc-ic-select{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-select,body.sc-ic-select,div.sc-ic-select,span.sc-ic-select,applet.sc-ic-select,object.sc-ic-select,iframe.sc-ic-select,h1.sc-ic-select,h2.sc-ic-select,h3.sc-ic-select,h4.sc-ic-select,h5.sc-ic-select,h6.sc-ic-select,p.sc-ic-select,blockquote.sc-ic-select,pre.sc-ic-select,a.sc-ic-select,abbr.sc-ic-select,acronym.sc-ic-select,address.sc-ic-select,big.sc-ic-select,cite.sc-ic-select,code.sc-ic-select,del.sc-ic-select,dfn.sc-ic-select,em.sc-ic-select,img.sc-ic-select,ins.sc-ic-select,kbd.sc-ic-select,q.sc-ic-select,s.sc-ic-select,samp.sc-ic-select,small.sc-ic-select,strike.sc-ic-select,strong.sc-ic-select,sub.sc-ic-select,sup.sc-ic-select,tt.sc-ic-select,var.sc-ic-select,b.sc-ic-select,u.sc-ic-select,i.sc-ic-select,center.sc-ic-select,dl.sc-ic-select,dt.sc-ic-select,dd.sc-ic-select,ol.sc-ic-select,ul.sc-ic-select,li.sc-ic-select,fieldset.sc-ic-select,form.sc-ic-select,label.sc-ic-select,legend.sc-ic-select,table.sc-ic-select,caption.sc-ic-select,tbody.sc-ic-select,tfoot.sc-ic-select,thead.sc-ic-select,tr.sc-ic-select,th.sc-ic-select,td.sc-ic-select,article.sc-ic-select,aside.sc-ic-select,canvas.sc-ic-select,details.sc-ic-select,embed.sc-ic-select,figure.sc-ic-select,figcaption.sc-ic-select,footer.sc-ic-select,header.sc-ic-select,hgroup.sc-ic-select,menu.sc-ic-select,nav.sc-ic-select,output.sc-ic-select,ruby.sc-ic-select,section.sc-ic-select,summary.sc-ic-select,time.sc-ic-select,mark.sc-ic-select,audio.sc-ic-select,video.sc-ic-select{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-select-h{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--menu-max-height:100px}/*!@:host(.ic-select-full-width)*/.ic-select-full-width.sc-ic-select-h{width:100%}/*!@ic-input-component-container:hover*/ic-input-component-container.sc-ic-select:hover{--border-color:var(--ic-action-dark-hover)}/*!@ic-input-component-container:active*/ic-input-component-container.sc-ic-select:active{--border-color:var(--ic-action-dark-pressed);color:var(--ic-action-dark-pressed)}/*!@ic-input-component-container.menu-open*/ic-input-component-container.menu-open.sc-ic-select{--border-color:var(--ic-architectural-400);color:var(--ic-action-dark)}/*!@ic-input-validation .status-icon,\nic-input-validation .statustext*/ic-input-validation.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.sc-ic-select .statustext.sc-ic-select{visibility:visible}/*!@ic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext*/ic-input-validation.menu-open.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.menu-open.sc-ic-select .statustext.sc-ic-select{visibility:hidden;transition:visibility 0s}/*!@ic-input-label*/ic-input-label.sc-ic-select{margin-bottom:var(--ic-space-xs) !important}/*!@select*/select.sc-ic-select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);color:var(--ic-color-text-primary);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:url(\"data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select option,\n.select-option-selected*/select.sc-ic-select option.sc-ic-select,.select-option-selected.sc-ic-select{color:var(--ic-color-text-primary)}/*!@select:disabled*/select.sc-ic-select:disabled{color:var(--ic-architectural-200);background-image:url(\"data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>\")}/*!@select:focus*/select.sc-ic-select:focus{border:0;outline:0}/*!@select:not([disabled])*/select.sc-ic-select:not([disabled]){cursor:pointer}/*!@.select-container*/.select-container.sc-ic-select{width:100%;display:flex;align-items:center;position:relative}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none}/*!@.select-input:focus*/.select-input.sc-ic-select:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(:not(.ic-select-disabled))\n ic-input-component-container:hover\n .select-input*/.sc-ic-select-h:not(.ic-select-disabled) ic-input-component-container.sc-ic-select:hover .select-input.sc-ic-select{background-color:var(--ic-architectural-white)}/*!@.select-input[disabled]*/.select-input[disabled].sc-ic-select{pointer-events:none}/*!@:host(.ic-select-searchable) .select-input*/.ic-select-searchable.sc-ic-select-h .select-input.sc-ic-select{cursor:auto}/*!@.select-input.with-clear-button*/.select-input.with-clear-button.sc-ic-select{padding-right:0}/*!@.value-text*/.value-text.sc-ic-select{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}/*!@.value-text.with-clear-button*/.value-text.with-clear-button.sc-ic-select{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@.searchable-select-container*/.searchable-select-container.sc-ic-select{align-items:center;display:flex;width:100%;position:relative}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-action-dark)}/*!@.expand-icon > svg*/.expand-icon.sc-ic-select>svg.sc-ic-select{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.ic-select-disabled) .expand-icon,\n:host(.ic-select-disabled) .expand-icon > svg > path*/.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select,.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select>path.sc-ic-select{color:var(--ic-architectural-200)}/*!@:host(.ic-select-searchable) .expand-icon*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:0;height:2.25rem}/*!@:host(.ic-select-searchable) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n var(--ic-space-xxs)}/*!@:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h:not(.ic-select-disabled) .expand-icon.sc-ic-select>svg.sc-ic-select{cursor:pointer}/*!@.expand-icon-open*/.expand-icon-open.sc-ic-select{color:var(--ic-action-dark)}/*!@.expand-icon-open,\n:host(.ic-select-searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.ic-select-searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.ic-select-disabled) .value-text,\n.placeholder*/.ic-select-disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-text-tertiary)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-select{width:var(--ic-space-1px);background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}/*!@:host(.ic-select-small) .divider*/.ic-select-small.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@:host(.ic-select-large) .divider*/.ic-select-large.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-xl)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-select:focus{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button:focus **/.clear-button.sc-ic-select:focus *.sc-ic-select{fill:white}/*!@.clear-button.searchable*/.clear-button.searchable.sc-ic-select{position:static}/*!@.searchable-select-results-status,\n.multi-select-selected-count*/.searchable-select-results-status.sc-ic-select,.multi-select-selected-count.sc-ic-select{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}/*!@::slotted([slot=\"icon\"])*/.sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-color-text-tertiary)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-color-text-primary)}/*!@.readonly ::slotted([slot=\"icon\"])*/.readonly .sc-ic-select-s>[slot=\"icon\"]{padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:currentcolor}}";
|
17241
|
+
const icSelectCss = "/*!@html*/html.sc-ic-select{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-select{margin:0}/*!@main*/main.sc-ic-select{display:block}/*!@h1*/h1.sc-ic-select{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-select{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-select{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-select{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-select,strong.sc-ic-select{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-select,kbd.sc-ic-select,samp.sc-ic-select{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-select{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-select,sup.sc-ic-select{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-select{bottom:-0.25em}/*!@sup*/sup.sc-ic-select{top:-0.5em}/*!@img*/img.sc-ic-select{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-select,input.sc-ic-select,optgroup.sc-ic-select,select.sc-ic-select,textarea.sc-ic-select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-select,input.sc-ic-select{overflow:visible}/*!@button,\nselect*/button.sc-ic-select,select.sc-ic-select{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-select,[type=\"button\"].sc-ic-select,[type=\"reset\"].sc-ic-select,[type=\"submit\"].sc-ic-select{-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-select::-moz-focus-inner,[type=\"button\"].sc-ic-select::-moz-focus-inner,[type=\"reset\"].sc-ic-select::-moz-focus-inner,[type=\"submit\"].sc-ic-select::-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-select:-moz-focusring,[type=\"button\"].sc-ic-select:-moz-focusring,[type=\"reset\"].sc-ic-select:-moz-focusring,[type=\"submit\"].sc-ic-select:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-select{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-select{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-select{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-select{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-select,[type=\"radio\"].sc-ic-select{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-select::-webkit-inner-spin-button,[type=\"number\"].sc-ic-select::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-select{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-select::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-select::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-select{display:block}/*!@summary*/summary.sc-ic-select{display:list-item}/*!@template*/template.sc-ic-select{display:none}/*!@[hidden]*/[hidden].sc-ic-select{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-select,body.sc-ic-select,div.sc-ic-select,span.sc-ic-select,applet.sc-ic-select,object.sc-ic-select,iframe.sc-ic-select,h1.sc-ic-select,h2.sc-ic-select,h3.sc-ic-select,h4.sc-ic-select,h5.sc-ic-select,h6.sc-ic-select,p.sc-ic-select,blockquote.sc-ic-select,pre.sc-ic-select,a.sc-ic-select,abbr.sc-ic-select,acronym.sc-ic-select,address.sc-ic-select,big.sc-ic-select,cite.sc-ic-select,code.sc-ic-select,del.sc-ic-select,dfn.sc-ic-select,em.sc-ic-select,img.sc-ic-select,ins.sc-ic-select,kbd.sc-ic-select,q.sc-ic-select,s.sc-ic-select,samp.sc-ic-select,small.sc-ic-select,strike.sc-ic-select,strong.sc-ic-select,sub.sc-ic-select,sup.sc-ic-select,tt.sc-ic-select,var.sc-ic-select,b.sc-ic-select,u.sc-ic-select,i.sc-ic-select,center.sc-ic-select,dl.sc-ic-select,dt.sc-ic-select,dd.sc-ic-select,ol.sc-ic-select,ul.sc-ic-select,li.sc-ic-select,fieldset.sc-ic-select,form.sc-ic-select,label.sc-ic-select,legend.sc-ic-select,table.sc-ic-select,caption.sc-ic-select,tbody.sc-ic-select,tfoot.sc-ic-select,thead.sc-ic-select,tr.sc-ic-select,th.sc-ic-select,td.sc-ic-select,article.sc-ic-select,aside.sc-ic-select,canvas.sc-ic-select,details.sc-ic-select,embed.sc-ic-select,figure.sc-ic-select,figcaption.sc-ic-select,footer.sc-ic-select,header.sc-ic-select,hgroup.sc-ic-select,menu.sc-ic-select,nav.sc-ic-select,output.sc-ic-select,ruby.sc-ic-select,section.sc-ic-select,summary.sc-ic-select,time.sc-ic-select,mark.sc-ic-select,audio.sc-ic-select,video.sc-ic-select{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-select-h{display:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-labe);--ic-input-label-helper-text-color:var(\n --ic-select-input-field-label-subtitle\n );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}/*!@:host(.ic-select-disabled)*/.ic-select-disabled.sc-ic-select-h{--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n --ic-select-input-field-label-subtitle-disabled\n )}/*!@:host(.ic-select-full-width)*/.ic-select-full-width.sc-ic-select-h{width:100%}/*!@ic-input-component-container.menu-open*/ic-input-component-container.menu-open.sc-ic-select{--border-color:var(--ic-select-field-border-pressed)}/*!@ic-input-validation .status-icon,\nic-input-validation .statustext*/ic-input-validation.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.sc-ic-select .statustext.sc-ic-select{visibility:visible}/*!@ic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext*/ic-input-validation.menu-open.sc-ic-select .status-icon.sc-ic-select,ic-input-validation.menu-open.sc-ic-select .statustext.sc-ic-select{visibility:hidden;transition:visibility 0s}/*!@ic-input-label*/ic-input-label.sc-ic-select{margin-bottom:var(--ic-space-xs) !important}/*!@select*/select.sc-ic-select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}/*!@select option,\n.select-option-selected*/select.sc-ic-select option.sc-ic-select,.select-option-selected.sc-ic-select{color:var(--ic-select-list-option-text)}/*!@select:disabled*/select.sc-ic-select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}/*!@select:focus*/select.sc-ic-select:focus{border:0;outline:0}/*!@select:not([disabled])*/select.sc-ic-select:not([disabled]){cursor:pointer}/*!@.select-container*/.select-container.sc-ic-select{width:100%;display:flex;align-items:center;position:relative}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}/*!@.select-input:focus*/.select-input.sc-ic-select:focus{outline:var(--ic-hc-focus-outline)}/*!@.select-input[disabled]*/.select-input[disabled].sc-ic-select{pointer-events:none}/*!@:host(.ic-select-searchable) .select-input*/.ic-select-searchable.sc-ic-select-h .select-input.sc-ic-select{cursor:auto}/*!@.select-input.with-clear-button*/.select-input.with-clear-button.sc-ic-select{padding-right:0}/*!@.value-text*/.value-text.sc-ic-select{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}/*!@.value-text.with-clear-button*/.value-text.with-clear-button.sc-ic-select{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@.searchable-select-container*/.searchable-select-container.sc-ic-select{align-items:center;display:flex;width:100%;position:relative}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}/*!@.expand-icon > svg*/.expand-icon.sc-ic-select>svg.sc-ic-select{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.ic-select-disabled) .expand-icon,\n:host(.ic-select-disabled) .expand-icon > svg > path*/.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select,.ic-select-disabled.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select>path.sc-ic-select{color:var(--ic-select-disabled-expand-icon-color)}/*!@:host(.ic-select-searchable) .expand-icon*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:0;height:2.25rem}/*!@:host(.ic-select-searchable) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n var(--ic-space-xxs)}/*!@:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon > svg*/.ic-select-searchable.sc-ic-select-h:not(.ic-select-disabled) .expand-icon.sc-ic-select>svg.sc-ic-select{cursor:pointer}/*!@.expand-icon-open*/.expand-icon-open.sc-ic-select{color:var(--ic-select-expand-icon-color)}/*!@.expand-icon-open,\n:host(.ic-select-searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.ic-select-searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.ic-select-disabled) .value-text,\n.placeholder*/.ic-select-disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-select-content-placeholder-text)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-select{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}/*!@:host(.ic-select-small) .divider*/.ic-select-small.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-md)}/*!@:host(.ic-select-large) .divider*/.ic-select-large.sc-ic-select-h .divider.sc-ic-select{height:var(--ic-space-xl)}/*!@.clear-button*/.clear-button.sc-ic-select{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-select:focus{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}/*!@.clear-button.searchable*/.clear-button.searchable.sc-ic-select{position:static}/*!@.searchable-select-results-status,\n.multi-select-selected-count*/.searchable-select-results-status.sc-ic-select,.multi-select-selected-count.sc-ic-select{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}/*!@::slotted([slot=\"icon\"])*/.sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-select-content-placeholder-text)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:var(--ic-select-content-text)}/*!@.readonly ::slotted([slot=\"icon\"])*/.readonly .sc-ic-select-s>[slot=\"icon\"]{padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-select-s>[slot=\"icon\"]{fill:currentcolor}}";
|
17133
17242
|
|
17134
17243
|
let inputIds$2 = 0;
|
17135
17244
|
const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
|
@@ -17303,8 +17412,10 @@ class Select {
|
|
17303
17412
|
this.handleCustomSelectChange = (event) => {
|
17304
17413
|
var _a;
|
17305
17414
|
const value = event.detail.value;
|
17306
|
-
if (
|
17307
|
-
this.
|
17415
|
+
if (event.detail.label === this.emptyOptionListText) {
|
17416
|
+
if (this.searchable) {
|
17417
|
+
this.searchableSelectElement.focus();
|
17418
|
+
}
|
17308
17419
|
return;
|
17309
17420
|
}
|
17310
17421
|
if (this.searchable) {
|
@@ -17717,6 +17828,7 @@ class Select {
|
|
17717
17828
|
this.showClearButton = false;
|
17718
17829
|
this.size = "medium";
|
17719
17830
|
this.timeout = undefined;
|
17831
|
+
this.theme = "inherit";
|
17720
17832
|
this.validationStatus = "";
|
17721
17833
|
this.validationText = "";
|
17722
17834
|
this.loading = false;
|
@@ -17730,6 +17842,9 @@ class Select {
|
|
17730
17842
|
this.inputValueToFilter = this.value;
|
17731
17843
|
this.currValue = this.value;
|
17732
17844
|
}
|
17845
|
+
watchDisabledHandler() {
|
17846
|
+
removeDisabledFalse(this.disabled, this.el);
|
17847
|
+
}
|
17733
17848
|
loadingHandler(newValue) {
|
17734
17849
|
newValue && this.triggerLoading();
|
17735
17850
|
}
|
@@ -17857,7 +17972,7 @@ class Select {
|
|
17857
17972
|
}, 800);
|
17858
17973
|
}
|
17859
17974
|
render() {
|
17860
|
-
const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
|
17975
|
+
const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, theme, } = this;
|
17861
17976
|
// HTML inputs only accept 'string' for their value
|
17862
17977
|
// Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
|
17863
17978
|
renderHiddenInput(true, this.el, name, this.searchable ? this.hiddenInputValue : currValue, disabled);
|
@@ -17869,10 +17984,11 @@ class Select {
|
|
17869
17984
|
}
|
17870
17985
|
const optionsSelectedCount = `${currValue === null || currValue === void 0 ? void 0 : currValue.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
|
17871
17986
|
return (hAsync(Host, { class: {
|
17872
|
-
|
17873
|
-
|
17987
|
+
"ic-select-disabled": disabled,
|
17988
|
+
"ic-select-searchable": searchable,
|
17874
17989
|
[`ic-select-${size}`]: size !== "medium",
|
17875
|
-
|
17990
|
+
"ic-select-full-width": fullWidth,
|
17991
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
17876
17992
|
}, onBlur: this.onBlur }, hAsync("ic-input-container", { readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, showLeftIcon && (hAsync("span", { slot: "left-icon", class: {
|
17877
17993
|
["readonly"]: readonly,
|
17878
17994
|
["has-value"]: !!this.value,
|
@@ -17891,9 +18007,7 @@ class Select {
|
|
17891
18007
|
}, role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": `${this.open}`, "aria-invalid": invalid, "aria-required": `${required}`, "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, form: this.form }), this.searchableSelectInputValue &&
|
17892
18008
|
(showClearButton || searchable) && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue && currValue === null
|
17893
18009
|
? "Clear input"
|
17894
|
-
: "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon",
|
17895
|
-
? IcThemeForegroundEnum.Light
|
17896
|
-
: IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
|
18010
|
+
: "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
|
17897
18011
|
"expand-icon": true,
|
17898
18012
|
"expand-icon-open": this.open,
|
17899
18013
|
}, 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}, ${(multiple && currValue
|
@@ -17909,9 +18023,7 @@ class Select {
|
|
17909
18023
|
placeholder), hAsync("div", { class: "select-input-end" }, currValue && showClearButton && (hAsync("div", { class: "divider" })), hAsync("span", { class: {
|
17910
18024
|
"expand-icon": true,
|
17911
18025
|
"expand-icon-open": this.open,
|
17912
|
-
}, innerHTML: Expand, "aria-hidden": "true" }))), currValue && showClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon",
|
17913
|
-
? IcThemeForegroundEnum.Light
|
17914
|
-
: IcThemeForegroundEnum.Dark }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { class: {
|
18026
|
+
}, innerHTML: Expand, "aria-hidden": "true" }))), currValue && showClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", theme: this.clearButtonFocused ? "light" : "dark" }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { class: {
|
17915
18027
|
"no-results": this.loading ||
|
17916
18028
|
this.hasTimedOut ||
|
17917
18029
|
(this.noOptions !== null &&
|
@@ -17926,6 +18038,7 @@ class Select {
|
|
17926
18038
|
static get delegatesFocus() { return true; }
|
17927
18039
|
get el() { return getElement(this); }
|
17928
18040
|
static get watchers() { return {
|
18041
|
+
"disabled": ["watchDisabledHandler"],
|
17929
18042
|
"loading": ["loadingHandler"],
|
17930
18043
|
"options": ["watchOptionsHandler"],
|
17931
18044
|
"debounce": ["debounceChangedHandler"],
|
@@ -17960,6 +18073,7 @@ class Select {
|
|
17960
18073
|
"showClearButton": [4, "show-clear-button"],
|
17961
18074
|
"size": [1],
|
17962
18075
|
"timeout": [2],
|
18076
|
+
"theme": [1],
|
17963
18077
|
"validationStatus": [1, "validation-status"],
|
17964
18078
|
"validationText": [1, "validation-text"],
|
17965
18079
|
"loading": [1028],
|
@@ -17995,7 +18109,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
|
|
17995
18109
|
</svg>
|
17996
18110
|
`;
|
17997
18111
|
|
17998
|
-
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-theme-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-theme-primary);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.ic-side-navigation-inline) .side-navigation*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-theme-primary);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.ic-side-navigation-inline) .side-navigation-inner*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h:has(.xs-menu-open .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close).sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close) .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.xs-menu-close) .side-navigation > **/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation>*.sc-ic-side-navigation{visibility:hidden}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-border-keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-theme-primary);display:flex;flex-direction:column}/*!@:host(.ic-side-navigation-inline) .bottom-wrapper*/.ic-side-navigation-inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.ic-side-navigation-dark) .bottom-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-border-keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-theme-primary);position:fixed;top:0;left:0;right:0;border-bottom:var(--ic-border-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.ic-side-navigation-inline) .top-bar*/.ic-side-navigation-inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.top-bar.light*/.top-bar.light.sc-ic-side-navigation{border-bottom:var(--ic-border-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-border-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}/*!@.app-title-wrapper ic-typography h1*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation h1.sc-ic-side-navigation{margin:0}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-theme-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-theme-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-theme-text);outline:none;text-decoration:none;display:flex}/*!@slot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,slot[name=\"app-title\"].sc-ic-side-navigation-s>a{margin-left:var(--ic-space-xs) !important}/*!@slot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){/*!@:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>a{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-expanded slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-theme-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-theme-active)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-theme-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{display:flex;border-radius:1rem;background-color:var(--ic-theme-text);color:var(--ic-color-text-primary);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.ic-side-navigation-dark) .app-status-wrapper .app-status*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{--ic-typography-color:var(--ic-architectural-white)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-theme-hover);--navigation-group-text-hover:var(--ic-theme-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}/*!@.bottom-side-nav ic-divider*/.bottom-side-nav.sc-ic-side-navigation ic-divider.sc-ic-side-navigation{position:absolute;top:0}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{position:absolute;display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible;width:100%}/*!@.app-title-show*/.app-title-show.sc-ic-side-navigation{min-width:15.5rem}/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.side-display) .app-icon-container*/.side-display.sc-ic-side-navigation-h .app-icon-container.sc-ic-side-navigation{height:40px;display:flex;align-items:center}/*!@:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.ic-side-navigation-inline.side-display) .top-bar*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right.side-display) .top-bar*/.anchor-right.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right.side-display) .bottom-wrapper*/.anchor-right.side-display.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed.side-display)*/.sm-collapsed.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels.side-display)*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.side-display) .side-navigation*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.ic-side-navigation-inline.side-display) .side-navigation*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right.side-display) .side-navigation*/.anchor-right.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-title-wrapper*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}/*!@:host(.side-display) .app-title-wrapper ::slotted(svg)*/.sc-ic-side-navigation-h.side-display .app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.side-display) .app-title-wrapper ic-typography*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography*/.sm-collapsed.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) ic-typography*/.sm-expanded.side-display.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar)*/.sm-collapsed.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper*/.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded.side-display) .app-status-wrapper*/.sm-expanded.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}/*!@:host(.side-display) .bottom-side-nav*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-theme-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button svg*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:hover*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-theme-hover)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:focus*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}/*!@:host(.anchor-right.sm-collapsed.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0;--navigation-item-min-height:56px;--navigation-item-height:56px}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:56px;--navigation-item-width:320px;--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels.side-display)\n ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button*/.collapsed-labels.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host(.side-display) .collapsed-icon-labels-start*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host(.side-display) .collapsed-icon-labels-end*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 993px){/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-border-hc)}/*!@.menu-expand-button*/.menu-expand-button.sc-ic-side-navigation{color:Highlight !important}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
18112
|
+
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}/*!@:host > **/.sc-ic-side-navigation-h>*.sc-ic-side-navigation{box-sizing:border-box}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}/*!@:host(.ic-side-navigation-inline) .side-navigation*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:absolute;height:100%}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1)}/*!@.classification-spacing*/.classification-spacing.sc-ic-side-navigation{margin-bottom:var(--ic-space-lg)}/*!@.navigation-list*/.navigation-list.sc-ic-side-navigation{padding:0;margin:0;list-style:none}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 0;overflow:auto}/*!@:host(.ic-side-navigation-inline) .side-navigation-inner*/.ic-side-navigation-inline.sc-ic-side-navigation-h .side-navigation-inner.sc-ic-side-navigation{flex:1}/*!@:host(.xs-menu-open) .side-navigation*/.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{transition:left var(--ic-easing-transition-slow);left:0}/*!@:host(:has(.xs-menu-open, .xs-menu-close)) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h:has(.xs-menu-open .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close).sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.xs-menu-close) .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.xs-menu-close) .side-navigation*/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}/*!@:host(.xs-menu-close) .side-navigation > **/.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation>*.sc-ic-side-navigation{visibility:hidden}/*!@:host(.anchor-right.xs-menu-open) .side-navigation*/.anchor-right.xs-menu-open.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:0;left:auto}/*!@:host(.anchor-right.xs-menu-close) .side-navigation*/.anchor-right.xs-menu-close.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;box-shadow:-0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%);background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}/*!@:host(.ic-side-navigation-inline) .bottom-wrapper*/.ic-side-navigation-inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.ic-side-navigation-dark) .bottom-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--keyline-darken)}/*!@.top-bar*/.top-bar.sc-ic-side-navigation{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.ic-side-navigation-inline) .top-bar*/.ic-side-navigation-inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:absolute}/*!@:host(.ic-side-navigation-dark) .top-bar*/.ic-side-navigation-dark.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{border-bottom:var(--keyline-darken)}/*!@.top-bar.dark a:focus*/.top-bar.dark.sc-ic-side-navigation a.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}/*!@:host(.ic-side-navigation-dark) .app-title-wrapper*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{border-left:var(--keyline-darken)}/*!@.app-title-wrapper ic-typography h1*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation h1.sc-ic-side-navigation{margin:0}@media screen and (min-width: 340px){/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin-left:var(--ic-space-xs)}}/*!@:host .title-link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}/*!@:host .title-link:visited,\n:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:visited,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{color:var(--ic-side-navigation-text)}/*!@slot[name=\"app-title\"]::slotted(a),\nslot[name=\"app-icon\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a,slot[name=\"app-icon\"].sc-ic-side-navigation-s>a{color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}/*!@slot[name=\"app-title\"]::slotted(ic-typography),\nslot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,slot[name=\"app-title\"].sc-ic-side-navigation-s>a{margin-left:var(--ic-space-xs) !important}/*!@slot[name=\"app-title\"]::slotted(a)*/slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-subtitle-small)}@media screen and (min-width: 577px){/*!@:host(.sm-collapsed) slot[name=\"app-title\"]::slotted(ic-typography),\n :host(.sm-collapsed) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>ic-typography,.sc-ic-side-navigation-h.sm-collapsed slot[name=\"app-title\"].sc-ic-side-navigation-s>a{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded) slot[name=\"app-title\"]::slotted(a)*/.sc-ic-side-navigation-h.sm-expanded slot[name=\"app-title\"].sc-ic-side-navigation-s>a{font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}/*!@:host .title-link:hover*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}/*!@:host .title-link:active*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:active{background-color:var(--ic-side-navigation-pressed)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus,.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}/*!@:host .title-link ic-typography*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{fill:var(--ic-side-navigation-text)}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:none}/*!@.button-label*/.button-label.sc-ic-side-navigation{display:flex;align-items:center}/*!@.mobile-top-bar-menu-icon*/.mobile-top-bar-menu-icon.sc-ic-side-navigation{display:flex}/*!@.menu-button*/.menu-button.sc-ic-side-navigation{width:6.5rem}/*!@.app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.ic-side-navigation-dark) .app-status-wrapper .app-status*/.ic-side-navigation-dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{--ic-typography-color:var(--ic-architectural-white)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:2.75rem;--navigation-group-width:100%;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}/*!@::slotted(ic-navigation-item),\n::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}/*!@.bottom-side-nav ic-divider*/.bottom-side-nav.sc-ic-side-navigation ic-divider.sc-ic-side-navigation{position:absolute;top:0}/*!@.primary-navigation*/.primary-navigation.sc-ic-side-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}/*!@.primary-navigation::-webkit-scrollbar*/.primary-navigation.sc-ic-side-navigation::-webkit-scrollbar{display:none}/*!@.primary-navigation,\n.secondary-navigation*/.primary-navigation.sc-ic-side-navigation,.secondary-navigation.sc-ic-side-navigation{overflow-x:hidden}/*!@.bottom-side-nav .menu-expand-button*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{position:absolute;display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible;width:100%}/*!@.app-title-show*/.app-title-show.sc-ic-side-navigation{min-width:15.5rem}/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.side-display) .app-icon-container*/.side-display.sc-ic-side-navigation-h .app-icon-container.sc-ic-side-navigation{height:40px;display:flex;align-items:center}/*!@:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:-0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.ic-side-navigation-inline.side-display) .top-bar*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right.side-display) .top-bar*/.anchor-right.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.anchor-right.side-display) .bottom-wrapper*/.anchor-right.side-display.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@:host(.side-display) .side-navigation,\n:host(.side-display) .top-bar*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed.side-display)*/.sm-collapsed.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.collapsed-labels.side-display)*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.side-display) .side-navigation*/.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.ic-side-navigation-inline.side-display) .side-navigation*/.ic-side-navigation-inline.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right.side-display) .side-navigation*/.anchor-right.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-title-wrapper*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}/*!@:host(.side-display) .app-title-wrapper ::slotted(svg)*/.sc-ic-side-navigation-h.side-display .app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.side-display) .app-title-wrapper ic-typography*/.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography*/.sm-collapsed.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) ic-typography*/.sm-expanded.side-display.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}/*!@:host(.sm-collapsed.side-display) :is(.side-navigation, .top-bar)*/.sm-collapsed.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}/*!@:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@:host(.side-display) .app-status-wrapper,\n:host(.sm-collapsed.side-display) .app-status-wrapper*/.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded.side-display) .app-status-wrapper*/.sm-expanded.side-display.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}/*!@:host(.side-display) .bottom-side-nav*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button svg*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:hover*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-side-navigation-hover)}/*!@:host(.side-display) .bottom-side-nav .menu-expand-button:focus*/.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}/*!@:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}/*!@:host(.anchor-right.sm-collapsed.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-collapsed.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(-1)}/*!@:host(.anchor-right.sm-expanded.side-display)\n .bottom-side-nav\n .menu-expand-button\n svg*/.anchor-right.sm-expanded.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation svg.sc-ic-side-navigation{transform:scaleX(1)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),\n:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),\n:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl)}/*!@:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-collapsed.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}/*!@:host(.sm-expanded.side-display) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded.side-display.sc-ic-side-navigation-s>ic-navigation-group,.sc-ic-side-navigation-h.sm-expanded.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,\n:host(.sm-collapsed.collapsed-labels.side-display) .top-bar*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper*/.sm-collapsed.collapsed-labels.side-display.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels.side-display)\n ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels.side-display .sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}/*!@:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button*/.collapsed-labels.side-display.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host(.side-display) .collapsed-icon-labels-start*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host(.side-display) .collapsed-icon-labels-end*/.side-display.sc-ic-side-navigation-h .collapsed-icon-labels-end.sc-ic-side-navigation{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){/*!@.top-bar*/.top-bar.sc-ic-side-navigation{height:var(--side-navigation-height)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{width:100%}}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 993px){/*!@:host(.side-display)*/.side-display.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded.side-display)*/.sm-expanded.side-display.sc-ic-side-navigation-h{box-shadow:none}}@media (forced-colors: active){/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{border-right:var(--ic-border-hc)}/*!@.menu-expand-button*/.menu-expand-button.sc-ic-side-navigation{color:Highlight !important}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
17999
18113
|
|
18000
18114
|
/**
|
18001
18115
|
* @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
|
@@ -18059,8 +18173,10 @@ class SideNavigation {
|
|
18059
18173
|
appTitle.classList.remove("ic-typography-no-wrap");
|
18060
18174
|
}, this.ANIMATION_DURATION);
|
18061
18175
|
};
|
18062
|
-
this.toggleMenuExpanded = () => {
|
18063
|
-
this.
|
18176
|
+
this.toggleMenuExpanded = (expanded) => {
|
18177
|
+
if (this.deviceSize > DEVICE_SIZES.S) {
|
18178
|
+
this.menuExpanded = expanded;
|
18179
|
+
}
|
18064
18180
|
if (this.menuExpanded) {
|
18065
18181
|
this.setAndRemoveNoWrapAfterMenuExpanded();
|
18066
18182
|
this.el.shadowRoot
|
@@ -18321,11 +18437,13 @@ class SideNavigation {
|
|
18321
18437
|
return (hAsync("div", { class: {
|
18322
18438
|
"top-bar": true,
|
18323
18439
|
[this.foregroundColor]: true,
|
18324
|
-
} }, isSDevice && (hAsync("nav", { "aria-labelledby": "menu-navigation-toggle-button-landmark", "aria-hidden": "false" }, hAsync("ic-button", { "aria-label": "Open navigation menu", class: "menu-button", id: "menu-button", variant: "secondary", size: "small", "full-width": "true",
|
18440
|
+
} }, isSDevice && (hAsync("nav", { "aria-labelledby": "menu-navigation-toggle-button-landmark", "aria-hidden": "false" }, hAsync("ic-button", { "aria-label": "Open navigation menu", class: "menu-button", id: "menu-button", variant: "secondary", size: "small", "full-width": "true", theme: foregroundColor == "default" || foregroundColor == "light"
|
18441
|
+
? "light"
|
18442
|
+
: "dark", monochrome: true, onClick: this.toggleMenu, ariaOwnsId: "side-navigation", "aria-haspopup": "true", "aria-expanded": "false", ref: (el) => (this.menuButton = el) }, hAsync("span", { class: "mobile-top-bar-menu-icon", slot: "left-icon", innerHTML: menuOpen ? closeIcon : menuIcon }), menuOpen ? "Close" : "Menu"), hAsync("span", { id: "menu-navigation-toggle-button-landmark", class: "navigation-landmark-title", "aria-hidden": "true" }, "Navigation menu toggle button"))), hAsync("div", { class: "app-title-wrapper" }, (hasTitle || isSlotUsed(this.el, "app-title")) && (hAsync(Component, Object.assign({}, attrs, { class: "title-link" }), hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" })), hAsync("div", { class: "app-title-inner-wrapper" }, isSlotUsed(this.el, "app-title") ? (hAsync("slot", { name: "app-title" })) : (this.renderAppTitle(isAppNameSubtitleVariant))))))));
|
18325
18443
|
};
|
18326
18444
|
this.deviceSize = getCurrentDeviceSize();
|
18327
18445
|
this.deviceSizeAppTitle = DEVICE_SIZES.S;
|
18328
|
-
this.foregroundColor =
|
18446
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
18329
18447
|
this.hasSecondaryNavigation = false;
|
18330
18448
|
this.menuExpanded = false;
|
18331
18449
|
this.menuOpen = false;
|
@@ -18342,7 +18460,7 @@ class SideNavigation {
|
|
18342
18460
|
this.version = undefined;
|
18343
18461
|
}
|
18344
18462
|
watchExpandedHandler() {
|
18345
|
-
this.
|
18463
|
+
this.toggleMenuExpanded(this.expanded);
|
18346
18464
|
}
|
18347
18465
|
componentWillLoad() {
|
18348
18466
|
this.setMenuExpanded(this.expanded);
|
@@ -18371,7 +18489,7 @@ class SideNavigation {
|
|
18371
18489
|
}
|
18372
18490
|
(_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionEndHandler);
|
18373
18491
|
}
|
18374
|
-
|
18492
|
+
brandChangeHandler({ detail }) {
|
18375
18493
|
this.foregroundColor = detail.mode;
|
18376
18494
|
}
|
18377
18495
|
render() {
|
@@ -18395,13 +18513,13 @@ class SideNavigation {
|
|
18395
18513
|
"sm-collapsed": !isSDevice && !menuExpanded,
|
18396
18514
|
"sm-expanded": !isSDevice && menuExpanded,
|
18397
18515
|
"side-display": this.deviceSize > DEVICE_SIZES.S || this.disableTopBarBehaviour,
|
18398
|
-
[`ic-side-navigation-${
|
18516
|
+
[`ic-side-navigation-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,
|
18399
18517
|
["collapsed-labels"]: !isSDevice && !menuExpanded && collapsedIconLabels,
|
18400
18518
|
["ic-side-navigation-inline"]: inline,
|
18401
18519
|
} }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), hAsync("div", { class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (hAsync("nav", { class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, hAsync("span", { "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), hAsync("ul", { class: "navigation-list" }, hAsync("slot", { name: "primary-navigation" }))))), hAsync("div", { class: {
|
18402
18520
|
["bottom-wrapper"]: true,
|
18403
18521
|
["classification-spacing"]: hasClassificationBanner(),
|
18404
|
-
} }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { class: "navigation-list" }, hAsync("slot", { name: "secondary-navigation" })))), hAsync("div", { class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", null), displayExpandBtn && (hAsync("button", { class: "menu-expand-button", innerHTML: chevronIcon, onClick: this.toggleMenuExpanded, "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { class: "app-status-wrapper" }, status !== "" && (hAsync("div", { class: {
|
18522
|
+
} }, isSlotUsed(this.el, "secondary-navigation") && (hAsync("nav", { class: "secondary-navigation", "aria-labelledby": "secondary-navigation-landmark" }, hAsync("span", { "aria-hidden": "true", class: "navigation-landmark-title", id: "secondary-navigation-landmark" }, "Secondary"), hAsync("ul", { class: "navigation-list" }, hAsync("slot", { name: "secondary-navigation" })))), hAsync("div", { class: "bottom-side-nav" }, this.hasSecondaryNavigation && hAsync("ic-divider", null), displayExpandBtn && (hAsync("button", { class: "menu-expand-button", innerHTML: chevronIcon, onClick: () => this.toggleMenuExpanded(!this.menuExpanded), "aria-label": `${menuExpanded ? "Collapse" : "Expand"} side navigation` })), hAsync("div", { class: "app-status-wrapper" }, status !== "" && (hAsync("div", { class: {
|
18405
18523
|
["app-status"]: true,
|
18406
18524
|
} }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), version !== "" && (hAsync("ic-typography", { variant: "label", class: "app-version", "aria-label": "app version" }, version))))))));
|
18407
18525
|
}
|
@@ -18432,7 +18550,7 @@ class SideNavigation {
|
|
18432
18550
|
"menuExpanded": [32],
|
18433
18551
|
"menuOpen": [32]
|
18434
18552
|
},
|
18435
|
-
"$listeners$": [[4, "
|
18553
|
+
"$listeners$": [[4, "brandChange", "brandChangeHandler"]],
|
18436
18554
|
"$lazyBundleId$": "-",
|
18437
18555
|
"$attrsToReflect$": []
|
18438
18556
|
}; }
|
@@ -18480,7 +18598,7 @@ class Skeleton {
|
|
18480
18598
|
}; }
|
18481
18599
|
}
|
18482
18600
|
|
18483
|
-
const icStatusTagCss = "/*!@html*/html.sc-ic-status-tag{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-status-tag{margin:0}/*!@main*/main.sc-ic-status-tag{display:block}/*!@h1*/h1.sc-ic-status-tag{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-status-tag{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-status-tag{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-status-tag{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-status-tag,strong.sc-ic-status-tag{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-status-tag,kbd.sc-ic-status-tag,samp.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-status-tag{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-status-tag,sup.sc-ic-status-tag{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-status-tag{bottom:-0.25em}/*!@sup*/sup.sc-ic-status-tag{top:-0.5em}/*!@img*/img.sc-ic-status-tag{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-status-tag,input.sc-ic-status-tag,optgroup.sc-ic-status-tag,select.sc-ic-status-tag,textarea.sc-ic-status-tag{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-status-tag,input.sc-ic-status-tag{overflow:visible}/*!@button,\nselect*/button.sc-ic-status-tag,select.sc-ic-status-tag{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-status-tag,[type=\"button\"].sc-ic-status-tag,[type=\"reset\"].sc-ic-status-tag,[type=\"submit\"].sc-ic-status-tag{-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-status-tag::-moz-focus-inner,[type=\"button\"].sc-ic-status-tag::-moz-focus-inner,[type=\"reset\"].sc-ic-status-tag::-moz-focus-inner,[type=\"submit\"].sc-ic-status-tag::-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-status-tag:-moz-focusring,[type=\"button\"].sc-ic-status-tag:-moz-focusring,[type=\"reset\"].sc-ic-status-tag:-moz-focusring,[type=\"submit\"].sc-ic-status-tag:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-status-tag{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-status-tag{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-status-tag{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-status-tag{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-status-tag,[type=\"radio\"].sc-ic-status-tag{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-status-tag::-webkit-inner-spin-button,[type=\"number\"].sc-ic-status-tag::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-status-tag{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-status-tag::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-status-tag::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-status-tag{display:block}/*!@summary*/summary.sc-ic-status-tag{display:list-item}/*!@template*/template.sc-ic-status-tag{display:none}/*!@[hidden]*/[hidden].sc-ic-status-tag{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-status-tag,body.sc-ic-status-tag,div.sc-ic-status-tag,span.sc-ic-status-tag,applet.sc-ic-status-tag,object.sc-ic-status-tag,iframe.sc-ic-status-tag,h1.sc-ic-status-tag,h2.sc-ic-status-tag,h3.sc-ic-status-tag,h4.sc-ic-status-tag,h5.sc-ic-status-tag,h6.sc-ic-status-tag,p.sc-ic-status-tag,blockquote.sc-ic-status-tag,pre.sc-ic-status-tag,a.sc-ic-status-tag,abbr.sc-ic-status-tag,acronym.sc-ic-status-tag,address.sc-ic-status-tag,big.sc-ic-status-tag,cite.sc-ic-status-tag,code.sc-ic-status-tag,del.sc-ic-status-tag,dfn.sc-ic-status-tag,em.sc-ic-status-tag,img.sc-ic-status-tag,ins.sc-ic-status-tag,kbd.sc-ic-status-tag,q.sc-ic-status-tag,s.sc-ic-status-tag,samp.sc-ic-status-tag,small.sc-ic-status-tag,strike.sc-ic-status-tag,strong.sc-ic-status-tag,sub.sc-ic-status-tag,sup.sc-ic-status-tag,tt.sc-ic-status-tag,var.sc-ic-status-tag,b.sc-ic-status-tag,u.sc-ic-status-tag,i.sc-ic-status-tag,center.sc-ic-status-tag,dl.sc-ic-status-tag,dt.sc-ic-status-tag,dd.sc-ic-status-tag,ol.sc-ic-status-tag,ul.sc-ic-status-tag,li.sc-ic-status-tag,fieldset.sc-ic-status-tag,form.sc-ic-status-tag,label.sc-ic-status-tag,legend.sc-ic-status-tag,table.sc-ic-status-tag,caption.sc-ic-status-tag,tbody.sc-ic-status-tag,tfoot.sc-ic-status-tag,thead.sc-ic-status-tag,tr.sc-ic-status-tag,th.sc-ic-status-tag,td.sc-ic-status-tag,article.sc-ic-status-tag,aside.sc-ic-status-tag,canvas.sc-ic-status-tag,details.sc-ic-status-tag,embed.sc-ic-status-tag,figure.sc-ic-status-tag,figcaption.sc-ic-status-tag,footer.sc-ic-status-tag,header.sc-ic-status-tag,hgroup.sc-ic-status-tag,menu.sc-ic-status-tag,nav.sc-ic-status-tag,output.sc-ic-status-tag,ruby.sc-ic-status-tag,section.sc-ic-status-tag,summary.sc-ic-status-tag,time.sc-ic-status-tag,mark.sc-ic-status-tag,audio.sc-ic-status-tag,video.sc-ic-status-tag{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.tag*/.tag.sc-ic-status-tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}/*!@.small*/.small.sc-ic-status-tag{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.large*/.large.sc-ic-status-tag{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.filled-neutral*/.filled-neutral.sc-ic-status-tag{background-color:var(--ic-status-tag-neutral)}/*!@.filled-success*/.filled-success.sc-ic-status-tag{background-color:var(--ic-status-tag-success)}/*!@.filled-warning*/.filled-warning.sc-ic-status-tag{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-
|
18601
|
+
const icStatusTagCss = "/*!@html*/html.sc-ic-status-tag{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-status-tag{margin:0}/*!@main*/main.sc-ic-status-tag{display:block}/*!@h1*/h1.sc-ic-status-tag{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-status-tag{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-status-tag{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-status-tag{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-status-tag,strong.sc-ic-status-tag{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-status-tag,kbd.sc-ic-status-tag,samp.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-status-tag{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-status-tag,sup.sc-ic-status-tag{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-status-tag{bottom:-0.25em}/*!@sup*/sup.sc-ic-status-tag{top:-0.5em}/*!@img*/img.sc-ic-status-tag{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-status-tag,input.sc-ic-status-tag,optgroup.sc-ic-status-tag,select.sc-ic-status-tag,textarea.sc-ic-status-tag{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-status-tag,input.sc-ic-status-tag{overflow:visible}/*!@button,\nselect*/button.sc-ic-status-tag,select.sc-ic-status-tag{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-status-tag,[type=\"button\"].sc-ic-status-tag,[type=\"reset\"].sc-ic-status-tag,[type=\"submit\"].sc-ic-status-tag{-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-status-tag::-moz-focus-inner,[type=\"button\"].sc-ic-status-tag::-moz-focus-inner,[type=\"reset\"].sc-ic-status-tag::-moz-focus-inner,[type=\"submit\"].sc-ic-status-tag::-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-status-tag:-moz-focusring,[type=\"button\"].sc-ic-status-tag:-moz-focusring,[type=\"reset\"].sc-ic-status-tag:-moz-focusring,[type=\"submit\"].sc-ic-status-tag:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-status-tag{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-status-tag{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-status-tag{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-status-tag{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-status-tag,[type=\"radio\"].sc-ic-status-tag{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-status-tag::-webkit-inner-spin-button,[type=\"number\"].sc-ic-status-tag::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-status-tag{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-status-tag::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-status-tag::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-status-tag{display:block}/*!@summary*/summary.sc-ic-status-tag{display:list-item}/*!@template*/template.sc-ic-status-tag{display:none}/*!@[hidden]*/[hidden].sc-ic-status-tag{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-status-tag,body.sc-ic-status-tag,div.sc-ic-status-tag,span.sc-ic-status-tag,applet.sc-ic-status-tag,object.sc-ic-status-tag,iframe.sc-ic-status-tag,h1.sc-ic-status-tag,h2.sc-ic-status-tag,h3.sc-ic-status-tag,h4.sc-ic-status-tag,h5.sc-ic-status-tag,h6.sc-ic-status-tag,p.sc-ic-status-tag,blockquote.sc-ic-status-tag,pre.sc-ic-status-tag,a.sc-ic-status-tag,abbr.sc-ic-status-tag,acronym.sc-ic-status-tag,address.sc-ic-status-tag,big.sc-ic-status-tag,cite.sc-ic-status-tag,code.sc-ic-status-tag,del.sc-ic-status-tag,dfn.sc-ic-status-tag,em.sc-ic-status-tag,img.sc-ic-status-tag,ins.sc-ic-status-tag,kbd.sc-ic-status-tag,q.sc-ic-status-tag,s.sc-ic-status-tag,samp.sc-ic-status-tag,small.sc-ic-status-tag,strike.sc-ic-status-tag,strong.sc-ic-status-tag,sub.sc-ic-status-tag,sup.sc-ic-status-tag,tt.sc-ic-status-tag,var.sc-ic-status-tag,b.sc-ic-status-tag,u.sc-ic-status-tag,i.sc-ic-status-tag,center.sc-ic-status-tag,dl.sc-ic-status-tag,dt.sc-ic-status-tag,dd.sc-ic-status-tag,ol.sc-ic-status-tag,ul.sc-ic-status-tag,li.sc-ic-status-tag,fieldset.sc-ic-status-tag,form.sc-ic-status-tag,label.sc-ic-status-tag,legend.sc-ic-status-tag,table.sc-ic-status-tag,caption.sc-ic-status-tag,tbody.sc-ic-status-tag,tfoot.sc-ic-status-tag,thead.sc-ic-status-tag,tr.sc-ic-status-tag,th.sc-ic-status-tag,td.sc-ic-status-tag,article.sc-ic-status-tag,aside.sc-ic-status-tag,canvas.sc-ic-status-tag,details.sc-ic-status-tag,embed.sc-ic-status-tag,figure.sc-ic-status-tag,figcaption.sc-ic-status-tag,footer.sc-ic-status-tag,header.sc-ic-status-tag,hgroup.sc-ic-status-tag,menu.sc-ic-status-tag,nav.sc-ic-status-tag,output.sc-ic-status-tag,ruby.sc-ic-status-tag,section.sc-ic-status-tag,summary.sc-ic-status-tag,time.sc-ic-status-tag,mark.sc-ic-status-tag,audio.sc-ic-status-tag,video.sc-ic-status-tag{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.tag*/.tag.sc-ic-status-tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}/*!@.small*/.small.sc-ic-status-tag{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.large*/.large.sc-ic-status-tag{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.filled-neutral*/.filled-neutral.sc-ic-status-tag{background-color:var(--ic-status-tag-neutral)}/*!@.filled-success*/.filled-success.sc-ic-status-tag{background-color:var(--ic-status-tag-success)}/*!@.filled-warning*/.filled-warning.sc-ic-status-tag{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}/*!@.filled-danger*/.filled-danger.sc-ic-status-tag{background-color:var(--ic-status-tag-error)}/*!@.outlined*/.outlined.sc-ic-status-tag{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}/*!@.outlined.small*/.outlined.small.sc-ic-status-tag{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}/*!@.outlined.large*/.outlined.large.sc-ic-status-tag{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px))}/*!@.outlined-neutral*/.outlined-neutral.sc-ic-status-tag{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}/*!@.outlined-success*/.outlined-success.sc-ic-status-tag{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}/*!@.outlined-warning*/.outlined-warning.sc-ic-status-tag{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}/*!@.outlined-danger*/.outlined-danger.sc-ic-status-tag{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){/*!@.tag*/.tag.sc-ic-status-tag{border:var(--ic-border-hc);-ms-high-contrast-adjust:none;forced-color-adjust:none}}";
|
18484
18602
|
|
18485
18603
|
class StatusTag {
|
18486
18604
|
constructor(hostRef) {
|
@@ -18490,19 +18608,20 @@ class StatusTag {
|
|
18490
18608
|
this.size = "medium";
|
18491
18609
|
this.status = "neutral";
|
18492
18610
|
this.theme = "inherit";
|
18611
|
+
this.uppercase = true;
|
18493
18612
|
this.variant = "filled";
|
18494
18613
|
}
|
18495
18614
|
componentDidLoad() {
|
18496
18615
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Status Tag");
|
18497
18616
|
}
|
18498
18617
|
render() {
|
18499
|
-
const { label, status, variant, size, announced, theme } = this;
|
18618
|
+
const { label, status, variant, size, announced, theme, uppercase } = this;
|
18500
18619
|
return (hAsync(Host, { class: { [`ic-theme-${theme}`]: theme !== "inherit" }, role: announced ? "status" : null, "aria-label": "Status" }, hAsync("strong", { class: {
|
18501
18620
|
["tag"]: true,
|
18502
18621
|
[`${variant}-${status}`]: true,
|
18503
18622
|
["outlined"]: variant === "outlined",
|
18504
18623
|
[`${size}`]: true,
|
18505
|
-
} }, hAsync("ic-typography", { variant: "label-uppercase", "apply-vertical-margins": false }, hAsync("span", null, label)))));
|
18624
|
+
} }, hAsync("ic-typography", { variant: uppercase ? "label-uppercase" : "label", "apply-vertical-margins": false }, hAsync("span", null, label)))));
|
18506
18625
|
}
|
18507
18626
|
static get style() { return icStatusTagCss; }
|
18508
18627
|
static get cmpMeta() { return {
|
@@ -18514,6 +18633,7 @@ class StatusTag {
|
|
18514
18633
|
"size": [1],
|
18515
18634
|
"status": [1],
|
18516
18635
|
"theme": [1],
|
18636
|
+
"uppercase": [4],
|
18517
18637
|
"variant": [1]
|
18518
18638
|
},
|
18519
18639
|
"$listeners$": undefined,
|
@@ -18939,7 +19059,7 @@ class Stepper {
|
|
18939
19059
|
}; }
|
18940
19060
|
}
|
18941
19061
|
|
18942
|
-
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-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);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);color:var(--ic-switch-help-text)}/*!@.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-switch-unchecked);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-switch-indicator-off)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-switch-indicator-on)}@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-switch-checked-bg);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-switch-checked)}/*!@.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-switch-unchecked-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-switch-unchecked-bg-pressed)}/*!@.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-switch-checked-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-switch-checked-bg-pressed)}/*!@.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-switch-indicator-off-disabled)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-switch-indicator-on-disabled)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-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-switch-unchecked-disabled)}/*!@.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-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled)}/*!@.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-switch-checked)}/*!@.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:var(--ic-switch-icon)}@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-border-hc)}/*!@.ic-switch-input:focus + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus+.ic-switch-toggle.sc-ic-switch{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}/*!@.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}}";
|
19062
|
+
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;--ic-input-label-text-color:var(--ic-switch-label);--ic-input-label-helper-text-color:var(--ic-switch-help-text)}/*!@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-switch-unchecked-bg);border:var(--ic-border-width) solid var(--ic-switch-unchecked);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);color:var(--ic-switch-help-text)}/*!@.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-switch-unchecked);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-switch-indicator-off)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-switch-indicator-on)}@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-switch-checked-bg);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-switch-checked)}/*!@.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-switch-unchecked-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-switch-unchecked-bg-pressed)}/*!@.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-switch-checked-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-switch-checked-bg-pressed)}/*!@.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-switch-indicator-off-disabled)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-switch-indicator-on-disabled)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-switch-unchecked-bg-disabled);border:var(--ic-space-1px) dashed var(--ic-switch-unchecked-outline-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-switch-unchecked-disabled)}/*!@.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-switch-checked-bg-disabled);border:var(--ic-border-width) dashed\n var(--ic-switch-checked-outline-disabled)}/*!@.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-switch-checked)}/*!@.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:var(--ic-switch-icon)}@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-border-hc)}/*!@.ic-switch-input:focus + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus+.ic-switch-toggle.sc-ic-switch{border-color:highlight;outline:var(--ic-space-xxxs) solid highlight}/*!@.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}}";
|
18943
19063
|
|
18944
19064
|
let inputIds$1 = 0;
|
18945
19065
|
/**
|
@@ -18984,6 +19104,9 @@ class Switch {
|
|
18984
19104
|
checkedChangeHandler() {
|
18985
19105
|
this.checkedState = this.checked;
|
18986
19106
|
}
|
19107
|
+
watchDisabledHandler() {
|
19108
|
+
removeDisabledFalse(this.disabled, this.el);
|
19109
|
+
}
|
18987
19110
|
disconnectedCallback() {
|
18988
19111
|
removeFormResetListener(this.el, this.handleFormReset);
|
18989
19112
|
}
|
@@ -19021,7 +19144,8 @@ class Switch {
|
|
19021
19144
|
static get delegatesFocus() { return true; }
|
19022
19145
|
get el() { return getElement(this); }
|
19023
19146
|
static get watchers() { return {
|
19024
|
-
"checked": ["checkedChangeHandler"]
|
19147
|
+
"checked": ["checkedChangeHandler"],
|
19148
|
+
"disabled": ["watchDisabledHandler"]
|
19025
19149
|
}; }
|
19026
19150
|
static get style() { return icSwitchCss; }
|
19027
19151
|
static get cmpMeta() { return {
|
@@ -19103,6 +19227,9 @@ class Tab {
|
|
19103
19227
|
this.tabPosition = undefined;
|
19104
19228
|
this.theme = "inherit";
|
19105
19229
|
}
|
19230
|
+
watchDisabledHandler() {
|
19231
|
+
removeDisabledFalse(this.disabled, this.el);
|
19232
|
+
}
|
19106
19233
|
disabledWatchHandler() {
|
19107
19234
|
this.tabEnabled.emit();
|
19108
19235
|
}
|
@@ -19140,7 +19267,7 @@ class Tab {
|
|
19140
19267
|
}
|
19141
19268
|
get el() { return getElement(this); }
|
19142
19269
|
static get watchers() { return {
|
19143
|
-
"disabled": ["disabledWatchHandler"]
|
19270
|
+
"disabled": ["watchDisabledHandler", "disabledWatchHandler"]
|
19144
19271
|
}; }
|
19145
19272
|
static get style() { return icTabCss; }
|
19146
19273
|
static get cmpMeta() { return {
|
@@ -19392,27 +19519,11 @@ class TabContext {
|
|
19392
19519
|
}; }
|
19393
19520
|
}
|
19394
19521
|
|
19395
|
-
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-space-1px) solid var(--ic-tab-bottom-border)}/*!@:host(.ic-tab-group-monochrome)*/.ic-tab-group-monochrome.sc-ic-tab-group-h{border-bottom:var(--ic-space-1px) solid\n var(--ic-tab-bottom-border-monochrome)}/*!@:host(.ic-tab-group-inline)*/.ic-tab-group-inline.sc-ic-tab-group-h{margin-bottom:0;border-bottom:none}/*!@.tabs-container*/.tabs-container.sc-ic-tab-group{display:flex;flex-direction:row}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-tab-group::-webkit-scrollbar{display:none}";
|
19522
|
+
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-space-1px) solid var(--ic-tab-bottom-border)}/*!@:host(.ic-tab-group-monochrome)*/.ic-tab-group-monochrome.sc-ic-tab-group-h{border-bottom:var(--ic-space-1px) solid\n var(--ic-tab-bottom-border-monochrome)}/*!@:host(.ic-tab-group-inline)*/.ic-tab-group-inline.sc-ic-tab-group-h{margin-bottom:0;border-bottom:none}/*!@.tabs-container*/.tabs-container.sc-ic-tab-group{display:flex;flex-direction:row}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-tab-group::-webkit-scrollbar{display:none}/*!@:host ic-horizontal-scroll*/.sc-ic-tab-group-h ic-horizontal-scroll.sc-ic-tab-group{--splitter-color:var(--ic-tab-divider)}/*!@:host(.ic-tab-group-monochrome) ic-horizontal-scroll*/.ic-tab-group-monochrome.sc-ic-tab-group-h ic-horizontal-scroll.sc-ic-tab-group{--splitter-color:var(--ic-tab-divider-monochrome)}";
|
19396
19523
|
|
19397
19524
|
class TabGroup {
|
19398
19525
|
constructor(hostRef) {
|
19399
19526
|
registerInstance(this, hostRef);
|
19400
|
-
/**
|
19401
|
-
* Temporary function to handle horizontal scroll appearance until other dark mode work is completed.
|
19402
|
-
*/
|
19403
|
-
this.handleHorizontalScrollAppearance = () => {
|
19404
|
-
if (this.theme === "dark" ||
|
19405
|
-
(this.theme === "inherit" &&
|
19406
|
-
window.matchMedia("(prefers-color-scheme: dark)").matches)) {
|
19407
|
-
return "light";
|
19408
|
-
}
|
19409
|
-
else if (this.monochrome) {
|
19410
|
-
return "dark";
|
19411
|
-
}
|
19412
|
-
else {
|
19413
|
-
return "default";
|
19414
|
-
}
|
19415
|
-
};
|
19416
19527
|
this.inline = false;
|
19417
19528
|
this.label = undefined;
|
19418
19529
|
this.monochrome = false;
|
@@ -19427,7 +19538,7 @@ class TabGroup {
|
|
19427
19538
|
["ic-tab-group-inline"]: this.inline,
|
19428
19539
|
[`ic-theme-${theme}`]: theme !== "inherit",
|
19429
19540
|
["ic-tab-group-monochrome"]: monochrome,
|
19430
|
-
} }, hAsync("ic-horizontal-scroll", {
|
19541
|
+
} }, hAsync("ic-horizontal-scroll", { theme: this.theme, "focus-trigger": "tabFocus", monochrome: this.monochrome }, hAsync("div", { class: "tabs-container" }, hAsync("slot", null)))));
|
19431
19542
|
}
|
19432
19543
|
static get delegatesFocus() { return true; }
|
19433
19544
|
static get style() { return icTabGroupCss; }
|
@@ -19488,7 +19599,7 @@ class TabPanel {
|
|
19488
19599
|
}; }
|
19489
19600
|
}
|
19490
19601
|
|
19491
|
-
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;--ic-input-label-helpertext-padding:var(--ic-space-xxs)}/*!@:host(.ic-text-field-full-width)*/.ic-text-field-full-width.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--text-field-placeholder-color, var(--ic-color-text-tertiary));opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--text-field-placeholder-color, var(--ic-color-text-tertiary));opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-color-text-primary));background-color:var(--input-bg-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(--text-field-disabled-text-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-text-primary)}/*!@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}/*!@.char-count-text*/.char-count-text.sc-ic-text-field{--ic-typography-color:var(--ic-color-text-secondary);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-text-tertiary)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-text-primary)}/*!@.char-count*/.char-count.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@.remaining-char-count-desc*/.remaining-char-count-desc.sc-ic-text-field{position:absolute;left:-9999px}/*!@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}}";
|
19602
|
+
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;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n --ic-text-field-state-icon-warning\n );--ic-input-validation-success-icon-color:var(\n --ic-text-field-state-icon-success\n );--ic-input-component-container-success-icon-inline-color:var(\n --ic-text-field-state-icon-success\n )}/*!@:host(.ic-text-field-disabled)*/.ic-text-field-disabled.sc-ic-text-field-h{--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n --ic-text-field-text-area-placeholder-text-disabled\n )}/*!@:host(.ic-text-field-full-width)*/.ic-text-field-full-width.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(\n --text-field-placeholder-color,\n var(--ic-text-field-placeholder-text)\n );opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n --text-field-typing-cursor,\n var(--ic-text-field-typing-cursor)\n )}/*!@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(\n --text-field-disabled-text-color,\n var(--ic-text-field-text-disabled)\n )}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-text-field-read-only-input-text-internal)}/*!@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}/*!@.char-count-text*/.char-count-text.sc-ic-text-field{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}/*!@:host(.ic-text-field-disabled) .char-count-text*/.ic-text-field-disabled.sc-ic-text-field-h .char-count-text.sc-ic-text-field{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}/*!@.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-text-field-text-disabled)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-text-field-input-internal-icon)}/*!@.char-count*/.char-count.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@.remaining-char-count-desc*/.remaining-char-count-desc.sc-ic-text-field{position:absolute;left:-9999px}/*!@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}}";
|
19492
19603
|
|
19493
19604
|
let inputIds = 0;
|
19494
19605
|
const MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, "title"];
|
@@ -19506,6 +19617,14 @@ class TextField {
|
|
19506
19617
|
this.icKeydown = createEvent(this, "icKeydown", 7);
|
19507
19618
|
this.inheritedAttributes = {};
|
19508
19619
|
this.hostMutationObserver = null;
|
19620
|
+
this.checkChildHydration = () => {
|
19621
|
+
var _a;
|
19622
|
+
const el = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("ic-typography");
|
19623
|
+
if (el && el.classList.contains("hydrated")) {
|
19624
|
+
this.setFocus();
|
19625
|
+
clearInterval(this.interval);
|
19626
|
+
}
|
19627
|
+
};
|
19509
19628
|
this.getMaxValueExceeded = (value) => {
|
19510
19629
|
if (this.type === "number") {
|
19511
19630
|
this.minValueUnattained = value && Number(value) < Number(this.min);
|
@@ -19563,7 +19682,7 @@ class TextField {
|
|
19563
19682
|
this.autocapitalize = "off";
|
19564
19683
|
this.autocomplete = "off";
|
19565
19684
|
this.autocorrect = "off";
|
19566
|
-
this.
|
19685
|
+
this.autofocus = false;
|
19567
19686
|
this.disabled = false;
|
19568
19687
|
this.fullWidth = false;
|
19569
19688
|
this.helperText = "";
|
@@ -19586,6 +19705,7 @@ class TextField {
|
|
19586
19705
|
this.rows = 1;
|
19587
19706
|
this.size = "medium";
|
19588
19707
|
this.spellcheck = false;
|
19708
|
+
this.theme = "inherit";
|
19589
19709
|
this.truncateValue = undefined;
|
19590
19710
|
this.type = "text";
|
19591
19711
|
this.validationInline = false;
|
@@ -19596,6 +19716,9 @@ class TextField {
|
|
19596
19716
|
this.value = "";
|
19597
19717
|
this.initialValue = this.value;
|
19598
19718
|
}
|
19719
|
+
watchDisabledHandler() {
|
19720
|
+
removeDisabledFalse(this.disabled, this.el);
|
19721
|
+
}
|
19599
19722
|
debounceChanged() {
|
19600
19723
|
this.icChange = debounceEvent(this.icChange, this.debounce);
|
19601
19724
|
}
|
@@ -19650,6 +19773,9 @@ class TextField {
|
|
19650
19773
|
attributes: true,
|
19651
19774
|
childList: true,
|
19652
19775
|
});
|
19776
|
+
if (this.autofocus && !this.disabled && !this.readonly) {
|
19777
|
+
this.interval = setInterval(this.checkChildHydration, 50);
|
19778
|
+
}
|
19653
19779
|
}
|
19654
19780
|
handleKeyDown(ev) {
|
19655
19781
|
this.icKeydown.emit({ event: ev });
|
@@ -19658,12 +19784,12 @@ class TextField {
|
|
19658
19784
|
/**
|
19659
19785
|
* Sets focus on the native `input`.
|
19660
19786
|
*/
|
19661
|
-
|
19787
|
+
setFocus() {
|
19662
19788
|
var _a;
|
19663
19789
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();
|
19664
19790
|
}
|
19665
19791
|
render() {
|
19666
|
-
const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersWarning, maxCharactersReached, minCharacters, minCharactersUnattained, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, } = this;
|
19792
|
+
const { inputId, name, label, required, size, placeholder, helperText, hideCharCount, rows, resize, disabled, value, min, max, numChars, readonly, maxCharacters, maxCharactersWarning, maxCharactersReached, minCharacters, minCharactersUnattained, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, theme, } = this;
|
19667
19793
|
const disabledMode = readonly || disabled;
|
19668
19794
|
const currentStatus = maxValueExceeded ||
|
19669
19795
|
minValueUnattained ||
|
@@ -19703,18 +19829,22 @@ class TextField {
|
|
19703
19829
|
if (hiddenInput) {
|
19704
19830
|
renderHiddenInput(true, this.el, name, value, disabledMode);
|
19705
19831
|
}
|
19706
|
-
return (hAsync(Host, { class: {
|
19707
|
-
|
19708
|
-
[
|
19832
|
+
return (hAsync(Host, { class: {
|
19833
|
+
"ic-text-field-full-width": fullWidth,
|
19834
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
19835
|
+
"ic-text-field-disabled": disabledMode,
|
19836
|
+
} }, 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: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (hAsync("span", { class: {
|
19837
|
+
readonly,
|
19838
|
+
"has-value": value.length > 0,
|
19709
19839
|
}, 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: {
|
19710
|
-
|
19711
|
-
|
19712
|
-
|
19713
|
-
}, placeholder: placeholder ? placeholder : "", 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,
|
19714
|
-
|
19715
|
-
|
19716
|
-
|
19717
|
-
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize,
|
19840
|
+
"no-left-pad": !showLeftIcon && readonly,
|
19841
|
+
readonly,
|
19842
|
+
"truncate-value": truncateValue,
|
19843
|
+
}, placeholder: placeholder ? placeholder : "", 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, spellcheck: spellcheck, inputmode: inputmode, role: this.role, maxlength: maxCharactersReached ? maxCharacters : null, minlength: minCharactersUnattained ? minCharacters : null }, this.inheritedAttributes))) : (hAsync("textarea", Object.assign({ id: inputId, class: {
|
19844
|
+
"no-resize": resize === false || readonly,
|
19845
|
+
"no-left-pad": !showLeftIcon && readonly,
|
19846
|
+
readonly,
|
19847
|
+
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder ? placeholder : "", readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, 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) ||
|
19718
19848
|
!isEmptyString(validationText) ||
|
19719
19849
|
maxNumChars > 0 ||
|
19720
19850
|
maxValueExceeded ||
|
@@ -19726,12 +19856,11 @@ class TextField {
|
|
19726
19856
|
validationInline) ||
|
19727
19857
|
validationInlineInternal
|
19728
19858
|
? ""
|
19729
|
-
: currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { variant: "caption", class: {
|
19730
|
-
["char-count-text"]: true,
|
19731
|
-
} }, hAsync("span", { class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
|
19859
|
+
: currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { slot: "validation-message-adornment" }, !hideCharCount && (hAsync("ic-typography", { variant: "caption", class: "char-count-text" }, hAsync("span", { class: "char-count" }, numChars, "/", maxNumChars))), hAsync("span", { class: "remaining-char-count-desc", "aria-live": "polite" }, hiddenRemainingCharCountDesc), hAsync("span", { hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters."))))))));
|
19732
19860
|
}
|
19733
19861
|
get el() { return getElement(this); }
|
19734
19862
|
static get watchers() { return {
|
19863
|
+
"disabled": ["watchDisabledHandler"],
|
19735
19864
|
"debounce": ["debounceChanged"],
|
19736
19865
|
"value": ["watchValueHandler"]
|
19737
19866
|
}; }
|
@@ -19747,7 +19876,7 @@ class TextField {
|
|
19747
19876
|
"autocapitalize": [1],
|
19748
19877
|
"autocomplete": [1],
|
19749
19878
|
"autocorrect": [1],
|
19750
|
-
"
|
19879
|
+
"autofocus": [4],
|
19751
19880
|
"disabled": [4],
|
19752
19881
|
"fullWidth": [4, "full-width"],
|
19753
19882
|
"helperText": [1, "helper-text"],
|
@@ -19770,6 +19899,7 @@ class TextField {
|
|
19770
19899
|
"rows": [2],
|
19771
19900
|
"size": [1],
|
19772
19901
|
"spellcheck": [4],
|
19902
|
+
"theme": [1],
|
19773
19903
|
"truncateValue": [4, "truncate-value"],
|
19774
19904
|
"type": [1],
|
19775
19905
|
"validationInline": [4, "validation-inline"],
|
@@ -19796,7 +19926,7 @@ class TextField {
|
|
19796
19926
|
class Theme {
|
19797
19927
|
constructor(hostRef) {
|
19798
19928
|
registerInstance(this, hostRef);
|
19799
|
-
this.
|
19929
|
+
this.brandChange = createEvent(this, "brandChange", 7);
|
19800
19930
|
this.darkModeChangeHandler = () => {
|
19801
19931
|
if (this.theme === "system") {
|
19802
19932
|
this.themeClass =
|
@@ -19809,41 +19939,41 @@ class Theme {
|
|
19809
19939
|
this.themeClass = `ic-theme-${this.theme}`;
|
19810
19940
|
}
|
19811
19941
|
};
|
19812
|
-
this.
|
19813
|
-
if (
|
19814
|
-
|
19815
|
-
console.warn(`The
|
19942
|
+
this.checkBrandColorContrast = () => {
|
19943
|
+
if (getBrandColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
|
19944
|
+
getBrandColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
|
19945
|
+
console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`);
|
19816
19946
|
}
|
19817
19947
|
};
|
19818
|
-
this.
|
19819
|
-
const colorRGBA = convertToRGBA(this.
|
19948
|
+
this.setBrandColor = () => {
|
19949
|
+
const colorRGBA = convertToRGBA(this.brandColor);
|
19820
19950
|
if (colorRGBA) {
|
19821
19951
|
const { r, g, b, a } = colorRGBA;
|
19822
19952
|
const { style } = document.documentElement;
|
19823
|
-
style.setProperty("--ic-
|
19824
|
-
style.setProperty("--ic-
|
19825
|
-
style.setProperty("--ic-
|
19826
|
-
style.setProperty("--ic-
|
19827
|
-
this.
|
19828
|
-
this.
|
19829
|
-
mode:
|
19953
|
+
style.setProperty("--ic-brand-color-primary-r", `${r}`);
|
19954
|
+
style.setProperty("--ic-brand-color-primary-g", `${g}`);
|
19955
|
+
style.setProperty("--ic-brand-color-primary-b", `${b}`);
|
19956
|
+
style.setProperty("--ic-brand-color-primary-a", `${a}`);
|
19957
|
+
this.checkBrandColorContrast();
|
19958
|
+
this.brandChange.emit({
|
19959
|
+
mode: getBrandForegroundAppearance(),
|
19830
19960
|
color: colorRGBA,
|
19831
19961
|
});
|
19832
19962
|
}
|
19833
19963
|
};
|
19834
19964
|
this.themeClass = "";
|
19835
|
-
this.
|
19965
|
+
this.brandColor = null;
|
19836
19966
|
this.theme = "light";
|
19837
19967
|
}
|
19838
|
-
|
19839
|
-
this.
|
19968
|
+
watchBrandColorPropHandler() {
|
19969
|
+
this.setBrandColor();
|
19840
19970
|
}
|
19841
19971
|
watchThemePropHandler() {
|
19842
19972
|
this.darkModeChangeHandler();
|
19843
19973
|
}
|
19844
19974
|
componentWillLoad() {
|
19845
19975
|
this.darkModeChangeHandler();
|
19846
|
-
this.
|
19976
|
+
this.setBrandColor();
|
19847
19977
|
window.matchMedia &&
|
19848
19978
|
window
|
19849
19979
|
.matchMedia("(prefers-color-scheme: dark)")
|
@@ -19854,14 +19984,14 @@ class Theme {
|
|
19854
19984
|
return (hAsync(Host, { class: themeClass }, hAsync("slot", null)));
|
19855
19985
|
}
|
19856
19986
|
static get watchers() { return {
|
19857
|
-
"
|
19987
|
+
"brandColor": ["watchBrandColorPropHandler"],
|
19858
19988
|
"theme": ["watchThemePropHandler"]
|
19859
19989
|
}; }
|
19860
19990
|
static get cmpMeta() { return {
|
19861
19991
|
"$flags$": 4,
|
19862
19992
|
"$tagName$": "ic-theme",
|
19863
19993
|
"$members$": {
|
19864
|
-
"
|
19994
|
+
"brandColor": [1, "brand-color"],
|
19865
19995
|
"theme": [1],
|
19866
19996
|
"themeClass": [32]
|
19867
19997
|
},
|
@@ -20165,7 +20295,7 @@ class ToastRegion {
|
|
20165
20295
|
}; }
|
20166
20296
|
}
|
20167
20297
|
|
20168
|
-
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(.ic-toggle-button-dark)*/.ic-toggle-button-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(.ic-toggle-button-light)*/.ic-toggle-button-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(.ic-toggle-button-disabled)*/.ic-toggle-button-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 ic-button*/.sc-ic-toggle-button-h ic-button.sc-ic-toggle-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}/*!@: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.ic-toggle-button-checked)\n ::part(button):focus*/.expand-toggle-group-child.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.ic-toggle-button-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.ic-toggle-button-light) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus*/.expand-toggle-group-child.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.ic-toggle-button-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(.ic-toggle-button-checked) ::part(button)*/.ic-toggle-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(.ic-toggle-button-checked) ::part(button):focus*/.ic-toggle-button-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(.ic-toggle-button-checked) ::part(button):hover*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--button-default-hover)}/*!@:host(.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.ic-toggle-button-icon.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-pressed)}/*!@:host(.ic-toggle-button-dark.ic-toggle-button-checked) ::part(button)*/.ic-toggle-button-dark.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-dark)}/*!@:host(.ic-toggle-button-dark.ic-toggle-button-checked) ::part(button):hover*/.ic-toggle-button-dark.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-action-dark-hover)}/*!@:host(.ic-toggle-button-dark.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-dark.ic-toggle-button-checked)\n ::part(button):active*/.ic-toggle-button-dark.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.ic-toggle-button-icon.ic-toggle-button-dark.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-pressed)}/*!@:host(.ic-toggle-button-light.ic-toggle-button-checked) ::part(button)*/.ic-toggle-button-light.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-light);color:var(--ic-color-text-primary);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black)}/*!@:host(.ic-toggle-button-light.ic-toggle-button-checked) ::part(button):hover*/.ic-toggle-button-light.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-action-light-hover)}/*!@:host(.ic-toggle-button-light.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-light.ic-toggle-button-checked)\n ::part(button):active*/.ic-toggle-button-light.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.ic-toggle-button-icon.ic-toggle-button-light.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-pressed)}/*!@:host(.ic-toggle-button-light.ic-toggle-button-checked) ::part(button):focus*/.ic-toggle-button-light.ic-toggle-button-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(.ic-toggle-button-disabled) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled) ::part(button)*/.ic-toggle-button-disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-icon.ic-toggle-button-disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--button-border)}/*!@:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n ::part(button)*/.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:transparent}/*!@:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n ::part(button)::before*/.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-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(.ic-toggle-button-icon) ::part(button)*/.ic-toggle-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(.ic-toggle-button-icon) ::part(button):active*/.ic-toggle-button-icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-bg-active)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active*/.ic-toggle-button-icon.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active*/.ic-toggle-button-icon.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-bg-pressed)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button)*/.ic-toggle-button-icon.ic-toggle-button-small.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button)*/.ic-toggle-button-icon.ic-toggle-button-large.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--button-default-active)}/*!@:host(.ic-toggle-button-loading) ::part(ic-loading-container)*/.ic-toggle-button-loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(ic-loading-container){--inner-color:var(--ic-architectural-white)}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-light)\n ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-light-pressed)}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-dark)\n ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-action-dark-pressed)}@media (forced-colors: active){/*!@:host(.ic-toggle-button-checked) ::part(button),\n :host(.ic-toggle-button-checked) ::part(button):hover*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),\n :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover*/.ic-toggle-button-checked.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-checked.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),\n :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover*/.ic-toggle-button-checked.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-checked.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:GrayText}}";
|
20298
|
+
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{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-hover\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-pressed\n )}/*!@:host(.ic-toggle-button-checked)*/.ic-toggle-button-checked.sc-ic-toggle-button-h{--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed\n );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}/*!@:host(.ic-toggle-button-monochrome)*/.ic-toggle-button-monochrome.sc-ic-toggle-button-h{--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-hover:var(\n --ic-toggle-button-unselected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-unselected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-unselected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-unselected-text-monochrome\n )}/*!@:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)*/.ic-toggle-button-monochrome.ic-toggle-button-checked.sc-ic-toggle-button-h{--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n --ic-toggle-button-selected-border-hover-monochrome\n );--toggle-button-text-colour-hover:var(\n --ic-toggle-button-selected-text-monochrome\n );--toggle-button-border-active:var(\n --ic-toggle-button-selected-border-pressed-monochrome\n );--toggle-button-text-colour-active:var(\n --ic-toggle-button-selected-text-monochrome\n )}/*!@:host(.ic-toggle-button-disabled)*/.ic-toggle-button-disabled.sc-ic-toggle-button-h{--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}/*!@:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome)*/.ic-toggle-button-disabled.ic-toggle-button-monochrome.sc-ic-toggle-button-h{--toggle-button-border:var(\n --ic-toggle-button-unselected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-unselected-text-disabled-monochrome\n )}/*!@:host(.ic-toggle-button-disabled.ic-toggle-button-checked)*/.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h{--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}/*!@:host(\n .ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome\n )*/.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome.sc-ic-toggle-button-h{--toggle-button-border:var(\n --ic-toggle-button-selected-border-disabled-monochrome\n );--toggle-button-text-colour:var(\n --ic-toggle-button-selected-text-disabled-monochrome\n )}/*!@: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 ic-button*/.sc-ic-toggle-button-h ic-button.sc-ic-toggle-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}/*!@: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.ic-toggle-button-checked)\n ::part(button):focus*/.expand-toggle-group-child.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.ic-toggle-button-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.ic-toggle-button-light) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus*/.expand-toggle-group-child.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus,.expand-toggle-group-child.ic-toggle-button-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(--ic-border-width) solid var(--toggle-button-border);color:var(--toggle-button-text-colour)}/*!@:host ::part(button):hover*/.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{border:var(--ic-border-width) solid var(--toggle-button-border-hover);color:var(--toggle-button-text-colour-hover)}/*!@:host ::part(button):active*/.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{border:var(--ic-border-width) solid var(--toggle-button-border-active);color:var(--toggle-button-text-colour-active)}/*!@:host(.ic-toggle-button-disabled) ::part(button)*/.ic-toggle-button-disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){border:var(--ic-space-1px) dashed var(--toggle-button-border);color:var(--toggle-button-text-colour)}/*!@:host(.ic-toggle-button-checked) ::part(button)*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text)}/*!@:host(.ic-toggle-button-checked) ::part(button):focus*/.ic-toggle-button-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 ::part(button):hover*/.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-toggle-button-unselected-background-hover)}/*!@:host ::part(button):active*/.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-toggle-button-unselected-background-pressed)}/*!@:host(.ic-toggle-button-checked) ::part(button):hover*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}/*!@:host(.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.ic-toggle-button-icon.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}/*!@:host(.ic-toggle-button-monochrome) ::part(button):hover*/.ic-toggle-button-monochrome.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(\n --ic-toggle-button-unselected-background-hover-monochrome\n )}/*!@:host(.ic-toggle-button-monochrome) ::part(button):active*/.ic-toggle-button-monochrome.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}/*!@:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button)*/.ic-toggle-button-monochrome.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}/*!@:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n ::part(button):hover*/.ic-toggle-button-monochrome.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:var(\n --ic-toggle-button-selected-background-hover-monochrome\n )}/*!@:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n ::part(button):active,\n:host(\n .ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked\n )\n ::part(button):active*/.ic-toggle-button-monochrome.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active,.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}/*!@:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n ::part(button):focus*/.ic-toggle-button-monochrome.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n var(--ic-toggle-button-selected-text),\n var(--ic-border-focus)}/*!@:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n ::part(button)*/.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:transparent}/*!@:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n ::part(button)::before*/.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled) 95%,\n white 20%\n );background-repeat:no-repeat}/*!@:host(\n .ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome\n )\n ::part(button),\n:host(\n .ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome\n )\n ::part(button)::before*/.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button)::before{background-image:radial-gradient(\n var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n white 20%\n );background-repeat:no-repeat}/*!@:host(.ic-toggle-button-icon) ::part(button)*/.ic-toggle-button-icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-toggle-button-icon) ::part(button):active*/.ic-toggle-button-icon.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-default-bg-pressed)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active*/.ic-toggle-button-icon.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active*/.ic-toggle-button-icon.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):active{background-color:var(--ic-action-light-bg-pressed)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button)*/.ic-toggle-button-icon.ic-toggle-button-small.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}/*!@:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button)*/.ic-toggle-button-icon.ic-toggle-button-large.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed\n );background-color:var(--ic-toggle-button-selected-background-pressed)}/*!@:host(.ic-toggle-button-loading) ::part(button)*/.ic-toggle-button-loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed\n );background-color:var(--ic-toggle-button-unselected-background-pressed)}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-loading)\n ::part(ic-loading-container)*/.ic-toggle-button-checked.ic-toggle-button-loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}/*!@:host(.ic-toggle-button-loading) ::part(ic-loading-container)*/.ic-toggle-button-loading.sc-ic-toggle-button-h .sc-ic-toggle-button::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}/*!@:host(\n .ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome\n )\n ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){--loading-button-background:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-selected-background-pressed-monochrome\n )}/*!@:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button)*/.ic-toggle-button-loading.ic-toggle-button-monochrome.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){--loading-button-background:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n );background-color:var(\n --ic-toggle-button-unselected-background-pressed-monochrome\n )}@media (forced-colors: active){/*!@:host(.ic-toggle-button-checked) ::part(button),\n :host(.ic-toggle-button-checked) ::part(button):hover*/.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-checked.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),\n :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover*/.ic-toggle-button-checked.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-checked.ic-toggle-button-light.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),\n :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover*/.ic-toggle-button-checked.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button),.ic-toggle-button-checked.ic-toggle-button-dark.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button):hover{background-color:Highlight}/*!@:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button)*/.ic-toggle-button-checked.ic-toggle-button-disabled.sc-ic-toggle-button-h .sc-ic-toggle-button::part(button){background-color:GrayText}}";
|
20169
20299
|
|
20170
20300
|
/**
|
20171
20301
|
* @slot icon - Content will be displayed alongside the toggle button label.
|
@@ -20186,16 +20316,20 @@ class ToggleButton {
|
|
20186
20316
|
});
|
20187
20317
|
};
|
20188
20318
|
this.accessibleLabel = undefined;
|
20189
|
-
this.
|
20319
|
+
this.checked = false;
|
20190
20320
|
this.disabled = false;
|
20191
20321
|
this.fullWidth = false;
|
20192
20322
|
this.iconPlacement = undefined;
|
20193
20323
|
this.label = undefined;
|
20194
20324
|
this.loading = false;
|
20325
|
+
this.monochrome = false;
|
20195
20326
|
this.size = "medium";
|
20196
|
-
this.
|
20327
|
+
this.theme = "inherit";
|
20197
20328
|
this.variant = "default";
|
20198
20329
|
}
|
20330
|
+
watchDisabledHandler() {
|
20331
|
+
removeDisabledFalse(this.disabled, this.el);
|
20332
|
+
}
|
20199
20333
|
componentWillLoad() {
|
20200
20334
|
removeDisabledFalse(this.disabled, this.el);
|
20201
20335
|
const parentIconPlacement = this.el.parentElement.iconPlacement;
|
@@ -20219,30 +20353,36 @@ class ToggleButton {
|
|
20219
20353
|
}
|
20220
20354
|
render() {
|
20221
20355
|
return (hAsync(Host, { class: {
|
20356
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
20222
20357
|
["ic-toggle-button-disabled"]: this.disabled,
|
20223
20358
|
["ic-toggle-button-checked"]: this.checked,
|
20224
|
-
[`ic-toggle-button-${this.appearance}`]: true,
|
20225
20359
|
["ic-toggle-button-icon"]: this.variant === "icon",
|
20226
20360
|
[`ic-toggle-button-${this.size}`]: true,
|
20227
20361
|
["ic-toggle-button-loading"]: this.loading,
|
20228
|
-
|
20362
|
+
["ic-toggle-button-monochrome"]: this.monochrome,
|
20363
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
20364
|
+
}, onFocus: this.handleFocus }, hAsync("ic-button", { "aria-pressed": this.checked.toString(), variant: this.variant === "icon" ? "icon" : "secondary", onClick: this.handleClick, title: this.accessibleLabel, "aria-label": `${this.accessibleLabel ? this.accessibleLabel : this.label}, ${this.checked ? "ticked" : "unticked"}`, disabled: this.disabled, size: this.size, fullWidth: this.fullWidth, loading: this.loading, "aria-disabled": `${this.disabled}` }, this.variant !== "icon" && this.label, hAsync("slot", null), isSlotUsed(this.el, "icon") && (hAsync("slot", { name: "icon", slot: `${this.iconPosition}-icon` })), isSlotUsed(this.el, "badge") && (hAsync("slot", { name: "badge", slot: "badge" })))));
|
20229
20365
|
}
|
20230
20366
|
static get delegatesFocus() { return true; }
|
20231
20367
|
get el() { return getElement(this); }
|
20368
|
+
static get watchers() { return {
|
20369
|
+
"disabled": ["watchDisabledHandler"]
|
20370
|
+
}; }
|
20232
20371
|
static get style() { return icToggleButtonCss; }
|
20233
20372
|
static get cmpMeta() { return {
|
20234
20373
|
"$flags$": 25,
|
20235
20374
|
"$tagName$": "ic-toggle-button",
|
20236
20375
|
"$members$": {
|
20237
20376
|
"accessibleLabel": [1, "accessible-label"],
|
20238
|
-
"
|
20377
|
+
"checked": [1540],
|
20239
20378
|
"disabled": [4],
|
20240
20379
|
"fullWidth": [4, "full-width"],
|
20241
20380
|
"iconPlacement": [1, "icon-placement"],
|
20242
20381
|
"label": [1],
|
20243
20382
|
"loading": [4],
|
20383
|
+
"monochrome": [4],
|
20244
20384
|
"size": [1],
|
20245
|
-
"
|
20385
|
+
"theme": [1],
|
20246
20386
|
"variant": [513]
|
20247
20387
|
},
|
20248
20388
|
"$listeners$": [[2, "click", "handleHostClick"]],
|
@@ -20251,7 +20391,7 @@ class ToggleButton {
|
|
20251
20391
|
}; }
|
20252
20392
|
}
|
20253
20393
|
|
20254
|
-
const icToggleButtonGroupCss = "/*!@html*/html.sc-ic-toggle-button-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toggle-button-group{margin:0}/*!@main*/main.sc-ic-toggle-button-group{display:block}/*!@h1*/h1.sc-ic-toggle-button-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toggle-button-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toggle-button-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toggle-button-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toggle-button-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toggle-button-group,strong.sc-ic-toggle-button-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toggle-button-group,kbd.sc-ic-toggle-button-group,samp.sc-ic-toggle-button-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toggle-button-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toggle-button-group,sup.sc-ic-toggle-button-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toggle-button-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-toggle-button-group{top:-0.5em}/*!@img*/img.sc-ic-toggle-button-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toggle-button-group,input.sc-ic-toggle-button-group,optgroup.sc-ic-toggle-button-group,select.sc-ic-toggle-button-group,textarea.sc-ic-toggle-button-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toggle-button-group,input.sc-ic-toggle-button-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-toggle-button-group,select.sc-ic-toggle-button-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toggle-button-group,[type=\"button\"].sc-ic-toggle-button-group,[type=\"reset\"].sc-ic-toggle-button-group,[type=\"submit\"].sc-ic-toggle-button-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-toggle-button-group::-moz-focus-inner,[type=\"button\"].sc-ic-toggle-button-group::-moz-focus-inner,[type=\"reset\"].sc-ic-toggle-button-group::-moz-focus-inner,[type=\"submit\"].sc-ic-toggle-button-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-toggle-button-group:-moz-focusring,[type=\"button\"].sc-ic-toggle-button-group:-moz-focusring,[type=\"reset\"].sc-ic-toggle-button-group:-moz-focusring,[type=\"submit\"].sc-ic-toggle-button-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toggle-button-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toggle-button-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toggle-button-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toggle-button-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toggle-button-group,[type=\"radio\"].sc-ic-toggle-button-group{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-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toggle-button-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toggle-button-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toggle-button-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toggle-button-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toggle-button-group{display:block}/*!@summary*/summary.sc-ic-toggle-button-group{display:list-item}/*!@template*/template.sc-ic-toggle-button-group{display:none}/*!@[hidden]*/[hidden].sc-ic-toggle-button-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-toggle-button-group,body.sc-ic-toggle-button-group,div.sc-ic-toggle-button-group,span.sc-ic-toggle-button-group,applet.sc-ic-toggle-button-group,object.sc-ic-toggle-button-group,iframe.sc-ic-toggle-button-group,h1.sc-ic-toggle-button-group,h2.sc-ic-toggle-button-group,h3.sc-ic-toggle-button-group,h4.sc-ic-toggle-button-group,h5.sc-ic-toggle-button-group,h6.sc-ic-toggle-button-group,p.sc-ic-toggle-button-group,blockquote.sc-ic-toggle-button-group,pre.sc-ic-toggle-button-group,a.sc-ic-toggle-button-group,abbr.sc-ic-toggle-button-group,acronym.sc-ic-toggle-button-group,address.sc-ic-toggle-button-group,big.sc-ic-toggle-button-group,cite.sc-ic-toggle-button-group,code.sc-ic-toggle-button-group,del.sc-ic-toggle-button-group,dfn.sc-ic-toggle-button-group,em.sc-ic-toggle-button-group,img.sc-ic-toggle-button-group,ins.sc-ic-toggle-button-group,kbd.sc-ic-toggle-button-group,q.sc-ic-toggle-button-group,s.sc-ic-toggle-button-group,samp.sc-ic-toggle-button-group,small.sc-ic-toggle-button-group,strike.sc-ic-toggle-button-group,strong.sc-ic-toggle-button-group,sub.sc-ic-toggle-button-group,sup.sc-ic-toggle-button-group,tt.sc-ic-toggle-button-group,var.sc-ic-toggle-button-group,b.sc-ic-toggle-button-group,u.sc-ic-toggle-button-group,i.sc-ic-toggle-button-group,center.sc-ic-toggle-button-group,dl.sc-ic-toggle-button-group,dt.sc-ic-toggle-button-group,dd.sc-ic-toggle-button-group,ol.sc-ic-toggle-button-group,ul.sc-ic-toggle-button-group,li.sc-ic-toggle-button-group,fieldset.sc-ic-toggle-button-group,form.sc-ic-toggle-button-group,label.sc-ic-toggle-button-group,legend.sc-ic-toggle-button-group,table.sc-ic-toggle-button-group,caption.sc-ic-toggle-button-group,tbody.sc-ic-toggle-button-group,tfoot.sc-ic-toggle-button-group,thead.sc-ic-toggle-button-group,tr.sc-ic-toggle-button-group,th.sc-ic-toggle-button-group,td.sc-ic-toggle-button-group,article.sc-ic-toggle-button-group,aside.sc-ic-toggle-button-group,canvas.sc-ic-toggle-button-group,details.sc-ic-toggle-button-group,embed.sc-ic-toggle-button-group,figure.sc-ic-toggle-button-group,figcaption.sc-ic-toggle-button-group,footer.sc-ic-toggle-button-group,header.sc-ic-toggle-button-group,hgroup.sc-ic-toggle-button-group,menu.sc-ic-toggle-button-group,nav.sc-ic-toggle-button-group,output.sc-ic-toggle-button-group,ruby.sc-ic-toggle-button-group,section.sc-ic-toggle-button-group,summary.sc-ic-toggle-button-group,time.sc-ic-toggle-button-group,mark.sc-ic-toggle-button-group,audio.sc-ic-toggle-button-group,video.sc-ic-toggle-button-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:root*/.sc-ic-toggle-button-group:root{display:block}/*!@:host*/.sc-ic-toggle-button-group-h{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-action-default);border-radius:var(--ic-border-radius)}/*!@:host(.ic-toggle-button-group-full-width)*/.ic-toggle-button-group-full-width.sc-ic-toggle-button-group-h{width:100%;max-width:100%}/*!@:host(.ic-toggle-button-group-loading)*/.ic-toggle-button-group-loading.sc-ic-toggle-button-group-h{min-width:-moz-max-content;min-width:max-content}/*!@:host(:focus)*/.sc-ic-toggle-button-group-h:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@::slotted(ic-toggle-button)*/.sc-ic-toggle-button-group-s>ic-toggle-button{flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none}/*!@::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-width) solid var(--ic-action-default)}/*!@:host(.ic-toggle-button-group-disabled)*/.ic-toggle-button-group-disabled.sc-ic-toggle-button-group-h{border:var(--ic-border-disabled);pointer-events:none}/*!@:host(.ic-toggle-button-group-disabled)\n ::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-h.ic-toggle-button-group-disabled .sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-disabled)}/*!@:host(.ic-toggle-button-group-dark)*/.ic-toggle-button-group-dark.sc-ic-toggle-button-group-h{border:var(--ic-border-width) solid var(--ic-action-dark)}/*!@:host(.ic-toggle-button-group-dark)\n ::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-h.ic-toggle-button-group-dark .sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-width) solid var(--ic-action-dark)}/*!@:host(.ic-toggle-button-group-light)\n ::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-h.ic-toggle-button-group-light .sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-width) solid var(--ic-action-light)}/*!@:host(.ic-toggle-button-group-light)*/.ic-toggle-button-group-light.sc-ic-toggle-button-group-h{border:var(--ic-border-width) solid var(--ic-action-light)}";
|
20394
|
+
const icToggleButtonGroupCss = "/*!@html*/html.sc-ic-toggle-button-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toggle-button-group{margin:0}/*!@main*/main.sc-ic-toggle-button-group{display:block}/*!@h1*/h1.sc-ic-toggle-button-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toggle-button-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toggle-button-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toggle-button-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toggle-button-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toggle-button-group,strong.sc-ic-toggle-button-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toggle-button-group,kbd.sc-ic-toggle-button-group,samp.sc-ic-toggle-button-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toggle-button-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toggle-button-group,sup.sc-ic-toggle-button-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toggle-button-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-toggle-button-group{top:-0.5em}/*!@img*/img.sc-ic-toggle-button-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toggle-button-group,input.sc-ic-toggle-button-group,optgroup.sc-ic-toggle-button-group,select.sc-ic-toggle-button-group,textarea.sc-ic-toggle-button-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toggle-button-group,input.sc-ic-toggle-button-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-toggle-button-group,select.sc-ic-toggle-button-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toggle-button-group,[type=\"button\"].sc-ic-toggle-button-group,[type=\"reset\"].sc-ic-toggle-button-group,[type=\"submit\"].sc-ic-toggle-button-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-toggle-button-group::-moz-focus-inner,[type=\"button\"].sc-ic-toggle-button-group::-moz-focus-inner,[type=\"reset\"].sc-ic-toggle-button-group::-moz-focus-inner,[type=\"submit\"].sc-ic-toggle-button-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-toggle-button-group:-moz-focusring,[type=\"button\"].sc-ic-toggle-button-group:-moz-focusring,[type=\"reset\"].sc-ic-toggle-button-group:-moz-focusring,[type=\"submit\"].sc-ic-toggle-button-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toggle-button-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toggle-button-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toggle-button-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toggle-button-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toggle-button-group,[type=\"radio\"].sc-ic-toggle-button-group{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-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toggle-button-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toggle-button-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toggle-button-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toggle-button-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toggle-button-group{display:block}/*!@summary*/summary.sc-ic-toggle-button-group{display:list-item}/*!@template*/template.sc-ic-toggle-button-group{display:none}/*!@[hidden]*/[hidden].sc-ic-toggle-button-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-toggle-button-group,body.sc-ic-toggle-button-group,div.sc-ic-toggle-button-group,span.sc-ic-toggle-button-group,applet.sc-ic-toggle-button-group,object.sc-ic-toggle-button-group,iframe.sc-ic-toggle-button-group,h1.sc-ic-toggle-button-group,h2.sc-ic-toggle-button-group,h3.sc-ic-toggle-button-group,h4.sc-ic-toggle-button-group,h5.sc-ic-toggle-button-group,h6.sc-ic-toggle-button-group,p.sc-ic-toggle-button-group,blockquote.sc-ic-toggle-button-group,pre.sc-ic-toggle-button-group,a.sc-ic-toggle-button-group,abbr.sc-ic-toggle-button-group,acronym.sc-ic-toggle-button-group,address.sc-ic-toggle-button-group,big.sc-ic-toggle-button-group,cite.sc-ic-toggle-button-group,code.sc-ic-toggle-button-group,del.sc-ic-toggle-button-group,dfn.sc-ic-toggle-button-group,em.sc-ic-toggle-button-group,img.sc-ic-toggle-button-group,ins.sc-ic-toggle-button-group,kbd.sc-ic-toggle-button-group,q.sc-ic-toggle-button-group,s.sc-ic-toggle-button-group,samp.sc-ic-toggle-button-group,small.sc-ic-toggle-button-group,strike.sc-ic-toggle-button-group,strong.sc-ic-toggle-button-group,sub.sc-ic-toggle-button-group,sup.sc-ic-toggle-button-group,tt.sc-ic-toggle-button-group,var.sc-ic-toggle-button-group,b.sc-ic-toggle-button-group,u.sc-ic-toggle-button-group,i.sc-ic-toggle-button-group,center.sc-ic-toggle-button-group,dl.sc-ic-toggle-button-group,dt.sc-ic-toggle-button-group,dd.sc-ic-toggle-button-group,ol.sc-ic-toggle-button-group,ul.sc-ic-toggle-button-group,li.sc-ic-toggle-button-group,fieldset.sc-ic-toggle-button-group,form.sc-ic-toggle-button-group,label.sc-ic-toggle-button-group,legend.sc-ic-toggle-button-group,table.sc-ic-toggle-button-group,caption.sc-ic-toggle-button-group,tbody.sc-ic-toggle-button-group,tfoot.sc-ic-toggle-button-group,thead.sc-ic-toggle-button-group,tr.sc-ic-toggle-button-group,th.sc-ic-toggle-button-group,td.sc-ic-toggle-button-group,article.sc-ic-toggle-button-group,aside.sc-ic-toggle-button-group,canvas.sc-ic-toggle-button-group,details.sc-ic-toggle-button-group,embed.sc-ic-toggle-button-group,figure.sc-ic-toggle-button-group,figcaption.sc-ic-toggle-button-group,footer.sc-ic-toggle-button-group,header.sc-ic-toggle-button-group,hgroup.sc-ic-toggle-button-group,menu.sc-ic-toggle-button-group,nav.sc-ic-toggle-button-group,output.sc-ic-toggle-button-group,ruby.sc-ic-toggle-button-group,section.sc-ic-toggle-button-group,summary.sc-ic-toggle-button-group,time.sc-ic-toggle-button-group,mark.sc-ic-toggle-button-group,audio.sc-ic-toggle-button-group,video.sc-ic-toggle-button-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:root*/.sc-ic-toggle-button-group:root{display:block}/*!@:host*/.sc-ic-toggle-button-group-h{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);border-radius:var(--ic-border-radius)}/*!@:host(.ic-toggle-button-group-full-width)*/.ic-toggle-button-group-full-width.sc-ic-toggle-button-group-h{width:100%;max-width:100%}/*!@:host(.ic-toggle-button-group-loading)*/.ic-toggle-button-group-loading.sc-ic-toggle-button-group-h{min-width:-moz-max-content;min-width:max-content}/*!@:host(:focus)*/.sc-ic-toggle-button-group-h:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@::slotted(ic-toggle-button)*/.sc-ic-toggle-button-group-s>ic-toggle-button{flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none !important;--toggle-button-border-hover:none !important;--toggle-button-border-active:none !important}/*!@::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-width) solid\n var(--ic-toggle-button-unselected-border)}/*!@:host(.ic-toggle-button-group-disabled)*/.ic-toggle-button-group-disabled.sc-ic-toggle-button-group-h{border:var(--ic-space-1px) dashed\n var(--ic-toggle-button-unselected-border-disabled);pointer-events:none}/*!@:host(.ic-toggle-button-group-disabled)\n ::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-h.ic-toggle-button-group-disabled .sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-space-1px) dashed\n var(--ic-toggle-button-unselected-border-disabled)}/*!@:host(.ic-toggle-button-group-monochrome)*/.ic-toggle-button-group-monochrome.sc-ic-toggle-button-group-h{border:var(--ic-border-width) solid\n var(--ic-toggle-button-unselected-border-monochrome)}/*!@:host(.ic-toggle-button-group-monochrome)\n ::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-h.ic-toggle-button-group-monochrome .sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-width) solid\n var(--ic-toggle-button-unselected-border-monochrome)}/*!@:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)*/.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome.sc-ic-toggle-button-group-h{border:var(--ic-border-width) dashed\n var(--ic-toggle-button-unselected-border-disabled-monochrome)}/*!@:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)\n ::slotted(ic-toggle-button:not(:last-of-type))*/.sc-ic-toggle-button-group-h.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome .sc-ic-toggle-button-group-s>ic-toggle-button:not(:last-of-type){border-right:var(--ic-border-width) solid\n var(--ic-toggle-button-unselected-border-disabled-monochrome)}";
|
20255
20395
|
|
20256
20396
|
const TOGGLE_GROUP = "IC-TOGGLE-BUTTON-GROUP";
|
20257
20397
|
class ToggleButtonGroup {
|
@@ -20336,16 +20476,33 @@ class ToggleButtonGroup {
|
|
20336
20476
|
shift: false,
|
20337
20477
|
};
|
20338
20478
|
this.accessibleLabel = "Toggle button group";
|
20339
|
-
this.appearance = "default";
|
20340
20479
|
this.disabled = false;
|
20341
20480
|
this.fullWidth = false;
|
20342
20481
|
this.iconPlacement = undefined;
|
20343
20482
|
this.loading = false;
|
20483
|
+
this.monochrome = false;
|
20344
20484
|
this.selectMethod = "manual";
|
20345
20485
|
this.selectType = "single";
|
20346
20486
|
this.size = "medium";
|
20487
|
+
this.theme = "inherit";
|
20347
20488
|
this.variant = "default";
|
20348
20489
|
}
|
20490
|
+
watchDisabledHandler() {
|
20491
|
+
this.getAllToggleButtons().forEach((el) => {
|
20492
|
+
el.disabled = this.disabled;
|
20493
|
+
});
|
20494
|
+
removeDisabledFalse(this.disabled, this.el);
|
20495
|
+
}
|
20496
|
+
watchMonochromeHandler() {
|
20497
|
+
this.getAllToggleButtons().forEach((el) => {
|
20498
|
+
el.monochrome = this.monochrome;
|
20499
|
+
});
|
20500
|
+
}
|
20501
|
+
watchThemeHandler() {
|
20502
|
+
this.getAllToggleButtons().forEach((el) => {
|
20503
|
+
el.theme = this.theme;
|
20504
|
+
});
|
20505
|
+
}
|
20349
20506
|
selectHandler(ev, tabTarget) {
|
20350
20507
|
const allToggles = this.getAllToggleButtons();
|
20351
20508
|
let clickedToggle = ev.target;
|
@@ -20379,6 +20536,7 @@ class ToggleButtonGroup {
|
|
20379
20536
|
componentWillLoad() {
|
20380
20537
|
this.selectType === "multi" && (this.selectMethod = "manual");
|
20381
20538
|
document.addEventListener("keydown", this.keyListener);
|
20539
|
+
removeDisabledFalse(this.disabled, this.el);
|
20382
20540
|
}
|
20383
20541
|
componentDidLoad() {
|
20384
20542
|
this.getAllToggleButtons().forEach((el, i) => {
|
@@ -20387,7 +20545,8 @@ class ToggleButtonGroup {
|
|
20387
20545
|
el.loading = this.loading;
|
20388
20546
|
el.iconPlacement = this.iconPlacement;
|
20389
20547
|
el.disabled ? null : (el.disabled = this.disabled);
|
20390
|
-
el.
|
20548
|
+
el.theme = this.theme;
|
20549
|
+
el.monochrome = this.monochrome;
|
20391
20550
|
el.variant = this.variant;
|
20392
20551
|
el.fullWidth = this.fullWidth;
|
20393
20552
|
el.id = i.toString();
|
@@ -20416,27 +20575,35 @@ class ToggleButtonGroup {
|
|
20416
20575
|
}
|
20417
20576
|
render() {
|
20418
20577
|
return (hAsync(Host, { role: "group", "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : "false", tabindex: 0, class: {
|
20578
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
20419
20579
|
["ic-toggle-button-group-full-width"]: this.fullWidth,
|
20420
20580
|
["ic-toggle-button-group-loading"]: this.loading,
|
20421
20581
|
["ic-toggle-button-group-disabled"]: this.disabled,
|
20422
|
-
[`ic-toggle-button-group
|
20582
|
+
[`ic-toggle-button-group-monochrome`]: this.monochrome,
|
20583
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
20423
20584
|
}, onFocus: this.handleHostFocus }, hAsync("slot", null)));
|
20424
20585
|
}
|
20425
20586
|
get el() { return getElement(this); }
|
20587
|
+
static get watchers() { return {
|
20588
|
+
"disabled": ["watchDisabledHandler"],
|
20589
|
+
"monochrome": ["watchMonochromeHandler"],
|
20590
|
+
"theme": ["watchThemeHandler"]
|
20591
|
+
}; }
|
20426
20592
|
static get style() { return icToggleButtonGroupCss; }
|
20427
20593
|
static get cmpMeta() { return {
|
20428
20594
|
"$flags$": 9,
|
20429
20595
|
"$tagName$": "ic-toggle-button-group",
|
20430
20596
|
"$members$": {
|
20431
20597
|
"accessibleLabel": [1, "accessible-label"],
|
20432
|
-
"appearance": [1],
|
20433
20598
|
"disabled": [4],
|
20434
20599
|
"fullWidth": [4, "full-width"],
|
20435
20600
|
"iconPlacement": [1, "icon-placement"],
|
20436
20601
|
"loading": [4],
|
20602
|
+
"monochrome": [4],
|
20437
20603
|
"selectMethod": [1025, "select-method"],
|
20438
20604
|
"selectType": [1, "select-type"],
|
20439
20605
|
"size": [1],
|
20606
|
+
"theme": [1],
|
20440
20607
|
"variant": [513],
|
20441
20608
|
"lastKeyPressed": [32]
|
20442
20609
|
},
|
@@ -20687,7 +20854,7 @@ class Tooltip {
|
|
20687
20854
|
}; }
|
20688
20855
|
}
|
20689
20856
|
|
20690
|
-
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;--ic-typography-color:currentcolor}/*!@: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-border-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-border-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-text-primary-light);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-architectural-white)}/*!@: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-border-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-border-hc)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-border-hc)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
|
20857
|
+
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-top-navigation-text);width:100%;position:relative;--ic-typography-color:var(--ic-top-navigation-text);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color)}/*!@:host(.dark)*/.dark.sc-ic-top-navigation-h{color:var(--ic-color-text-primary-light);--ic-typography-color:var(--ic-color-text-primary-light);--ic-top-navigation-logo:var(--ic-color-icon-neutral);--ic-top-navigation-icon:var(--ic-color-icon-neutral);--ic-top-navigation-theme:var(--ic-color-icon-neutral);--ic-top-navigation-status-tag:var(--ic-color-background-primary-dark);--ic-top-navigation-status-tag-text:var(--ic-color-brand-text);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-darken-10);--navigation-link-colour:var(--ic-color-text-primary-light)}/*!@:host ::slotted(ic-navigation-item)*/.sc-ic-top-navigation-h .sc-ic-top-navigation-s>ic-navigation-item{--navigation-link-colour:var(--ic-top-navigation-text)}/*!@:host(.dark) ::slotted(ic-navigation-button)*/.sc-ic-top-navigation-h.dark .sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:var(--ic-color-text-primary-light)}/*!@::slotted(ic-navigation-button)*/.sc-ic-top-navigation-s>ic-navigation-button{--ic-button-icon-monochrome:white}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-top-navigation-background);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-top-navigation-icon-and-label);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-top-navigation-title-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-top-navigation-title-pressed)}/*!@: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-space-1px) solid var(--ic-top-navigation-keyline);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-border-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-top-navigation-status-tag);color:var(--ic-top-navigation-status-tag-text);--ic-typography-color:var(--ic-top-navigation-status-tag-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 .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-top-navigation-status-tag-secondary);color:var(--ic-top-navigation-status-tag);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-top-navigation-logo);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-top-navigation-icon)}/*!@.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-border-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-border-hc)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-border-hc)}/*!@slot[name=\"app-icon\"]::slotted(*)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>*{fill:currentcolor}}";
|
20691
20858
|
|
20692
20859
|
/**
|
20693
20860
|
* @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.
|
@@ -20769,7 +20936,7 @@ class TopNavigation {
|
|
20769
20936
|
this.resizeObserver.observe(this.el);
|
20770
20937
|
};
|
20771
20938
|
this.deviceSize = DEVICE_SIZES.XL;
|
20772
|
-
this.foregroundColor =
|
20939
|
+
this.foregroundColor = getBrandForegroundAppearance();
|
20773
20940
|
this.hasFullWidthSearchBar = false;
|
20774
20941
|
this.mobileSearchBarVisible = false;
|
20775
20942
|
this.mobileSearchHiddenOnBlur = false;
|
@@ -20782,6 +20949,7 @@ class TopNavigation {
|
|
20782
20949
|
this.inline = false;
|
20783
20950
|
this.shortAppTitle = "";
|
20784
20951
|
this.status = "";
|
20952
|
+
this.theme = "inherit";
|
20785
20953
|
this.version = "";
|
20786
20954
|
this.appTitle = undefined;
|
20787
20955
|
}
|
@@ -20823,7 +20991,7 @@ class TopNavigation {
|
|
20823
20991
|
searchValueChangeHandler({ detail }) {
|
20824
20992
|
this.searchValue = detail.value;
|
20825
20993
|
}
|
20826
|
-
|
20994
|
+
brandChangeHandler({ detail }) {
|
20827
20995
|
this.foregroundColor = detail.mode;
|
20828
20996
|
}
|
20829
20997
|
toggleSearchBar() {
|
@@ -20846,7 +21014,7 @@ class TopNavigation {
|
|
20846
21014
|
document.body.style.overflow = show ? "hidden" : "auto";
|
20847
21015
|
}
|
20848
21016
|
render() {
|
20849
|
-
const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, } = this;
|
21017
|
+
const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;
|
20850
21018
|
const hasStatus = status !== "";
|
20851
21019
|
const hasVersion = version !== "";
|
20852
21020
|
const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;
|
@@ -20869,10 +21037,15 @@ class TopNavigation {
|
|
20869
21037
|
return (hAsync(Host, { class: {
|
20870
21038
|
"fullwidth-searchbar": hasFullWidthSearchBar,
|
20871
21039
|
"mobile-mode": overMobileBreakpoint,
|
20872
|
-
[
|
21040
|
+
[IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,
|
21041
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
20873
21042
|
} }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: contentAligned, "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, (hasTitle || hasAppTitleSlot) && (hAsync(Component, Object.assign({ class: "title-link" }, attrs), hasAppIcon && (hAsync("div", { class: "app-icon-container" }, hAsync("slot", { name: "app-icon" }))), deviceSize <= DEVICE_SIZES.S &&
|
20874
21043
|
(!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (hAsync("ic-typography", { variant: "subtitle-small", "aria-label": (!hasAppTitleSlot || !shortAppTitleSlot) &&
|
20875
|
-
`${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon
|
21044
|
+
`${appTitle} (${shortAppTitle})` }, hAsync("h1", null, shortAppTitleSlot ? (hAsync("slot", { name: "short-app-title" })) : (shortAppTitle)))) : (hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, hasAppTitleSlot ? (hAsync("slot", { name: "app-title" })) : (appTitle)))))), hasStatus && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, status))), hasVersion && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, version)))), (hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, !overMobileBreakpoint && hAsync("slot", { name: "search" }), hasSearchSlotContent && overMobileBreakpoint && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: "icon-tertiary", monochrome: true, size: searchButtonSize, "aria-label": mobileSearchButtonTitle, theme: foregroundColor == IcBrandForegroundEnum.Light
|
21045
|
+
? IcBrandForegroundEnum.Dark
|
21046
|
+
: IcBrandForegroundEnum.Light, onClick: searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), hasIconButtons && !overMobileBreakpoint && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && overMobileBreakpoint && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": `${navMenuVisible}` }, hAsync("ic-button", { id: "menu-button", theme: foregroundColor == IcBrandForegroundEnum.Light
|
21047
|
+
? IcBrandForegroundEnum.Dark
|
21048
|
+
: IcBrandForegroundEnum.Light, variant: "secondary", monochrome: true, "aria-expanded": "false", "aria-haspopup": "true", "aria-label": `Open ${hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "left-icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), hasNavigation && !overMobileBreakpoint && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main pages"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { monochrome: true, appearance: foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), navMenuVisible && (hAsync("ic-navigation-menu", { version: version, status: status, class: {
|
20876
21049
|
["inline"]: inline,
|
20877
21050
|
} }, hasIconButtons && (hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" }))), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
|
20878
21051
|
}
|
@@ -20891,6 +21064,7 @@ class TopNavigation {
|
|
20891
21064
|
"inline": [4],
|
20892
21065
|
"shortAppTitle": [1, "short-app-title"],
|
20893
21066
|
"status": [1],
|
21067
|
+
"theme": [1],
|
20894
21068
|
"version": [1],
|
20895
21069
|
"appTitle": [1, "app-title"],
|
20896
21070
|
"deviceSize": [32],
|
@@ -20902,13 +21076,13 @@ class TopNavigation {
|
|
20902
21076
|
"searchButtonClick": [32],
|
20903
21077
|
"searchValue": [32]
|
20904
21078
|
},
|
20905
|
-
"$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "
|
21079
|
+
"$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "brandChange", "brandChangeHandler"]],
|
20906
21080
|
"$lazyBundleId$": "-",
|
20907
21081
|
"$attrsToReflect$": []
|
20908
21082
|
}; }
|
20909
21083
|
}
|
20910
21084
|
|
20911
|
-
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;color:var(--ic-typography-color, var(--ic-color-text-primary))}/*!@: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;padding-right:var(--ellipsis-padding-right, 0)}/*!@.trunc-btn*/.trunc-btn.sc-ic-typography{border:none;background:none;padding:0;color:var(--ic-color-text-primary);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(.ic-typography-strikethrough)*/.ic-typography-strikethrough.sc-ic-typography-h{text-decoration:line-through}/*!@:host(.ic-typography-underline)*/.ic-typography-underline.sc-ic-typography-h{text-decoration:underline}/*!@:host(.ic-typography-underline.ic-typography-strikethrough)*/.ic-typography-underline.ic-typography-strikethrough.sc-ic-typography-h{text-decoration:line-through underline}/*!@:host(.ic-typography-italic)*/.ic-typography-italic.sc-ic-typography-h{font-style:italic !important}/*!@:host(.ic-typography-bold)*/.ic-typography-bold.sc-ic-typography-h{font-weight:var(--ic-font-weight-bold)}/*!@:host(.ic-theme-dark),\n:host(.ic-theme-light)*/.ic-theme-dark.sc-ic-typography-h,.ic-theme-light.sc-ic-typography-h{--ic-typography-color:var(--ic-color-text-primary)}/*!@:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*)*/.in-ag-grid.sc-ic-typography-h,.sc-ic-typography-h.in-ag-grid.sc-ic-typography-s>*,.sc-ic-typography-h.in-ag-grid .sc-ic-typography-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 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}}";
|
21085
|
+
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;color:var(--ic-typography-color, var(--ic-color-text-primary))}/*!@: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;padding-right:var(--ellipsis-padding-right, 0)}/*!@.trunc-btn*/.trunc-btn.sc-ic-typography{border:none;background:none;padding:0;color:var(--ic-color-text-primary);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(.ic-typography-strikethrough)*/.ic-typography-strikethrough.sc-ic-typography-h{text-decoration:line-through}/*!@:host(.ic-typography-underline)*/.ic-typography-underline.sc-ic-typography-h{text-decoration:underline}/*!@:host(.ic-typography-underline.ic-typography-strikethrough)*/.ic-typography-underline.ic-typography-strikethrough.sc-ic-typography-h{text-decoration:line-through underline}/*!@:host(.ic-typography-italic)*/.ic-typography-italic.sc-ic-typography-h{font-style:italic !important}/*!@:host(.ic-typography-bold)*/.ic-typography-bold.sc-ic-typography-h{font-weight:var(--ic-font-weight-bold)}/*!@:host(.ic-theme-dark),\n:host(.ic-theme-light)*/.ic-theme-dark.sc-ic-typography-h,.ic-theme-light.sc-ic-typography-h{--ic-typography-color:var(--ic-color-text-primary)}/*!@:host(.in-ag-grid),\n:host(.in-ag-grid) ::slotted(*)*/.in-ag-grid.sc-ic-typography-h,.sc-ic-typography-h.in-ag-grid.sc-ic-typography-s>*,.sc-ic-typography-h.in-ag-grid .sc-ic-typography-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 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}}@media (prefers-color-scheme: dark) and (not (forced-colors: active)){/*!@:host,\n .trunc-btn::not(ic-tooltip)*/.sc-ic-typography-h,.trunc-btn.sc-ic-typography::not(ic-tooltip){color:var(--ic-typography-color)}}";
|
20912
21086
|
|
20913
21087
|
class Typography {
|
20914
21088
|
constructor(hostRef) {
|