@ukic/web-components 3.0.0-alpha.2 → 3.0.0-alpha.4
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-f1cf5156.js → helpers-69219f14.js} +24 -1
- package/dist/cjs/helpers-69219f14.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +10 -10
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +5 -5
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +7 -5
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +2 -2
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +22 -24
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +17 -6
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +6 -4
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +4 -2
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +71 -7
- 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 +2 -2
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +2 -2
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +4 -3
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +450 -167
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +9 -7
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +11 -11
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +5 -4
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +29 -2
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +5 -5
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +8 -11
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination.cjs.entry.js +37 -15
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +11 -11
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +15 -6
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +31 -22
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +12 -9
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +147 -37
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +4 -3
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +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 -4
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +2 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +2 -2
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +3 -3
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/ag-theme-icds.css +217 -0
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/ic-accordion/ic-accordion.css +21 -19
- package/dist/collection/components/ic-accordion/ic-accordion.js +27 -30
- 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 -3
- package/dist/collection/components/ic-accordion/test/basic/ic-accordion.spec.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.css +2 -12
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js +18 -18
- package/dist/collection/components/ic-accordion-group/ic-accordion-group.js.map +1 -1
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js +3 -3
- package/dist/collection/components/ic-accordion-group/test/basic/ic-accordion-group.spec.js.map +1 -1
- package/dist/collection/components/ic-alert/ic-alert.css +25 -18
- package/dist/collection/components/ic-alert/ic-alert.js +48 -22
- 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-card-vertical/ic-card-vertical.css +98 -114
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js +46 -24
- package/dist/collection/components/ic-card-vertical/ic-card-vertical.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +47 -39
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +29 -3
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +15 -2
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +40 -3
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.css +13 -25
- package/dist/collection/components/ic-dialog/ic-dialog.css +16 -3
- package/dist/collection/components/ic-dialog/ic-dialog.js +26 -0
- package/dist/collection/components/ic-dialog/ic-dialog.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.css +341 -4
- package/dist/collection/components/ic-divider/ic-divider.js +235 -8
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.types.js +2 -0
- package/dist/collection/components/ic-divider/ic-divider.types.js.map +1 -0
- package/dist/collection/components/ic-divider/test/basic/ic-divider.spec.js +89 -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 +20 -19
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +2 -2
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.css +9 -21
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +17 -2
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js +3 -2
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +4 -2
- package/dist/collection/components/ic-input-label/ic-input-label.css +13 -1
- package/dist/collection/components/ic-input-label/ic-input-label.js +45 -4
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js +35 -49
- package/dist/collection/components/ic-input-label/test/basic/ic-input-label.spec.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.css +5 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +1 -0
- package/dist/collection/components/ic-menu/ic-menu.css +78 -14
- package/dist/collection/components/ic-menu/ic-menu.js +488 -194
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js +381 -33
- package/dist/collection/components/ic-menu/test/basic/ic-menu.spec.js.map +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.css +2 -2
- package/dist/collection/components/ic-menu-group/ic-menu-group.js +1 -1
- package/dist/collection/components/ic-menu-group/ic-menu-group.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +32 -28
- package/dist/collection/components/ic-menu-item/ic-menu-item.js +11 -11
- 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 +1 -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.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +3 -2
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +31 -3
- 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 +12 -0
- package/dist/collection/components/ic-navigation-item/test/basic/ic-navigation-item.spec.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +5 -2
- package/dist/collection/components/ic-page-header/ic-page-header.js +3 -3
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.css +15 -0
- package/dist/collection/components/ic-pagination/ic-pagination.js +77 -37
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js +1 -1
- package/dist/collection/components/ic-pagination/test/basic/ic-pagination.spec.js.map +1 -1
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +26 -6
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +48 -33
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +5 -5
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +33 -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.css +17 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +38 -3
- 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 +2 -2
- 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.css +35 -25
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +54 -21
- 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 +41 -5
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +34 -7
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +37 -16
- package/dist/collection/components/ic-select/ic-select.js +191 -43
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-select/test/basic/ic-select.spec.js +160 -1
- 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 +0 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +2 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +27 -30
- package/dist/collection/components/ic-switch/ic-switch.js +29 -2
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +2 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +7 -4
- package/dist/collection/components/ic-toast/ic-toast.css +25 -16
- package/dist/collection/components/ic-toast/ic-toast.js +1 -2
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js +12 -12
- package/dist/collection/components/ic-toast/test/basic/ic-toast.spec.js.map +1 -1
- package/dist/collection/components/ic-toggle-button-group/ic-toggle-button-group.js +1 -1
- 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 +1 -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.js.map +1 -1
- package/dist/collection/utils/helpers.js +20 -0
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +22 -1
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-accordion-group.js +11 -11
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +5 -5
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert.js +8 -5
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-card-vertical.js +23 -24
- package/dist/components/ic-card-vertical.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +19 -6
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +6 -3
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-classification-banner.js +1 -1
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-dialog.js +4 -1
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +86 -9
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +1 -1
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +1 -1
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +1 -1
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +1 -1
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +3 -2
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +1 -1
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +10 -6
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +1 -1
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +1 -1
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +11 -11
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +453 -169
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +5 -4
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +31 -3
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +1 -1
- package/dist/components/ic-page-header.js +4 -4
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +10 -12
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination.js +38 -15
- package/dist/components/ic-pagination.js.map +1 -1
- package/dist/components/ic-popover-menu.js +11 -10
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +17 -6
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +32 -22
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +13 -9
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select.js +148 -37
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +4 -3
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-stepper.js +1 -1
- package/dist/components/ic-switch.js +7 -3
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +2 -1
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-text-field2.js +2 -2
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +1 -1
- package/dist/components/ic-toast.js +3 -3
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +1 -1
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/components/ic-top-navigation.js +1 -1
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/core/ag-theme-icds.css +217 -0
- package/dist/core/core.css +692 -10
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-84526c3e.entry.js → p-13d5875c.entry.js} +2 -2
- package/dist/core/p-13d5875c.entry.js.map +1 -0
- package/dist/core/p-19872973.entry.js +2 -0
- package/dist/core/p-19872973.entry.js.map +1 -0
- package/dist/core/p-2140431c.entry.js +2 -0
- package/dist/core/p-2140431c.entry.js.map +1 -0
- package/dist/core/p-29767574.entry.js +2 -0
- package/dist/core/p-29767574.entry.js.map +1 -0
- package/dist/core/p-2e909738.entry.js +2 -0
- package/dist/core/p-2e909738.entry.js.map +1 -0
- package/dist/core/p-2eae9b27.entry.js +2 -0
- package/dist/core/p-2eae9b27.entry.js.map +1 -0
- package/dist/core/p-2ef46ead.entry.js +2 -0
- package/dist/core/p-2ef46ead.entry.js.map +1 -0
- package/dist/core/{p-355acffa.entry.js → p-37dea10d.entry.js} +2 -2
- package/dist/core/p-3d9726a3.entry.js +2 -0
- package/dist/core/{p-408344d3.entry.js.map → p-3d9726a3.entry.js.map} +1 -1
- package/dist/core/p-428f95f8.entry.js +2 -0
- package/dist/core/p-428f95f8.entry.js.map +1 -0
- package/dist/core/p-4973c563.entry.js +2 -0
- package/dist/core/p-4973c563.entry.js.map +1 -0
- package/dist/core/{p-93c23a35.entry.js → p-4a3b1f06.entry.js} +2 -2
- package/dist/core/{p-34db8aaf.entry.js → p-5cd016e1.entry.js} +2 -2
- package/dist/core/{p-d2f8e03f.entry.js → p-5ef8e106.entry.js} +2 -2
- package/dist/core/p-5f4a6555.entry.js +2 -0
- package/dist/core/p-5f4a6555.entry.js.map +1 -0
- package/dist/core/p-605c0c92.entry.js +2 -0
- package/dist/core/p-605c0c92.entry.js.map +1 -0
- package/dist/core/p-655a9e0f.entry.js +2 -0
- package/dist/core/p-655a9e0f.entry.js.map +1 -0
- package/dist/core/p-65a16de9.entry.js +2 -0
- package/dist/core/p-65a16de9.entry.js.map +1 -0
- package/dist/core/{p-0a808ec3.entry.js → p-690c5e80.entry.js} +2 -2
- package/dist/core/p-705eb610.entry.js +2 -0
- package/dist/core/p-705eb610.entry.js.map +1 -0
- package/dist/core/{p-f30f3a3e.entry.js → p-76263187.entry.js} +2 -2
- package/dist/core/p-78c1f1cc.entry.js +2 -0
- package/dist/core/p-78c1f1cc.entry.js.map +1 -0
- package/dist/core/p-79d0be03.entry.js +2 -0
- package/dist/core/p-79d0be03.entry.js.map +1 -0
- package/dist/core/{p-c06a3b97.entry.js → p-7b35de65.entry.js} +2 -2
- package/dist/core/p-7bff1e96.entry.js +2 -0
- package/dist/core/p-7bff1e96.entry.js.map +1 -0
- package/dist/core/{p-4055f22c.entry.js → p-806a0fab.entry.js} +2 -2
- package/dist/core/p-806a0fab.entry.js.map +1 -0
- package/dist/core/p-85173458.entry.js +2 -0
- package/dist/core/p-85173458.entry.js.map +1 -0
- package/dist/core/{p-1b573920.entry.js → p-922984cb.entry.js} +2 -2
- package/dist/core/{p-aab2c7aa.entry.js → p-95f603dd.entry.js} +2 -2
- package/dist/core/{p-b01ffa55.entry.js → p-96b4ca6e.entry.js} +2 -2
- package/dist/core/p-96b4ca6e.entry.js.map +1 -0
- package/dist/core/p-979c2792.entry.js +2 -0
- package/dist/core/p-979c2792.entry.js.map +1 -0
- package/dist/core/{p-e4b276b5.entry.js → p-97fb2bdf.entry.js} +2 -2
- package/dist/core/p-9ec7f96c.entry.js +2 -0
- package/dist/core/p-9ec7f96c.entry.js.map +1 -0
- package/dist/core/p-9fa93dfe.entry.js +2 -0
- package/dist/core/p-9fa93dfe.entry.js.map +1 -0
- package/dist/core/p-a9341313.entry.js +2 -0
- package/dist/core/p-a9341313.entry.js.map +1 -0
- package/dist/core/{p-e3ed9110.entry.js → p-acbd15ab.entry.js} +2 -2
- package/dist/core/{p-31fc8756.entry.js → p-ae0775aa.entry.js} +2 -2
- package/dist/core/p-ae0775aa.entry.js.map +1 -0
- package/dist/core/{p-312cacae.js → p-b7eb8ef9.js} +2 -2
- package/dist/core/p-b7eb8ef9.js.map +1 -0
- package/dist/core/{p-4ff6d16f.entry.js → p-ba6ecc15.entry.js} +2 -2
- package/dist/core/p-bbeb03ef.entry.js +2 -0
- package/dist/core/p-bbeb03ef.entry.js.map +1 -0
- package/dist/core/{p-0d30ffab.entry.js → p-c0fc3d02.entry.js} +2 -2
- package/dist/core/p-c396bd4d.entry.js +2 -0
- package/dist/core/p-c396bd4d.entry.js.map +1 -0
- package/dist/core/{p-f828a6e1.entry.js → p-c9cf932c.entry.js} +2 -2
- package/dist/core/p-cedc375e.entry.js +2 -0
- package/dist/core/p-cedc375e.entry.js.map +1 -0
- package/dist/core/{p-d58a10ec.entry.js → p-d4a83e25.entry.js} +2 -2
- package/dist/core/p-d4a83e25.entry.js.map +1 -0
- package/dist/core/p-d93bac01.entry.js +2 -0
- package/dist/core/p-d93bac01.entry.js.map +1 -0
- package/dist/core/{p-50ead56c.entry.js → p-df957570.entry.js} +2 -2
- package/dist/core/p-df957570.entry.js.map +1 -0
- package/dist/core/{p-0fb047e7.entry.js → p-eb3b4935.entry.js} +2 -2
- package/dist/core/{p-0fb047e7.entry.js.map → p-eb3b4935.entry.js.map} +1 -1
- package/dist/core/{p-60efd7fa.entry.js → p-ebafab37.entry.js} +2 -2
- package/dist/core/p-ebafab37.entry.js.map +1 -0
- package/dist/core/{p-82375dca.entry.js → p-ee6dd94c.entry.js} +2 -2
- package/dist/core/p-ef78bebc.entry.js +2 -0
- package/dist/core/p-ef78bebc.entry.js.map +1 -0
- package/dist/core/p-f0ae2b99.entry.js +2 -0
- package/dist/core/p-f0ae2b99.entry.js.map +1 -0
- package/dist/core/{p-49525194.entry.js → p-f24984c5.entry.js} +2 -2
- package/dist/core/p-f24984c5.entry.js.map +1 -0
- package/dist/core/{p-d8870804.entry.js → p-f5b2b26d.entry.js} +2 -2
- package/dist/core/{p-40e9e76a.entry.js → p-f71c00ce.entry.js} +2 -2
- package/dist/core/p-fdd0b732.entry.js +2 -0
- package/dist/core/p-fdd0b732.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-1c9151ef.js → helpers-e8797e8d.js} +23 -2
- package/dist/esm/helpers-e8797e8d.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +10 -10
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +5 -5
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +7 -5
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +1 -1
- package/dist/esm/ic-badge.entry.js +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js +2 -2
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-vertical.entry.js +23 -25
- package/dist/esm/ic-card-vertical.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +17 -6
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +6 -4
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +1 -1
- package/dist/esm/ic-classification-banner.entry.js +1 -1
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-dialog.entry.js +4 -2
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +72 -8
- 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 +2 -2
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +2 -2
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +2 -2
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +2 -2
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +4 -3
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +450 -167
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +9 -7
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +1 -1
- package/dist/esm/ic-menu-group.entry.js +3 -3
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +11 -11
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +1 -1
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +5 -4
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +30 -3
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +5 -5
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +8 -11
- package/dist/esm/ic-pagination-item.entry.js.map +1 -1
- package/dist/esm/ic-pagination.entry.js +37 -15
- package/dist/esm/ic-pagination.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +11 -11
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +15 -6
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +31 -22
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +12 -9
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +147 -37
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +4 -3
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +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 -4
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +2 -1
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +1 -1
- package/dist/esm/ic-tab-panel.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js +1 -1
- package/dist/esm/ic-text-field.entry.js +2 -2
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +3 -3
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +1 -1
- package/dist/esm/ic-top-navigation.entry.js +1 -1
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-accordion/ic-accordion.d.ts +5 -5
- package/dist/types/components/ic-accordion-group/ic-accordion-group.d.ts +4 -4
- package/dist/types/components/ic-alert/ic-alert.d.ts +9 -5
- package/dist/types/components/ic-card-vertical/ic-card-vertical.d.ts +7 -3
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +6 -2
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +7 -1
- package/dist/types/components/ic-dialog/ic-dialog.d.ts +5 -0
- package/dist/types/components/ic-divider/ic-divider.d.ts +31 -1
- package/dist/types/components/ic-divider/ic-divider.types.d.ts +3 -0
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +2 -1
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -0
- package/dist/types/components/ic-menu/ic-menu.d.ts +43 -15
- package/dist/types/components/ic-menu-item/ic-menu-item.d.ts +1 -1
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +2 -2
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +2 -2
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +7 -2
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +13 -5
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +9 -5
- package/dist/types/components/ic-popover-menu/ic-popover-menu.d.ts +5 -0
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +6 -1
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +8 -3
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +5 -1
- package/dist/types/components/ic-select/ic-select.d.ts +24 -10
- package/dist/types/components/ic-switch/ic-switch.d.ts +5 -1
- package/dist/types/components.d.ts +242 -51
- package/dist/types/utils/helpers.d.ts +9 -2
- package/dist/types/utils/types.d.ts +1 -1
- package/hydrate/index.js +969 -380
- package/package.json +2 -2
- package/vscode-data.json +330 -55
- package/dist/cjs/helpers-f1cf5156.js.map +0 -1
- package/dist/core/p-0c872824.entry.js +0 -2
- package/dist/core/p-0c872824.entry.js.map +0 -1
- package/dist/core/p-1684c8d4.entry.js +0 -2
- package/dist/core/p-1684c8d4.entry.js.map +0 -1
- package/dist/core/p-1f1758a9.entry.js +0 -2
- package/dist/core/p-1f1758a9.entry.js.map +0 -1
- package/dist/core/p-21e5dd29.entry.js +0 -2
- package/dist/core/p-21e5dd29.entry.js.map +0 -1
- package/dist/core/p-244d6dba.entry.js +0 -2
- package/dist/core/p-244d6dba.entry.js.map +0 -1
- package/dist/core/p-312cacae.js.map +0 -1
- package/dist/core/p-31fc8756.entry.js.map +0 -1
- package/dist/core/p-322edabc.entry.js +0 -2
- package/dist/core/p-322edabc.entry.js.map +0 -1
- package/dist/core/p-363d6e88.entry.js +0 -2
- package/dist/core/p-363d6e88.entry.js.map +0 -1
- package/dist/core/p-4055f22c.entry.js.map +0 -1
- package/dist/core/p-408344d3.entry.js +0 -2
- package/dist/core/p-43f9a711.entry.js +0 -2
- package/dist/core/p-43f9a711.entry.js.map +0 -1
- package/dist/core/p-4502d3c1.entry.js +0 -2
- package/dist/core/p-4502d3c1.entry.js.map +0 -1
- package/dist/core/p-49525194.entry.js.map +0 -1
- package/dist/core/p-50ead56c.entry.js.map +0 -1
- package/dist/core/p-5deb9730.entry.js +0 -2
- package/dist/core/p-5deb9730.entry.js.map +0 -1
- package/dist/core/p-60efd7fa.entry.js.map +0 -1
- package/dist/core/p-6bd2e938.entry.js +0 -2
- package/dist/core/p-6bd2e938.entry.js.map +0 -1
- package/dist/core/p-6d40baa9.entry.js +0 -2
- package/dist/core/p-6d40baa9.entry.js.map +0 -1
- package/dist/core/p-7c89fc86.entry.js +0 -2
- package/dist/core/p-7c89fc86.entry.js.map +0 -1
- package/dist/core/p-84526c3e.entry.js.map +0 -1
- package/dist/core/p-9dba6823.entry.js +0 -2
- package/dist/core/p-9dba6823.entry.js.map +0 -1
- package/dist/core/p-aa0619ce.entry.js +0 -2
- package/dist/core/p-aa0619ce.entry.js.map +0 -1
- package/dist/core/p-af20322c.entry.js +0 -2
- package/dist/core/p-af20322c.entry.js.map +0 -1
- package/dist/core/p-b01ffa55.entry.js.map +0 -1
- package/dist/core/p-bf1f0ac7.entry.js +0 -2
- package/dist/core/p-bf1f0ac7.entry.js.map +0 -1
- package/dist/core/p-c86d48b6.entry.js +0 -2
- package/dist/core/p-c86d48b6.entry.js.map +0 -1
- package/dist/core/p-cbcd4427.entry.js +0 -2
- package/dist/core/p-cbcd4427.entry.js.map +0 -1
- package/dist/core/p-d1c9c32b.entry.js +0 -2
- package/dist/core/p-d1c9c32b.entry.js.map +0 -1
- package/dist/core/p-d2f89cb5.entry.js +0 -2
- package/dist/core/p-d2f89cb5.entry.js.map +0 -1
- package/dist/core/p-d58a10ec.entry.js.map +0 -1
- package/dist/core/p-da14cd3c.entry.js +0 -2
- package/dist/core/p-da14cd3c.entry.js.map +0 -1
- package/dist/core/p-dc83a0e9.entry.js +0 -2
- package/dist/core/p-dc83a0e9.entry.js.map +0 -1
- package/dist/core/p-de3a5423.entry.js +0 -2
- package/dist/core/p-de3a5423.entry.js.map +0 -1
- package/dist/core/p-e53309b0.entry.js +0 -2
- package/dist/core/p-e53309b0.entry.js.map +0 -1
- package/dist/core/p-f38bce8d.entry.js +0 -2
- package/dist/core/p-f38bce8d.entry.js.map +0 -1
- package/dist/core/p-fa1b7a80.entry.js +0 -2
- package/dist/core/p-fa1b7a80.entry.js.map +0 -1
- package/dist/core/p-fa587e6d.entry.js +0 -2
- package/dist/core/p-fa587e6d.entry.js.map +0 -1
- package/dist/esm/helpers-1c9151ef.js.map +0 -1
- /package/dist/core/{p-355acffa.entry.js.map → p-37dea10d.entry.js.map} +0 -0
- /package/dist/core/{p-93c23a35.entry.js.map → p-4a3b1f06.entry.js.map} +0 -0
- /package/dist/core/{p-34db8aaf.entry.js.map → p-5cd016e1.entry.js.map} +0 -0
- /package/dist/core/{p-d2f8e03f.entry.js.map → p-5ef8e106.entry.js.map} +0 -0
- /package/dist/core/{p-0a808ec3.entry.js.map → p-690c5e80.entry.js.map} +0 -0
- /package/dist/core/{p-f30f3a3e.entry.js.map → p-76263187.entry.js.map} +0 -0
- /package/dist/core/{p-c06a3b97.entry.js.map → p-7b35de65.entry.js.map} +0 -0
- /package/dist/core/{p-1b573920.entry.js.map → p-922984cb.entry.js.map} +0 -0
- /package/dist/core/{p-aab2c7aa.entry.js.map → p-95f603dd.entry.js.map} +0 -0
- /package/dist/core/{p-e4b276b5.entry.js.map → p-97fb2bdf.entry.js.map} +0 -0
- /package/dist/core/{p-e3ed9110.entry.js.map → p-acbd15ab.entry.js.map} +0 -0
- /package/dist/core/{p-4ff6d16f.entry.js.map → p-ba6ecc15.entry.js.map} +0 -0
- /package/dist/core/{p-0d30ffab.entry.js.map → p-c0fc3d02.entry.js.map} +0 -0
- /package/dist/core/{p-f828a6e1.entry.js.map → p-c9cf932c.entry.js.map} +0 -0
- /package/dist/core/{p-82375dca.entry.js.map → p-ee6dd94c.entry.js.map} +0 -0
- /package/dist/core/{p-d8870804.entry.js.map → p-f5b2b26d.entry.js.map} +0 -0
- /package/dist/core/{p-40e9e76a.entry.js.map → p-f71c00ce.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
@@ -7890,6 +7890,26 @@ const getFilteredMenuOptions = (options, includeDescriptions, searchString, posi
|
|
7890
7890
|
(description === null || description === void 0 ? void 0 : description.startsWith(lowerSearchString))
|
7891
7891
|
: label.startsWith(lowerSearchString);
|
7892
7892
|
});
|
7893
|
+
/**
|
7894
|
+
* Gets count of options where only group title "parent" options have been removed.
|
7895
|
+
* Disabled options are included in the count.
|
7896
|
+
* @param options - array of options
|
7897
|
+
* @returns number of options not including group titles
|
7898
|
+
*/
|
7899
|
+
const getOptionsWithoutGroupTitlesCount = (options) => {
|
7900
|
+
const optionsWithoutGroupTitles = [];
|
7901
|
+
if (options.length > 0 && options.map) {
|
7902
|
+
options.map((option) => {
|
7903
|
+
if (option.children) {
|
7904
|
+
option.children.map((option) => optionsWithoutGroupTitles.push(option));
|
7905
|
+
}
|
7906
|
+
else {
|
7907
|
+
optionsWithoutGroupTitles.push(option);
|
7908
|
+
}
|
7909
|
+
});
|
7910
|
+
}
|
7911
|
+
return optionsWithoutGroupTitles.length;
|
7912
|
+
};
|
7893
7913
|
const deviceSizeMatches = (size) => window.matchMedia(`(max-width: ${size}px)`).matches;
|
7894
7914
|
const getCurrentDeviceSize = () => {
|
7895
7915
|
if (deviceSizeMatches(DEVICE_SIZES.S)) {
|
@@ -8057,6 +8077,7 @@ const removeDisabledFalse = (disabled, element) => {
|
|
8057
8077
|
element.removeAttribute("disabled");
|
8058
8078
|
}
|
8059
8079
|
};
|
8080
|
+
const isMacDevice = () => window.navigator.userAgent.toUpperCase().indexOf("MAC") >= 0;
|
8060
8081
|
const convertToRGBA = (color) => {
|
8061
8082
|
const firstChar = color === null || color === void 0 ? void 0 : color.slice(0, 1).toLowerCase();
|
8062
8083
|
return firstChar === "#"
|
@@ -8079,7 +8100,7 @@ var chevronIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org
|
|
8079
8100
|
</svg>
|
8080
8101
|
`;
|
8081
8102
|
|
8082
|
-
const icAccordionCss = "/*!@html*/html.sc-ic-accordion{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion{margin:0}/*!@main*/main.sc-ic-accordion{display:block}/*!@h1*/h1.sc-ic-accordion{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion,strong.sc-ic-accordion{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion,kbd.sc-ic-accordion,samp.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion,sup.sc-ic-accordion{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion{top:-0.5em}/*!@img*/img.sc-ic-accordion{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion,input.sc-ic-accordion,optgroup.sc-ic-accordion,select.sc-ic-accordion,textarea.sc-ic-accordion{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion,input.sc-ic-accordion{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion,select.sc-ic-accordion{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion,[type=\"button\"].sc-ic-accordion,[type=\"reset\"].sc-ic-accordion,[type=\"submit\"].sc-ic-accordion{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion::-moz-focus-inner,[type=\"button\"].sc-ic-accordion::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion:-moz-focusring,[type=\"button\"].sc-ic-accordion:-moz-focusring,[type=\"reset\"].sc-ic-accordion:-moz-focusring,[type=\"submit\"].sc-ic-accordion:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion,[type=\"radio\"].sc-ic-accordion{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion{display:block}/*!@summary*/summary.sc-ic-accordion{display:list-item}/*!@template*/template.sc-ic-accordion{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion,body.sc-ic-accordion,div.sc-ic-accordion,span.sc-ic-accordion,applet.sc-ic-accordion,object.sc-ic-accordion,iframe.sc-ic-accordion,h1.sc-ic-accordion,h2.sc-ic-accordion,h3.sc-ic-accordion,h4.sc-ic-accordion,h5.sc-ic-accordion,h6.sc-ic-accordion,p.sc-ic-accordion,blockquote.sc-ic-accordion,pre.sc-ic-accordion,a.sc-ic-accordion,abbr.sc-ic-accordion,acronym.sc-ic-accordion,address.sc-ic-accordion,big.sc-ic-accordion,cite.sc-ic-accordion,code.sc-ic-accordion,del.sc-ic-accordion,dfn.sc-ic-accordion,em.sc-ic-accordion,img.sc-ic-accordion,ins.sc-ic-accordion,kbd.sc-ic-accordion,q.sc-ic-accordion,s.sc-ic-accordion,samp.sc-ic-accordion,small.sc-ic-accordion,strike.sc-ic-accordion,strong.sc-ic-accordion,sub.sc-ic-accordion,sup.sc-ic-accordion,tt.sc-ic-accordion,var.sc-ic-accordion,b.sc-ic-accordion,u.sc-ic-accordion,i.sc-ic-accordion,center.sc-ic-accordion,dl.sc-ic-accordion,dt.sc-ic-accordion,dd.sc-ic-accordion,ol.sc-ic-accordion,ul.sc-ic-accordion,li.sc-ic-accordion,fieldset.sc-ic-accordion,form.sc-ic-accordion,label.sc-ic-accordion,legend.sc-ic-accordion,table.sc-ic-accordion,caption.sc-ic-accordion,tbody.sc-ic-accordion,tfoot.sc-ic-accordion,thead.sc-ic-accordion,tr.sc-ic-accordion,th.sc-ic-accordion,td.sc-ic-accordion,article.sc-ic-accordion,aside.sc-ic-accordion,canvas.sc-ic-accordion,details.sc-ic-accordion,embed.sc-ic-accordion,figure.sc-ic-accordion,figcaption.sc-ic-accordion,footer.sc-ic-accordion,header.sc-ic-accordion,hgroup.sc-ic-accordion,menu.sc-ic-accordion,nav.sc-ic-accordion,output.sc-ic-accordion,ruby.sc-ic-accordion,section.sc-ic-accordion,summary.sc-ic-accordion,time.sc-ic-accordion,mark.sc-ic-accordion,audio.sc-ic-accordion,video.sc-ic-accordion{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-accordion-h{display:block;border-bottom:var(--ic-
|
8103
|
+
const icAccordionCss = "/*!@html*/html.sc-ic-accordion{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion{margin:0}/*!@main*/main.sc-ic-accordion{display:block}/*!@h1*/h1.sc-ic-accordion{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion,strong.sc-ic-accordion{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion,kbd.sc-ic-accordion,samp.sc-ic-accordion{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion,sup.sc-ic-accordion{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion{top:-0.5em}/*!@img*/img.sc-ic-accordion{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion,input.sc-ic-accordion,optgroup.sc-ic-accordion,select.sc-ic-accordion,textarea.sc-ic-accordion{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion,input.sc-ic-accordion{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion,select.sc-ic-accordion{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion,[type=\"button\"].sc-ic-accordion,[type=\"reset\"].sc-ic-accordion,[type=\"submit\"].sc-ic-accordion{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion::-moz-focus-inner,[type=\"button\"].sc-ic-accordion::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion:-moz-focusring,[type=\"button\"].sc-ic-accordion:-moz-focusring,[type=\"reset\"].sc-ic-accordion:-moz-focusring,[type=\"submit\"].sc-ic-accordion:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion,[type=\"radio\"].sc-ic-accordion{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion{display:block}/*!@summary*/summary.sc-ic-accordion{display:list-item}/*!@template*/template.sc-ic-accordion{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion,body.sc-ic-accordion,div.sc-ic-accordion,span.sc-ic-accordion,applet.sc-ic-accordion,object.sc-ic-accordion,iframe.sc-ic-accordion,h1.sc-ic-accordion,h2.sc-ic-accordion,h3.sc-ic-accordion,h4.sc-ic-accordion,h5.sc-ic-accordion,h6.sc-ic-accordion,p.sc-ic-accordion,blockquote.sc-ic-accordion,pre.sc-ic-accordion,a.sc-ic-accordion,abbr.sc-ic-accordion,acronym.sc-ic-accordion,address.sc-ic-accordion,big.sc-ic-accordion,cite.sc-ic-accordion,code.sc-ic-accordion,del.sc-ic-accordion,dfn.sc-ic-accordion,em.sc-ic-accordion,img.sc-ic-accordion,ins.sc-ic-accordion,kbd.sc-ic-accordion,q.sc-ic-accordion,s.sc-ic-accordion,samp.sc-ic-accordion,small.sc-ic-accordion,strike.sc-ic-accordion,strong.sc-ic-accordion,sub.sc-ic-accordion,sup.sc-ic-accordion,tt.sc-ic-accordion,var.sc-ic-accordion,b.sc-ic-accordion,u.sc-ic-accordion,i.sc-ic-accordion,center.sc-ic-accordion,dl.sc-ic-accordion,dt.sc-ic-accordion,dd.sc-ic-accordion,ol.sc-ic-accordion,ul.sc-ic-accordion,li.sc-ic-accordion,fieldset.sc-ic-accordion,form.sc-ic-accordion,label.sc-ic-accordion,legend.sc-ic-accordion,table.sc-ic-accordion,caption.sc-ic-accordion,tbody.sc-ic-accordion,tfoot.sc-ic-accordion,thead.sc-ic-accordion,tr.sc-ic-accordion,th.sc-ic-accordion,td.sc-ic-accordion,article.sc-ic-accordion,aside.sc-ic-accordion,canvas.sc-ic-accordion,details.sc-ic-accordion,embed.sc-ic-accordion,figure.sc-ic-accordion,figcaption.sc-ic-accordion,footer.sc-ic-accordion,header.sc-ic-accordion,hgroup.sc-ic-accordion,menu.sc-ic-accordion,nav.sc-ic-accordion,output.sc-ic-accordion,ruby.sc-ic-accordion,section.sc-ic-accordion,summary.sc-ic-accordion,time.sc-ic-accordion,mark.sc-ic-accordion,audio.sc-ic-accordion,video.sc-ic-accordion{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-accordion-h{display:block;border-bottom:var(--ic-space-1px) solid var(--ic-accordion-divider)}/*!@:host .expand-chevron*/.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-accordion-chevron)}/*!@:host(.ic-accordion-disabled) .expand-chevron*/.ic-accordion-disabled.sc-ic-accordion-h .expand-chevron.sc-ic-accordion{color:var(--ic-accordion-chevron-disabled)}/*!@.section-button.small*/.section-button.small.sc-ic-accordion{padding:var(--ic-space-xxs) var(--ic-space-xs)}/*!@.section-button.large*/.section-button.large.sc-ic-accordion{padding:var(--ic-space-sm) var(--ic-space-xs)}/*!@:host(:first-of-type)*/.sc-ic-accordion-h:first-of-type{border-top:var(--ic-space-1px) solid var(--ic-accordion-divider)}/*!@:focus*/.sc-ic-accordion:focus{outline:none}/*!@.section-button*/.section-button.sc-ic-accordion{background-color:transparent;display:flex;align-items:center;width:100%;padding:var(--ic-space-xs);font-weight:var(--ic-font-weight-bold);border:none}/*!@.section-header*/.section-header.sc-ic-accordion{--ic-typography-color:var(--ic-accordion-heading-text);color:var(--ic-accordion-heading-text);text-align:left;flex:1 0}/*!@:host(.ic-accordion-disabled) .section-header*/.ic-accordion-disabled.sc-ic-accordion-h .section-header.sc-ic-accordion{--ic-typography-color:var(--ic-accordion-heading-text-disabled);color:var(--ic-accordion-heading-text-disabled)}/*!@button:hover*/button.sc-ic-accordion:hover{background-color:var(--ic-accordion-background-hover);cursor:pointer}/*!@button:active*/button.sc-ic-accordion:active{background-color:var(--ic-accordion-background-pressed)}/*!@button:focus*/button.sc-ic-accordion:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast)}/*!@button:disabled*/button.sc-ic-accordion:disabled{pointer-events:none}/*!@.icon-container*/.icon-container.sc-ic-accordion{margin:0 var(--ic-space-xs) 0 0;display:flex;align-items:center;width:var(--ic-space-lg);height:var(--ic-space-lg);color:var(--ic-accordion-icon)}/*!@:host(.ic-accordion-disabled) .icon-container*/.ic-accordion-disabled.sc-ic-accordion-h .icon-container.sc-ic-accordion{color:var(--ic-accordion-icon-disabled)}/*!@::slotted(svg)*/.sc-ic-accordion-s>svg{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@.expand-chevron*/.expand-chevron.sc-ic-accordion{width:var(--ic-space-lg);height:var(--ic-space-lg);margin-left:calc(var(--ic-space-xl) + var(--ic-space-xs));transform:rotate(90deg);justify-self:end}/*!@.content-expanded-chevron*/.content-expanded-chevron.sc-ic-accordion{transform:rotate(-90deg)}/*!@.expanded-content*/.expanded-content.sc-ic-accordion{--ic-typography-color:var(--ic-accordion-body-text);color:var(--ic-accordion-body-text);height:0;overflow:hidden;display:flex;flex-direction:column;visibility:var(--ic-expanded-content-visibility, hidden)}/*!@.expanded-content-inner*/.expanded-content-inner.sc-ic-accordion{padding:var(--ic-space-xs)}/*!@.expanded-content-opened*/.expanded-content-opened.sc-ic-accordion{overflow:visible}@media (forced-colors: active){/*!@button:focus*/button.sc-ic-accordion:focus{border:var(--ic-border-hc) !important}}";
|
8083
8104
|
|
8084
8105
|
let accordionIds = 0;
|
8085
8106
|
/**
|
@@ -8135,12 +8156,12 @@ class Accordion {
|
|
8135
8156
|
});
|
8136
8157
|
}
|
8137
8158
|
};
|
8138
|
-
this.appearance = "default";
|
8139
8159
|
this.disabled = false;
|
8140
8160
|
this.expanded = false;
|
8141
8161
|
this.heading = "";
|
8142
8162
|
this.message = "";
|
8143
8163
|
this.size = "medium";
|
8164
|
+
this.theme = "inherit";
|
8144
8165
|
}
|
8145
8166
|
// Every time expanded is set via toggleExpanded or accordionGroup, animate to open or close
|
8146
8167
|
handleExpandedWatch() {
|
@@ -8168,10 +8189,10 @@ class Accordion {
|
|
8168
8189
|
}
|
8169
8190
|
}
|
8170
8191
|
render() {
|
8171
|
-
const {
|
8192
|
+
const { size, disabled, expanded, theme } = this;
|
8172
8193
|
return (hAsync(Host, { id: this.accordionId, class: {
|
8173
|
-
[`ic-accordion-${appearance}`]: true,
|
8174
8194
|
["ic-accordion-disabled"]: disabled,
|
8195
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
8175
8196
|
}, "aria-disabled": disabled ? "true" : "false" }, hAsync("button", { ref: (el) => (this.accordionBtnHeading = el), id: `${this.accordionId}-button`, disabled: disabled, tabindex: disabled ? -1 : 0, class: {
|
8176
8197
|
[`${size}`]: true,
|
8177
8198
|
["section-button"]: true,
|
@@ -8192,12 +8213,12 @@ class Accordion {
|
|
8192
8213
|
"$flags$": 9,
|
8193
8214
|
"$tagName$": "ic-accordion",
|
8194
8215
|
"$members$": {
|
8195
|
-
"appearance": [1],
|
8196
8216
|
"disabled": [4],
|
8197
8217
|
"expanded": [1028],
|
8198
8218
|
"heading": [1],
|
8199
8219
|
"message": [1],
|
8200
8220
|
"size": [1],
|
8221
|
+
"theme": [1],
|
8201
8222
|
"setFocus": [64]
|
8202
8223
|
},
|
8203
8224
|
"$listeners$": undefined,
|
@@ -8206,7 +8227,7 @@ class Accordion {
|
|
8206
8227
|
}; }
|
8207
8228
|
}
|
8208
8229
|
|
8209
|
-
const icAccordionGroupCss = "/*!@html*/html.sc-ic-accordion-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion-group{margin:0}/*!@main*/main.sc-ic-accordion-group{display:block}/*!@h1*/h1.sc-ic-accordion-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion-group,strong.sc-ic-accordion-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion-group,kbd.sc-ic-accordion-group,samp.sc-ic-accordion-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion-group,sup.sc-ic-accordion-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion-group{top:-0.5em}/*!@img*/img.sc-ic-accordion-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion-group,input.sc-ic-accordion-group,optgroup.sc-ic-accordion-group,select.sc-ic-accordion-group,textarea.sc-ic-accordion-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion-group,input.sc-ic-accordion-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion-group,select.sc-ic-accordion-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion-group,[type=\"button\"].sc-ic-accordion-group,[type=\"reset\"].sc-ic-accordion-group,[type=\"submit\"].sc-ic-accordion-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion-group::-moz-focus-inner,[type=\"button\"].sc-ic-accordion-group::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion-group::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion-group:-moz-focusring,[type=\"button\"].sc-ic-accordion-group:-moz-focusring,[type=\"reset\"].sc-ic-accordion-group:-moz-focusring,[type=\"submit\"].sc-ic-accordion-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion-group,[type=\"radio\"].sc-ic-accordion-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion-group{display:block}/*!@summary*/summary.sc-ic-accordion-group{display:list-item}/*!@template*/template.sc-ic-accordion-group{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion-group,body.sc-ic-accordion-group,div.sc-ic-accordion-group,span.sc-ic-accordion-group,applet.sc-ic-accordion-group,object.sc-ic-accordion-group,iframe.sc-ic-accordion-group,h1.sc-ic-accordion-group,h2.sc-ic-accordion-group,h3.sc-ic-accordion-group,h4.sc-ic-accordion-group,h5.sc-ic-accordion-group,h6.sc-ic-accordion-group,p.sc-ic-accordion-group,blockquote.sc-ic-accordion-group,pre.sc-ic-accordion-group,a.sc-ic-accordion-group,abbr.sc-ic-accordion-group,acronym.sc-ic-accordion-group,address.sc-ic-accordion-group,big.sc-ic-accordion-group,cite.sc-ic-accordion-group,code.sc-ic-accordion-group,del.sc-ic-accordion-group,dfn.sc-ic-accordion-group,em.sc-ic-accordion-group,img.sc-ic-accordion-group,ins.sc-ic-accordion-group,kbd.sc-ic-accordion-group,q.sc-ic-accordion-group,s.sc-ic-accordion-group,samp.sc-ic-accordion-group,small.sc-ic-accordion-group,strike.sc-ic-accordion-group,strong.sc-ic-accordion-group,sub.sc-ic-accordion-group,sup.sc-ic-accordion-group,tt.sc-ic-accordion-group,var.sc-ic-accordion-group,b.sc-ic-accordion-group,u.sc-ic-accordion-group,i.sc-ic-accordion-group,center.sc-ic-accordion-group,dl.sc-ic-accordion-group,dt.sc-ic-accordion-group,dd.sc-ic-accordion-group,ol.sc-ic-accordion-group,ul.sc-ic-accordion-group,li.sc-ic-accordion-group,fieldset.sc-ic-accordion-group,form.sc-ic-accordion-group,label.sc-ic-accordion-group,legend.sc-ic-accordion-group,table.sc-ic-accordion-group,caption.sc-ic-accordion-group,tbody.sc-ic-accordion-group,tfoot.sc-ic-accordion-group,thead.sc-ic-accordion-group,tr.sc-ic-accordion-group,th.sc-ic-accordion-group,td.sc-ic-accordion-group,article.sc-ic-accordion-group,aside.sc-ic-accordion-group,canvas.sc-ic-accordion-group,details.sc-ic-accordion-group,embed.sc-ic-accordion-group,figure.sc-ic-accordion-group,figcaption.sc-ic-accordion-group,footer.sc-ic-accordion-group,header.sc-ic-accordion-group,hgroup.sc-ic-accordion-group,menu.sc-ic-accordion-group,nav.sc-ic-accordion-group,output.sc-ic-accordion-group,ruby.sc-ic-accordion-group,section.sc-ic-accordion-group,summary.sc-ic-accordion-group,time.sc-ic-accordion-group,mark.sc-ic-accordion-group,audio.sc-ic-accordion-group,video.sc-ic-accordion-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.label-container*/.label-container.sc-ic-accordion-group{padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}/*!@:host(.ic-accordion-group-small) .label-container*/.ic-accordion-group-small.sc-ic-accordion-group-h .label-container.sc-ic-accordion-group{padding:var(--ic-space-xxs) var(--ic-space-xs)}/*!@:host(.ic-accordion-group-large) .label-container*/.ic-accordion-group-large.sc-ic-accordion-group-h .label-container.sc-ic-accordion-group{padding:var(--ic-space-sm) var(--ic-space-xs)}
|
8230
|
+
const icAccordionGroupCss = "/*!@html*/html.sc-ic-accordion-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-accordion-group{margin:0}/*!@main*/main.sc-ic-accordion-group{display:block}/*!@h1*/h1.sc-ic-accordion-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-accordion-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-accordion-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-accordion-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-accordion-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-accordion-group,strong.sc-ic-accordion-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-accordion-group,kbd.sc-ic-accordion-group,samp.sc-ic-accordion-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-accordion-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-accordion-group,sup.sc-ic-accordion-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-accordion-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-accordion-group{top:-0.5em}/*!@img*/img.sc-ic-accordion-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-accordion-group,input.sc-ic-accordion-group,optgroup.sc-ic-accordion-group,select.sc-ic-accordion-group,textarea.sc-ic-accordion-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-accordion-group,input.sc-ic-accordion-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-accordion-group,select.sc-ic-accordion-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-accordion-group,[type=\"button\"].sc-ic-accordion-group,[type=\"reset\"].sc-ic-accordion-group,[type=\"submit\"].sc-ic-accordion-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-accordion-group::-moz-focus-inner,[type=\"button\"].sc-ic-accordion-group::-moz-focus-inner,[type=\"reset\"].sc-ic-accordion-group::-moz-focus-inner,[type=\"submit\"].sc-ic-accordion-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-accordion-group:-moz-focusring,[type=\"button\"].sc-ic-accordion-group:-moz-focusring,[type=\"reset\"].sc-ic-accordion-group:-moz-focusring,[type=\"submit\"].sc-ic-accordion-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-accordion-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-accordion-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-accordion-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-accordion-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-accordion-group,[type=\"radio\"].sc-ic-accordion-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-accordion-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-accordion-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-accordion-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-accordion-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-accordion-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-accordion-group{display:block}/*!@summary*/summary.sc-ic-accordion-group{display:list-item}/*!@template*/template.sc-ic-accordion-group{display:none}/*!@[hidden]*/[hidden].sc-ic-accordion-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-accordion-group,body.sc-ic-accordion-group,div.sc-ic-accordion-group,span.sc-ic-accordion-group,applet.sc-ic-accordion-group,object.sc-ic-accordion-group,iframe.sc-ic-accordion-group,h1.sc-ic-accordion-group,h2.sc-ic-accordion-group,h3.sc-ic-accordion-group,h4.sc-ic-accordion-group,h5.sc-ic-accordion-group,h6.sc-ic-accordion-group,p.sc-ic-accordion-group,blockquote.sc-ic-accordion-group,pre.sc-ic-accordion-group,a.sc-ic-accordion-group,abbr.sc-ic-accordion-group,acronym.sc-ic-accordion-group,address.sc-ic-accordion-group,big.sc-ic-accordion-group,cite.sc-ic-accordion-group,code.sc-ic-accordion-group,del.sc-ic-accordion-group,dfn.sc-ic-accordion-group,em.sc-ic-accordion-group,img.sc-ic-accordion-group,ins.sc-ic-accordion-group,kbd.sc-ic-accordion-group,q.sc-ic-accordion-group,s.sc-ic-accordion-group,samp.sc-ic-accordion-group,small.sc-ic-accordion-group,strike.sc-ic-accordion-group,strong.sc-ic-accordion-group,sub.sc-ic-accordion-group,sup.sc-ic-accordion-group,tt.sc-ic-accordion-group,var.sc-ic-accordion-group,b.sc-ic-accordion-group,u.sc-ic-accordion-group,i.sc-ic-accordion-group,center.sc-ic-accordion-group,dl.sc-ic-accordion-group,dt.sc-ic-accordion-group,dd.sc-ic-accordion-group,ol.sc-ic-accordion-group,ul.sc-ic-accordion-group,li.sc-ic-accordion-group,fieldset.sc-ic-accordion-group,form.sc-ic-accordion-group,label.sc-ic-accordion-group,legend.sc-ic-accordion-group,table.sc-ic-accordion-group,caption.sc-ic-accordion-group,tbody.sc-ic-accordion-group,tfoot.sc-ic-accordion-group,thead.sc-ic-accordion-group,tr.sc-ic-accordion-group,th.sc-ic-accordion-group,td.sc-ic-accordion-group,article.sc-ic-accordion-group,aside.sc-ic-accordion-group,canvas.sc-ic-accordion-group,details.sc-ic-accordion-group,embed.sc-ic-accordion-group,figure.sc-ic-accordion-group,figcaption.sc-ic-accordion-group,footer.sc-ic-accordion-group,header.sc-ic-accordion-group,hgroup.sc-ic-accordion-group,menu.sc-ic-accordion-group,nav.sc-ic-accordion-group,output.sc-ic-accordion-group,ruby.sc-ic-accordion-group,section.sc-ic-accordion-group,summary.sc-ic-accordion-group,time.sc-ic-accordion-group,mark.sc-ic-accordion-group,audio.sc-ic-accordion-group,video.sc-ic-accordion-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.label-container*/.label-container.sc-ic-accordion-group{--ic-typography-color:var(--ic-accordion-group-title-text);color:var(--ic-accordion-group-title-text);padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}/*!@:host(.ic-accordion-group-small) .label-container*/.ic-accordion-group-small.sc-ic-accordion-group-h .label-container.sc-ic-accordion-group{padding:var(--ic-space-xxs) var(--ic-space-xs)}/*!@:host(.ic-accordion-group-large) .label-container*/.ic-accordion-group-large.sc-ic-accordion-group-h .label-container.sc-ic-accordion-group{padding:var(--ic-space-sm) var(--ic-space-xs)}";
|
8210
8231
|
|
8211
8232
|
let accordionGroupIds = 0;
|
8212
8233
|
/**
|
@@ -8245,15 +8266,15 @@ class AccordionGroup {
|
|
8245
8266
|
this.accordions = undefined;
|
8246
8267
|
this.areAllAccordionsOpen = undefined;
|
8247
8268
|
this.accessibleButtonLabel = "accordions";
|
8248
|
-
this.
|
8269
|
+
this.theme = "inherit";
|
8249
8270
|
this.expanded = false;
|
8250
8271
|
this.label = "";
|
8251
8272
|
this.singleExpansion = false;
|
8252
8273
|
this.size = "medium";
|
8253
8274
|
}
|
8254
|
-
|
8275
|
+
watchThemeHandler() {
|
8255
8276
|
this.accordions.forEach((acc) => {
|
8256
|
-
acc.
|
8277
|
+
acc.theme = this.theme;
|
8257
8278
|
});
|
8258
8279
|
}
|
8259
8280
|
watchExpandedHandler() {
|
@@ -8264,7 +8285,7 @@ class AccordionGroup {
|
|
8264
8285
|
this.accordions = Array.from(accordionDirectChildren).filter((child) => child.tagName === "IC-ACCORDION");
|
8265
8286
|
this.linkAccordions();
|
8266
8287
|
this.accordions.forEach((acc) => {
|
8267
|
-
acc.
|
8288
|
+
acc.theme = this.theme;
|
8268
8289
|
});
|
8269
8290
|
this.accordions.forEach((acc) => {
|
8270
8291
|
acc.size = this.size;
|
@@ -8304,16 +8325,16 @@ class AccordionGroup {
|
|
8304
8325
|
focusEl.setFocus();
|
8305
8326
|
}
|
8306
8327
|
render() {
|
8307
|
-
const {
|
8328
|
+
const { size, label, singleExpansion, accessibleButtonLabel, theme } = this;
|
8308
8329
|
return (hAsync(Host, { "context-id": this.accordionGroupId, class: {
|
8309
|
-
[`ic-accordion-group-${appearance}`]: true,
|
8310
8330
|
[`ic-accordion-group-${size}`]: true,
|
8311
8331
|
["ic-accordion-group"]: true,
|
8312
|
-
|
8332
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
8333
|
+
} }, hAsync("div", { class: "label-container" }, hAsync("ic-typography", { variant: "h4" }, hAsync("h3", null, isSlotUsed(this.el, "label") ? hAsync("slot", { name: "label" }) : label)), !singleExpansion && (hAsync("ic-button", { ref: (el) => (this.allButtonEl = el), onClick: this.handleExpanded, variant: "tertiary", "aria-label": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), hAsync("slot", null)));
|
8313
8334
|
}
|
8314
8335
|
get el() { return getElement(this); }
|
8315
8336
|
static get watchers() { return {
|
8316
|
-
"
|
8337
|
+
"theme": ["watchThemeHandler"],
|
8317
8338
|
"expanded": ["watchExpandedHandler"]
|
8318
8339
|
}; }
|
8319
8340
|
static get style() { return icAccordionGroupCss; }
|
@@ -8322,7 +8343,7 @@ class AccordionGroup {
|
|
8322
8343
|
"$tagName$": "ic-accordion-group",
|
8323
8344
|
"$members$": {
|
8324
8345
|
"accessibleButtonLabel": [1, "accessible-button-label"],
|
8325
|
-
"
|
8346
|
+
"theme": [1],
|
8326
8347
|
"expanded": [1028],
|
8327
8348
|
"label": [1],
|
8328
8349
|
"singleExpansion": [4, "single-expansion"],
|
@@ -8344,7 +8365,7 @@ var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fil
|
|
8344
8365
|
</svg>
|
8345
8366
|
`;
|
8346
8367
|
|
8347
|
-
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 ic-typography,\n:host ::slotted(ic-typography)*/.sc-ic-alert-h ic-typography.sc-ic-alert,.sc-ic-alert-h.sc-ic-alert-s>ic-typography,.sc-ic-alert-h .sc-ic-alert-s>ic-typography{--ic-typography-color:var(--ic-color-text-primary-light)}/*!@.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-status-unknown-light)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-light)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-light)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-light)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-light)}/*!@.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-status-unknown-default)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info-default)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-color-border-warning)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-color-border-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-color-border-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{display:none}/*!@.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-status-unknown-default)}/*!@:host([variant=\"info\"]) .alert-icon svg*/[variant=\"info\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-info-default)}/*!@:host([variant=\"warning\"]) .alert-icon svg*/[variant=\"warning\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-warning-default)}/*!@:host([variant=\"error\"]) .alert-icon svg*/[variant=\"error\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-error-default)}/*!@:host([variant=\"success\"]) .alert-icon svg*/[variant=\"success\"].sc-ic-alert-h .alert-icon.sc-ic-alert svg.sc-ic-alert{fill:var(--ic-status-success-default)}/*!@.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}/*!@.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)}/*!@.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: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)}}";
|
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)}}";
|
8348
8369
|
|
8349
8370
|
/**
|
8350
8371
|
* @slot message - Content is placed to the right of the title.
|
@@ -8370,9 +8391,10 @@ class Alert {
|
|
8370
8391
|
this.dismissible = false;
|
8371
8392
|
this.heading = "";
|
8372
8393
|
this.message = undefined;
|
8394
|
+
this.showDefaultIcon = true;
|
8395
|
+
this.theme = "inherit";
|
8373
8396
|
this.titleAbove = false;
|
8374
8397
|
this.variant = "neutral";
|
8375
|
-
this.showDefaultIcon = true;
|
8376
8398
|
}
|
8377
8399
|
disconnectedCallback() {
|
8378
8400
|
var _a;
|
@@ -8395,9 +8417,10 @@ class Alert {
|
|
8395
8417
|
this.alertTitleWrap = true;
|
8396
8418
|
}
|
8397
8419
|
render() {
|
8398
|
-
const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, } = this;
|
8420
|
+
const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, } = this;
|
8399
8421
|
return (visible && (hAsync(Host, { role: announced ? "alert" : null, class: {
|
8400
8422
|
[IcThemeForegroundEnum.Dark]: true,
|
8423
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
8401
8424
|
} }, hAsync("div", { class: {
|
8402
8425
|
["container"]: true,
|
8403
8426
|
[`container-${variant}`]: true,
|
@@ -8421,7 +8444,7 @@ class Alert {
|
|
8421
8444
|
}, 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: {
|
8422
8445
|
["svg-container"]: true,
|
8423
8446
|
["dismiss-icon"]: true,
|
8424
|
-
}, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon",
|
8447
|
+
}, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", title: "dismiss" })))))));
|
8425
8448
|
}
|
8426
8449
|
get el() { return getElement(this); }
|
8427
8450
|
static get style() { return icAlertCss; }
|
@@ -8433,9 +8456,10 @@ class Alert {
|
|
8433
8456
|
"dismissible": [4],
|
8434
8457
|
"heading": [1],
|
8435
8458
|
"message": [1],
|
8459
|
+
"showDefaultIcon": [4, "show-default-icon"],
|
8460
|
+
"theme": [1],
|
8436
8461
|
"titleAbove": [4, "title-above"],
|
8437
8462
|
"variant": [1],
|
8438
|
-
"showDefaultIcon": [4, "show-default-icon"],
|
8439
8463
|
"alertTitleWrap": [32],
|
8440
8464
|
"visible": [32]
|
8441
8465
|
},
|
@@ -9392,7 +9416,7 @@ class Button {
|
|
9392
9416
|
}; }
|
9393
9417
|
}
|
9394
9418
|
|
9395
|
-
const icCardVerticalCss = "/*!@html*/html.sc-ic-card-vertical{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card-vertical{margin:0}/*!@main*/main.sc-ic-card-vertical{display:block}/*!@h1*/h1.sc-ic-card-vertical{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card-vertical{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card-vertical{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card-vertical{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card-vertical{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card-vertical,strong.sc-ic-card-vertical{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card-vertical,kbd.sc-ic-card-vertical,samp.sc-ic-card-vertical{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card-vertical{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card-vertical,sup.sc-ic-card-vertical{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card-vertical{bottom:-0.25em}/*!@sup*/sup.sc-ic-card-vertical{top:-0.5em}/*!@img*/img.sc-ic-card-vertical{border-style:none}/*!@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{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card-vertical,input.sc-ic-card-vertical{overflow:visible}/*!@button,\nselect*/button.sc-ic-card-vertical,select.sc-ic-card-vertical{text-transform:none}/*!@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{-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-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{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-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{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card-vertical{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card-vertical{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card-vertical{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card-vertical{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card-vertical,[type=\"radio\"].sc-ic-card-vertical{box-sizing:border-box;padding:0}/*!@[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{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card-vertical{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card-vertical::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card-vertical::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card-vertical{display:block}/*!@summary*/summary.sc-ic-card-vertical{display:list-item}/*!@template*/template.sc-ic-card-vertical{display:none}/*!@[hidden]*/[hidden].sc-ic-card-vertical{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-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{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-vertical-h{display:flex}/*!@a*/a.sc-ic-card-vertical{text-decoration:none !important;color:var(--ic-architechtural-black) !important}/*!@button*/button.sc-ic-card-vertical{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline)}/*!@.card,\n.card.clickable*/.card.sc-ic-card-vertical,.card.clickable.sc-ic-card-vertical{display:flex;flex-direction:column;border:var(--ic-border-default);border-radius:var(--ic-border-radius);box-sizing:border-box;padding:var(--ic-space-md);text-align:left;color:var(--ic-architechtural-black);transition:var(--ic-easing-transition-fast);position:relative;width:inherit;min-width:-moz-fit-content;min-width:fit-content;height:-moz-fit-content;height:fit-content;min-height:100%}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card-vertical,.dark.card.clickable.sc-ic-card-vertical{border:var(--ic-border-width) solid var(--ic-architectural-700)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card-vertical:hover{background-color:var(--ic-action-default-bg-hover);border:var(--ic-border-hover);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card-vertical:focus,.card.clickable.focussed.sc-ic-card-vertical{background-color:var(--ic-action-default-bg-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-border-pressed-default)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card-vertical:active{background-color:var(--ic-action-default-bg-active);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card-vertical{border:var(--ic-border-disabled)}/*!@.card.fullwidth*/.card.fullwidth.sc-ic-card-vertical{width:100%}/*!@.card-header*/.card-header.sc-ic-card-vertical{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card-vertical{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-vertical-s>svg{fill:var(--ic-color-text-tertiary)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card-vertical .card-title.sc-ic-card-vertical{--ic-typography-color:var(--ic-color-hyperlink-default);color:var(--ic-color-hyperlink-default);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}/*!@.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{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 25%){/*!@.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{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}/*!@.card.clickable:active .card-title*/.card.clickable.sc-ic-card-vertical:active .card-title.sc-ic-card-vertical{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card-vertical .card-title.sc-ic-card-vertical{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-color-text-tertiary);color:var(--ic-color-text-tertiary);--ic-typography-color:var(--ic-color-text-tertiary)}/*!@.subheading*/.subheading.sc-ic-card-vertical{margin-top:var(--ic-space-xxs)}/*!@.adornment*/.adornment.sc-ic-card-vertical{margin-top:var(--ic-space-xxs)}/*!@.card-message*/.card-message.sc-ic-card-vertical{margin-top:var(--ic-space-md);align-items:left}/*!@.card.disabled .card-message,\n.card.disabled .subheading*/.card.disabled.sc-ic-card-vertical .card-message.sc-ic-card-vertical,.card.disabled.sc-ic-card-vertical .subheading.sc-ic-card-vertical{--ic-typography-color:var(--ic-color-text-tertiary)}/*!@.interaction-button*/.interaction-button.sc-ic-card-vertical{margin-left:auto}/*!@.image-top*/.image-top.sc-ic-card-vertical{margin-bottom:var(--ic-space-md);display:flex;justify-content:center}/*!@.image-mid*/.image-mid.sc-ic-card-vertical{margin-top:var(--ic-space-md);display:flex;justify-content:center}/*!@.interaction-area*/.interaction-area.sc-ic-card-vertical{display:flex;flex-grow:1;gap:var(--ic-space-md);margin-top:var(--ic-space-md);align-items:flex-end}/*!@.interaction-controls*/.interaction-controls.sc-ic-card-vertical{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ic-space-sm)}/*!@.toggle-button*/.toggle-button.sc-ic-card-vertical{color:var(--ic-action-default);width:2.5rem;height:2.5rem;padding:var(--ic-space-xs);margin:var(--ic-space-1px) 0;min-width:0;cursor:pointer;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);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}/*!@#ic-tooltip-expand-button*/#ic-tooltip-expand-button.sc-ic-card-vertical{margin-left:auto;position:relative}/*!@.toggle-button:hover,\n.toggle-button:hover:focus*/.toggle-button.sc-ic-card-vertical:hover,.toggle-button.sc-ic-card-vertical:hover:focus{background-color:var(--ic-action-default-bg-hover);color:var(--ic-action-default-hover)}/*!@.toggle-button:focus*/.toggle-button.sc-ic-card-vertical:focus{box-shadow:var(--ic-border-focus)}/*!@.toggle-button:active:not(:focus)*/.toggle-button.sc-ic-card-vertical:active:not(:focus){background-color:var(--ic-action-default-bg-active);color:var(--ic-action-default-pressed)}/*!@.toggle-button svg*/.toggle-button.sc-ic-card-vertical svg.sc-ic-card-vertical{pointer-events:none;width:100% !important;height:100% !important;fill:currentcolor !important}/*!@.toggle-button-closed svg*/.toggle-button-closed.sc-ic-card-vertical svg.sc-ic-card-vertical{transform:rotate(90deg)}/*!@.toggle-button-expanded svg*/.toggle-button-expanded.sc-ic-card-vertical svg.sc-ic-card-vertical{transform:rotate(-90deg)}/*!@.expanded-content*/.expanded-content.sc-ic-card-vertical{margin-top:var(--ic-space-md)}@media (forced-colors: active){/*!@.card ::slotted(svg)*/.card .sc-ic-card-vertical-s>svg{fill:currentcolor}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-vertical-s>svg{fill:GrayText !important}/*!@.card.disabled*/.card.disabled.sc-ic-card-vertical{border-color:GrayText !important}/*!@.card.disabled .card-message,\n .card.disabled .subheading,\n .card.disabled .card-title*/.card.disabled.sc-ic-card-vertical .card-message.sc-ic-card-vertical,.card.disabled.sc-ic-card-vertical .subheading.sc-ic-card-vertical,.card.disabled.sc-ic-card-vertical .card-title.sc-ic-card-vertical{color:GrayText;--ic-typography-color:GrayText}}";
|
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}";
|
9396
9420
|
|
9397
9421
|
/**
|
9398
9422
|
* @slot heading - Content will be placed at the top of the card to the right of the icon.
|
@@ -9452,6 +9476,7 @@ class CardVertical {
|
|
9452
9476
|
this.rel = undefined;
|
9453
9477
|
this.subheading = undefined;
|
9454
9478
|
this.target = undefined;
|
9479
|
+
this.theme = "inherit";
|
9455
9480
|
}
|
9456
9481
|
disconnectedCallback() {
|
9457
9482
|
var _a;
|
@@ -9487,8 +9512,7 @@ class CardVertical {
|
|
9487
9512
|
}
|
9488
9513
|
}
|
9489
9514
|
themeChangeHandler(ev) {
|
9490
|
-
|
9491
|
-
this.updateTheme(theme.mode);
|
9515
|
+
this.updateTheme(ev.detail.mode);
|
9492
9516
|
}
|
9493
9517
|
/**
|
9494
9518
|
* Sets focus on the card.
|
@@ -9502,20 +9526,18 @@ class CardVertical {
|
|
9502
9526
|
}
|
9503
9527
|
}
|
9504
9528
|
updateTheme(newTheme = null) {
|
9505
|
-
const foregroundColor = getThemeFromContext(this.el, newTheme
|
9529
|
+
const foregroundColor = getThemeFromContext(this.el, newTheme);
|
9506
9530
|
if (foregroundColor !== IcThemeForegroundEnum.Default) {
|
9507
9531
|
this.appearance = foregroundColor;
|
9508
9532
|
}
|
9509
9533
|
}
|
9510
9534
|
render() {
|
9511
|
-
const { clickable, disabled, expandable, heading, message, href, hreflang, referrerpolicy, rel, subheading, target,
|
9512
|
-
const Component = parentIsAnchorTag
|
9535
|
+
const { appearance, clickable, disabled, expandable, fullWidth, heading, isFocussed, message, href, hreflang, parentIsAnchorTag, referrerpolicy, rel, subheading, target, theme, } = this;
|
9536
|
+
const Component = parentIsAnchorTag || !clickable
|
9513
9537
|
? "div"
|
9514
|
-
:
|
9515
|
-
?
|
9516
|
-
|
9517
|
-
: "a"
|
9518
|
-
: "div";
|
9538
|
+
: href === undefined
|
9539
|
+
? "button"
|
9540
|
+
: "a";
|
9519
9541
|
const attrs = Component == "a" && {
|
9520
9542
|
href: href,
|
9521
9543
|
hrefLang: hreflang,
|
@@ -9523,19 +9545,19 @@ class CardVertical {
|
|
9523
9545
|
rel: rel,
|
9524
9546
|
target: target,
|
9525
9547
|
};
|
9526
|
-
return (hAsync(
|
9527
|
-
[
|
9528
|
-
|
9529
|
-
|
9530
|
-
|
9531
|
-
|
9532
|
-
|
9533
|
-
|
9534
|
-
|
9535
|
-
} }, 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: {
|
9536
|
-
|
9548
|
+
return (hAsync(Host, { class: {
|
9549
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
9550
|
+
} }, hAsync(Component, Object.assign({ class: {
|
9551
|
+
card: true,
|
9552
|
+
clickable: clickable && !disabled,
|
9553
|
+
disabled,
|
9554
|
+
fullwidth: fullWidth,
|
9555
|
+
focussed: isFocussed,
|
9556
|
+
dark: appearance === IcThemeForegroundEnum.Dark,
|
9557
|
+
}, 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
|
+
"toggle-button": true,
|
9537
9559
|
[`toggle-button-${this.areaExpanded ? "expanded" : "closed"}`]: true,
|
9538
|
-
}, "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" })));
|
9560
|
+
}, "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" }))));
|
9539
9561
|
}
|
9540
9562
|
get el() { return getElement(this); }
|
9541
9563
|
static get style() { return icCardVerticalCss; }
|
@@ -9555,6 +9577,7 @@ class CardVertical {
|
|
9555
9577
|
"rel": [1],
|
9556
9578
|
"subheading": [1],
|
9557
9579
|
"target": [1],
|
9580
|
+
"theme": [1],
|
9558
9581
|
"appearance": [32],
|
9559
9582
|
"areaExpanded": [32],
|
9560
9583
|
"isFocussed": [32],
|
@@ -9568,7 +9591,7 @@ class CardVertical {
|
|
9568
9591
|
}; }
|
9569
9592
|
}
|
9570
9593
|
|
9571
|
-
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-checkbox-disabled)*/.ic-checkbox-disabled.sc-ic-checkbox-h{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.ic-checkbox-small) .container*/.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg*/.ic-checkbox-small.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg*/.ic-checkbox-large.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-large.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-xl);height:var(--ic-space-xl)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-border-width) solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox:indeterminate,\n.checkbox.indeterminate:checked*/.checkbox.sc-ic-checkbox:indeterminate,.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover*/.checkbox.sc-ic-checkbox:indeterminate:hover,.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-pressed)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active-no-alpha);border:0.125rem solid var(--ic-action-default-pressed)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-border-width) solid var(--ic-action-default-pressed)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .checkmark*/.ic-checkbox-small.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-checkbox-large) .checkmark*/.ic-checkbox-large.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .indeterminate-symbol*/.ic-checkbox-small.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}/*!@:host(.ic-checkbox-large) .indeterminate-symbol*/.ic-checkbox-large.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-pressed)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);--ic-typography-color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
|
9594
|
+
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-checkbox-disabled)*/.ic-checkbox-disabled.sc-ic-checkbox-h{pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.ic-checkbox-small) .container*/.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@:host .container svg*/.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg*/.ic-checkbox-small.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-small.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg*/.ic-checkbox-large.sc-ic-checkbox-h .checkbox.sc-ic-checkbox,.ic-checkbox-large.sc-ic-checkbox-h .container.sc-ic-checkbox svg.sc-ic-checkbox{width:var(--ic-space-xl);height:var(--ic-space-xl)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n var(--ic-checkbox-background-selected-disabled)}/*!@.checkbox:indeterminate,\n.checkbox.indeterminate:checked*/.checkbox.sc-ic-checkbox:indeterminate,.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}/*!@.checkbox:indeterminate:disabled,\n.checkbox.indeterminate:checked:disabled*/.checkbox.sc-ic-checkbox:indeterminate:disabled,.checkbox.indeterminate.sc-ic-checkbox:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}/*!@.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover*/.checkbox.sc-ic-checkbox:indeterminate:hover,.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n var(--ic-checkbox-border-unselected-pressed)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-border-width) dashed\n var(--ic-checkbox-border-unselected-disabled)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}/*!@:host(.ic-checkbox-disabled) .checkbox-label*/.ic-checkbox-disabled.sc-ic-checkbox-h .checkbox-label.sc-ic-checkbox{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .checkmark*/.ic-checkbox-small.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-checkbox-large) .checkmark*/.ic-checkbox-large.sc-ic-checkbox-h .checkmark.sc-ic-checkbox{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}/*!@:host(.ic-checkbox-small) .indeterminate-symbol*/.ic-checkbox-small.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}/*!@:host(.ic-checkbox-large) .indeterminate-symbol*/.ic-checkbox-large.sc-ic-checkbox-h .indeterminate-symbol.sc-ic-checkbox{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
|
9572
9595
|
|
9573
9596
|
/**
|
9574
9597
|
* @slot additional-field - Content to be displayed alongside a checkbox.
|
@@ -9601,6 +9624,7 @@ class Checkbox {
|
|
9601
9624
|
this.name = undefined;
|
9602
9625
|
this.nativeIndeterminateBehaviour = false;
|
9603
9626
|
this.size = undefined;
|
9627
|
+
this.theme = "inherit";
|
9604
9628
|
this.value = undefined;
|
9605
9629
|
this.hideLabel = false;
|
9606
9630
|
}
|
@@ -9652,7 +9676,7 @@ class Checkbox {
|
|
9652
9676
|
(_a = this.el.shadowRoot.querySelector(".checkbox")) === null || _a === void 0 ? void 0 : _a.focus();
|
9653
9677
|
}
|
9654
9678
|
render() {
|
9655
|
-
const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, displayIndeterminate, groupLabel, label, name, size, value, } = this;
|
9679
|
+
const { additionalFieldDisplay, checked, disabled, dynamicText, el, form, displayIndeterminate, groupLabel, label, name, size, value, theme, } = this;
|
9656
9680
|
const id = `ic-checkbox-${isPropDefined(label) || value}-${groupLabel}`.replace(/ /g, "-");
|
9657
9681
|
const parentElementSize = el.parentElement
|
9658
9682
|
.size;
|
@@ -9662,7 +9686,8 @@ class Checkbox {
|
|
9662
9686
|
return (hAsync(Host, { class: {
|
9663
9687
|
"ic-checkbox-disabled": disabled,
|
9664
9688
|
[`ic-checkbox-${size || parentElementSize}`]: true,
|
9665
|
-
|
9689
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
9690
|
+
} }, hAsync("div", { class: "container" }, displayIndeterminate && hAsync("div", { class: "indeterminate-symbol" }), !displayIndeterminate && checked && (hAsync("svg", { class: "checkmark", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), hAsync("input", { role: "checkbox", class: {
|
9666
9691
|
checkbox: true,
|
9667
9692
|
checked,
|
9668
9693
|
indeterminate: displayIndeterminate,
|
@@ -9691,6 +9716,7 @@ class Checkbox {
|
|
9691
9716
|
"name": [1025],
|
9692
9717
|
"nativeIndeterminateBehaviour": [4, "native-indeterminate-behaviour"],
|
9693
9718
|
"size": [1],
|
9719
|
+
"theme": [1],
|
9694
9720
|
"value": [1],
|
9695
9721
|
"hideLabel": [4, "hide-label"],
|
9696
9722
|
"initiallyChecked": [32],
|
@@ -9703,13 +9729,14 @@ class Checkbox {
|
|
9703
9729
|
}; }
|
9704
9730
|
}
|
9705
9731
|
|
9706
|
-
const icCheckboxGroupCss = "/*!@html*/html.sc-ic-checkbox-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox-group{margin:0}/*!@main*/main.sc-ic-checkbox-group{display:block}/*!@h1*/h1.sc-ic-checkbox-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox-group,strong.sc-ic-checkbox-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox-group,kbd.sc-ic-checkbox-group,samp.sc-ic-checkbox-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox-group,sup.sc-ic-checkbox-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox-group{top:-0.5em}/*!@img*/img.sc-ic-checkbox-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox-group,input.sc-ic-checkbox-group,optgroup.sc-ic-checkbox-group,select.sc-ic-checkbox-group,textarea.sc-ic-checkbox-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox-group,input.sc-ic-checkbox-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox-group,select.sc-ic-checkbox-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox-group,[type=\"button\"].sc-ic-checkbox-group,[type=\"reset\"].sc-ic-checkbox-group,[type=\"submit\"].sc-ic-checkbox-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-checkbox-group::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox-group::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox-group::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox-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-checkbox-group:-moz-focusring,[type=\"button\"].sc-ic-checkbox-group:-moz-focusring,[type=\"reset\"].sc-ic-checkbox-group:-moz-focusring,[type=\"submit\"].sc-ic-checkbox-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox-group,[type=\"radio\"].sc-ic-checkbox-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox-group{display:block}/*!@summary*/summary.sc-ic-checkbox-group{display:list-item}/*!@template*/template.sc-ic-checkbox-group{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox-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-checkbox-group,body.sc-ic-checkbox-group,div.sc-ic-checkbox-group,span.sc-ic-checkbox-group,applet.sc-ic-checkbox-group,object.sc-ic-checkbox-group,iframe.sc-ic-checkbox-group,h1.sc-ic-checkbox-group,h2.sc-ic-checkbox-group,h3.sc-ic-checkbox-group,h4.sc-ic-checkbox-group,h5.sc-ic-checkbox-group,h6.sc-ic-checkbox-group,p.sc-ic-checkbox-group,blockquote.sc-ic-checkbox-group,pre.sc-ic-checkbox-group,a.sc-ic-checkbox-group,abbr.sc-ic-checkbox-group,acronym.sc-ic-checkbox-group,address.sc-ic-checkbox-group,big.sc-ic-checkbox-group,cite.sc-ic-checkbox-group,code.sc-ic-checkbox-group,del.sc-ic-checkbox-group,dfn.sc-ic-checkbox-group,em.sc-ic-checkbox-group,img.sc-ic-checkbox-group,ins.sc-ic-checkbox-group,kbd.sc-ic-checkbox-group,q.sc-ic-checkbox-group,s.sc-ic-checkbox-group,samp.sc-ic-checkbox-group,small.sc-ic-checkbox-group,strike.sc-ic-checkbox-group,strong.sc-ic-checkbox-group,sub.sc-ic-checkbox-group,sup.sc-ic-checkbox-group,tt.sc-ic-checkbox-group,var.sc-ic-checkbox-group,b.sc-ic-checkbox-group,u.sc-ic-checkbox-group,i.sc-ic-checkbox-group,center.sc-ic-checkbox-group,dl.sc-ic-checkbox-group,dt.sc-ic-checkbox-group,dd.sc-ic-checkbox-group,ol.sc-ic-checkbox-group,ul.sc-ic-checkbox-group,li.sc-ic-checkbox-group,fieldset.sc-ic-checkbox-group,form.sc-ic-checkbox-group,label.sc-ic-checkbox-group,legend.sc-ic-checkbox-group,table.sc-ic-checkbox-group,caption.sc-ic-checkbox-group,tbody.sc-ic-checkbox-group,tfoot.sc-ic-checkbox-group,thead.sc-ic-checkbox-group,tr.sc-ic-checkbox-group,th.sc-ic-checkbox-group,td.sc-ic-checkbox-group,article.sc-ic-checkbox-group,aside.sc-ic-checkbox-group,canvas.sc-ic-checkbox-group,details.sc-ic-checkbox-group,embed.sc-ic-checkbox-group,figure.sc-ic-checkbox-group,figcaption.sc-ic-checkbox-group,footer.sc-ic-checkbox-group,header.sc-ic-checkbox-group,hgroup.sc-ic-checkbox-group,menu.sc-ic-checkbox-group,nav.sc-ic-checkbox-group,output.sc-ic-checkbox-group,ruby.sc-ic-checkbox-group,section.sc-ic-checkbox-group,summary.sc-ic-checkbox-group,time.sc-ic-checkbox-group,mark.sc-ic-checkbox-group,audio.sc-ic-checkbox-group,video.sc-ic-checkbox-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-checkbox-group-h{display:block}/*!@ic-input-label.error*/ic-input-label.error.sc-ic-checkbox-group{color:var(--ic-
|
9732
|
+
const icCheckboxGroupCss = "/*!@html*/html.sc-ic-checkbox-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox-group{margin:0}/*!@main*/main.sc-ic-checkbox-group{display:block}/*!@h1*/h1.sc-ic-checkbox-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox-group,strong.sc-ic-checkbox-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox-group,kbd.sc-ic-checkbox-group,samp.sc-ic-checkbox-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox-group,sup.sc-ic-checkbox-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox-group{top:-0.5em}/*!@img*/img.sc-ic-checkbox-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox-group,input.sc-ic-checkbox-group,optgroup.sc-ic-checkbox-group,select.sc-ic-checkbox-group,textarea.sc-ic-checkbox-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox-group,input.sc-ic-checkbox-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox-group,select.sc-ic-checkbox-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox-group,[type=\"button\"].sc-ic-checkbox-group,[type=\"reset\"].sc-ic-checkbox-group,[type=\"submit\"].sc-ic-checkbox-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-checkbox-group::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox-group::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox-group::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox-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-checkbox-group:-moz-focusring,[type=\"button\"].sc-ic-checkbox-group:-moz-focusring,[type=\"reset\"].sc-ic-checkbox-group:-moz-focusring,[type=\"submit\"].sc-ic-checkbox-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox-group,[type=\"radio\"].sc-ic-checkbox-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox-group{display:block}/*!@summary*/summary.sc-ic-checkbox-group{display:list-item}/*!@template*/template.sc-ic-checkbox-group{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox-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-checkbox-group,body.sc-ic-checkbox-group,div.sc-ic-checkbox-group,span.sc-ic-checkbox-group,applet.sc-ic-checkbox-group,object.sc-ic-checkbox-group,iframe.sc-ic-checkbox-group,h1.sc-ic-checkbox-group,h2.sc-ic-checkbox-group,h3.sc-ic-checkbox-group,h4.sc-ic-checkbox-group,h5.sc-ic-checkbox-group,h6.sc-ic-checkbox-group,p.sc-ic-checkbox-group,blockquote.sc-ic-checkbox-group,pre.sc-ic-checkbox-group,a.sc-ic-checkbox-group,abbr.sc-ic-checkbox-group,acronym.sc-ic-checkbox-group,address.sc-ic-checkbox-group,big.sc-ic-checkbox-group,cite.sc-ic-checkbox-group,code.sc-ic-checkbox-group,del.sc-ic-checkbox-group,dfn.sc-ic-checkbox-group,em.sc-ic-checkbox-group,img.sc-ic-checkbox-group,ins.sc-ic-checkbox-group,kbd.sc-ic-checkbox-group,q.sc-ic-checkbox-group,s.sc-ic-checkbox-group,samp.sc-ic-checkbox-group,small.sc-ic-checkbox-group,strike.sc-ic-checkbox-group,strong.sc-ic-checkbox-group,sub.sc-ic-checkbox-group,sup.sc-ic-checkbox-group,tt.sc-ic-checkbox-group,var.sc-ic-checkbox-group,b.sc-ic-checkbox-group,u.sc-ic-checkbox-group,i.sc-ic-checkbox-group,center.sc-ic-checkbox-group,dl.sc-ic-checkbox-group,dt.sc-ic-checkbox-group,dd.sc-ic-checkbox-group,ol.sc-ic-checkbox-group,ul.sc-ic-checkbox-group,li.sc-ic-checkbox-group,fieldset.sc-ic-checkbox-group,form.sc-ic-checkbox-group,label.sc-ic-checkbox-group,legend.sc-ic-checkbox-group,table.sc-ic-checkbox-group,caption.sc-ic-checkbox-group,tbody.sc-ic-checkbox-group,tfoot.sc-ic-checkbox-group,thead.sc-ic-checkbox-group,tr.sc-ic-checkbox-group,th.sc-ic-checkbox-group,td.sc-ic-checkbox-group,article.sc-ic-checkbox-group,aside.sc-ic-checkbox-group,canvas.sc-ic-checkbox-group,details.sc-ic-checkbox-group,embed.sc-ic-checkbox-group,figure.sc-ic-checkbox-group,figcaption.sc-ic-checkbox-group,footer.sc-ic-checkbox-group,header.sc-ic-checkbox-group,hgroup.sc-ic-checkbox-group,menu.sc-ic-checkbox-group,nav.sc-ic-checkbox-group,output.sc-ic-checkbox-group,ruby.sc-ic-checkbox-group,section.sc-ic-checkbox-group,summary.sc-ic-checkbox-group,time.sc-ic-checkbox-group,mark.sc-ic-checkbox-group,audio.sc-ic-checkbox-group,video.sc-ic-checkbox-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-checkbox-group-h{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}/*!@:host(.ic-checkbox-group-disabled)*/.ic-checkbox-group-disabled.sc-ic-checkbox-group-h{--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n --ic-checkbox-group-subtitle-disabled\n )}/*!@ic-input-label.error*/ic-input-label.error.sc-ic-checkbox-group{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}/*!@ic-input-label ic-typography*/ic-input-label.sc-ic-checkbox-group ic-typography.sc-ic-checkbox-group{margin-bottom:var(--ic-space-sm)}/*!@:host(.ic-checkbox-group-small) ic-input-label ic-typography*/.ic-checkbox-group-small.sc-ic-checkbox-group-h ic-input-label.sc-ic-checkbox-group ic-typography.sc-ic-checkbox-group{margin-bottom:calc(var(--ic-space-sm) / 2)}/*!@ic-input-validation*/ic-input-validation.sc-ic-checkbox-group{margin-top:var(--ic-space-sm)}/*!@:host(.ic-checkbox-group-small) ic-input-validation*/.ic-checkbox-group-small.sc-ic-checkbox-group-h ic-input-validation.sc-ic-checkbox-group{margin-top:calc(var(--ic-space-sm) / 2)}/*!@.checkboxes-container*/.checkboxes-container.sc-ic-checkbox-group{margin-bottom:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-checkbox-group-small) .checkboxes-container*/.ic-checkbox-group-small.sc-ic-checkbox-group-h .checkboxes-container.sc-ic-checkbox-group{margin-bottom:calc(-1 * var(--ic-space-xxxs))}/*!@.screen-reader-only-text*/.screen-reader-only-text.sc-ic-checkbox-group{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}";
|
9707
9733
|
|
9708
9734
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
9709
9735
|
class CheckboxGroup {
|
9710
9736
|
constructor(hostRef) {
|
9711
9737
|
registerInstance(this, hostRef);
|
9712
9738
|
this.icChange = createEvent(this, "icChange", 7);
|
9739
|
+
this.checkboxSelector = "ic-checkbox";
|
9713
9740
|
this.disabled = false;
|
9714
9741
|
this.helperText = "";
|
9715
9742
|
this.hideLabel = false;
|
@@ -9717,11 +9744,12 @@ class CheckboxGroup {
|
|
9717
9744
|
this.name = undefined;
|
9718
9745
|
this.required = false;
|
9719
9746
|
this.size = "medium";
|
9747
|
+
this.theme = "inherit";
|
9720
9748
|
this.validationStatus = "";
|
9721
9749
|
this.validationText = "";
|
9722
9750
|
}
|
9723
9751
|
labelNameHandler(newValue, oldValue, propName) {
|
9724
|
-
Array.from(this.el.querySelectorAll(
|
9752
|
+
Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
|
9725
9753
|
if (propName === "label")
|
9726
9754
|
checkbox.groupLabel = newValue;
|
9727
9755
|
else if (checkbox.name === oldValue) {
|
@@ -9730,6 +9758,11 @@ class CheckboxGroup {
|
|
9730
9758
|
}
|
9731
9759
|
});
|
9732
9760
|
}
|
9761
|
+
watchThemeHandler(newValue) {
|
9762
|
+
Array.from(this.el.querySelectorAll(this.checkboxSelector)).forEach((checkbox) => {
|
9763
|
+
checkbox.theme = newValue;
|
9764
|
+
});
|
9765
|
+
}
|
9733
9766
|
handleChange(ev) {
|
9734
9767
|
//don't pass on the event if it has come from slotted text field
|
9735
9768
|
//otherwise any icChange handler bound to the checkbox group will also run
|
@@ -9739,6 +9772,7 @@ class CheckboxGroup {
|
|
9739
9772
|
}
|
9740
9773
|
componentWillLoad() {
|
9741
9774
|
removeDisabledFalse(this.disabled, this.el);
|
9775
|
+
this.watchThemeHandler(this.theme);
|
9742
9776
|
}
|
9743
9777
|
componentDidLoad() {
|
9744
9778
|
onComponentRequiredPropUndefined([
|
@@ -9761,18 +9795,21 @@ class CheckboxGroup {
|
|
9761
9795
|
});
|
9762
9796
|
}
|
9763
9797
|
render() {
|
9764
|
-
const { disabled, helperText, hideLabel, label, name, required, size, validationStatus, validationText, } = this;
|
9798
|
+
const { disabled, helperText, hideLabel, label, name, required, size, theme, validationStatus, validationText, } = this;
|
9765
9799
|
const describedBy = getInputDescribedByText(name, helperText !== "", validationStatus !== "");
|
9766
9800
|
return (hAsync(Host, { class: {
|
9767
9801
|
[`ic-checkbox-group-${size}`]: true,
|
9802
|
+
[`ic-checkbox-group-disabled`]: disabled,
|
9803
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
9768
9804
|
} }, (validationStatus === "error" || required || hideLabel) && (hAsync("span", { id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, label, " ", validationStatus === "error" ? "invalid data " : null, " ", required ? "required" : null)), hAsync("fieldset", { id: name, "aria-labelledby": `${validationStatus === "error" || required || hideLabel
|
9769
9805
|
? "screenReaderOnlyText"
|
9770
|
-
: ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", null, hAsync("ic-input-label", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled,
|
9806
|
+
: ""} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (hAsync("legend", null, hAsync("ic-input-label", { class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }))), hAsync("div", { class: "checkboxes-container" }, hAsync("slot", null))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { for: name, ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
|
9771
9807
|
}
|
9772
9808
|
get el() { return getElement(this); }
|
9773
9809
|
static get watchers() { return {
|
9774
9810
|
"label": ["labelNameHandler"],
|
9775
|
-
"name": ["labelNameHandler"]
|
9811
|
+
"name": ["labelNameHandler"],
|
9812
|
+
"theme": ["watchThemeHandler"]
|
9776
9813
|
}; }
|
9777
9814
|
static get style() { return icCheckboxGroupCss; }
|
9778
9815
|
static get cmpMeta() { return {
|
@@ -9786,6 +9823,7 @@ class CheckboxGroup {
|
|
9786
9823
|
"name": [1],
|
9787
9824
|
"required": [4],
|
9788
9825
|
"size": [1],
|
9826
|
+
"theme": [1],
|
9789
9827
|
"validationStatus": [1, "validation-status"],
|
9790
9828
|
"validationText": [1, "validation-text"]
|
9791
9829
|
},
|
@@ -9915,7 +9953,7 @@ class Chip {
|
|
9915
9953
|
}; }
|
9916
9954
|
}
|
9917
9955
|
|
9918
|
-
const icClassificationBannerCss = "/*!@html*/html.sc-ic-classification-banner{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-classification-banner{margin:0}/*!@main*/main.sc-ic-classification-banner{display:block}/*!@h1*/h1.sc-ic-classification-banner{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-classification-banner{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-classification-banner{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-classification-banner{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-classification-banner{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-classification-banner,strong.sc-ic-classification-banner{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-classification-banner,kbd.sc-ic-classification-banner,samp.sc-ic-classification-banner{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-classification-banner{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-classification-banner,sup.sc-ic-classification-banner{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-classification-banner{bottom:-0.25em}/*!@sup*/sup.sc-ic-classification-banner{top:-0.5em}/*!@img*/img.sc-ic-classification-banner{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-classification-banner,input.sc-ic-classification-banner,optgroup.sc-ic-classification-banner,select.sc-ic-classification-banner,textarea.sc-ic-classification-banner{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-classification-banner,input.sc-ic-classification-banner{overflow:visible}/*!@button,\nselect*/button.sc-ic-classification-banner,select.sc-ic-classification-banner{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-classification-banner,[type=\"button\"].sc-ic-classification-banner,[type=\"reset\"].sc-ic-classification-banner,[type=\"submit\"].sc-ic-classification-banner{-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-classification-banner::-moz-focus-inner,[type=\"button\"].sc-ic-classification-banner::-moz-focus-inner,[type=\"reset\"].sc-ic-classification-banner::-moz-focus-inner,[type=\"submit\"].sc-ic-classification-banner::-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-classification-banner:-moz-focusring,[type=\"button\"].sc-ic-classification-banner:-moz-focusring,[type=\"reset\"].sc-ic-classification-banner:-moz-focusring,[type=\"submit\"].sc-ic-classification-banner:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-classification-banner{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-classification-banner{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-classification-banner{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-classification-banner{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-classification-banner,[type=\"radio\"].sc-ic-classification-banner{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-classification-banner::-webkit-inner-spin-button,[type=\"number\"].sc-ic-classification-banner::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-classification-banner{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-classification-banner::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-classification-banner::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-classification-banner{display:block}/*!@summary*/summary.sc-ic-classification-banner{display:list-item}/*!@template*/template.sc-ic-classification-banner{display:none}/*!@[hidden]*/[hidden].sc-ic-classification-banner{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-classification-banner,body.sc-ic-classification-banner,div.sc-ic-classification-banner,span.sc-ic-classification-banner,applet.sc-ic-classification-banner,object.sc-ic-classification-banner,iframe.sc-ic-classification-banner,h1.sc-ic-classification-banner,h2.sc-ic-classification-banner,h3.sc-ic-classification-banner,h4.sc-ic-classification-banner,h5.sc-ic-classification-banner,h6.sc-ic-classification-banner,p.sc-ic-classification-banner,blockquote.sc-ic-classification-banner,pre.sc-ic-classification-banner,a.sc-ic-classification-banner,abbr.sc-ic-classification-banner,acronym.sc-ic-classification-banner,address.sc-ic-classification-banner,big.sc-ic-classification-banner,cite.sc-ic-classification-banner,code.sc-ic-classification-banner,del.sc-ic-classification-banner,dfn.sc-ic-classification-banner,em.sc-ic-classification-banner,img.sc-ic-classification-banner,ins.sc-ic-classification-banner,kbd.sc-ic-classification-banner,q.sc-ic-classification-banner,s.sc-ic-classification-banner,samp.sc-ic-classification-banner,small.sc-ic-classification-banner,strike.sc-ic-classification-banner,strong.sc-ic-classification-banner,sub.sc-ic-classification-banner,sup.sc-ic-classification-banner,tt.sc-ic-classification-banner,var.sc-ic-classification-banner,b.sc-ic-classification-banner,u.sc-ic-classification-banner,i.sc-ic-classification-banner,center.sc-ic-classification-banner,dl.sc-ic-classification-banner,dt.sc-ic-classification-banner,dd.sc-ic-classification-banner,ol.sc-ic-classification-banner,ul.sc-ic-classification-banner,li.sc-ic-classification-banner,fieldset.sc-ic-classification-banner,form.sc-ic-classification-banner,label.sc-ic-classification-banner,legend.sc-ic-classification-banner,table.sc-ic-classification-banner,caption.sc-ic-classification-banner,tbody.sc-ic-classification-banner,tfoot.sc-ic-classification-banner,thead.sc-ic-classification-banner,tr.sc-ic-classification-banner,th.sc-ic-classification-banner,td.sc-ic-classification-banner,article.sc-ic-classification-banner,aside.sc-ic-classification-banner,canvas.sc-ic-classification-banner,details.sc-ic-classification-banner,embed.sc-ic-classification-banner,figure.sc-ic-classification-banner,figcaption.sc-ic-classification-banner,footer.sc-ic-classification-banner,header.sc-ic-classification-banner,hgroup.sc-ic-classification-banner,menu.sc-ic-classification-banner,nav.sc-ic-classification-banner,output.sc-ic-classification-banner,ruby.sc-ic-classification-banner,section.sc-ic-classification-banner,summary.sc-ic-classification-banner,time.sc-ic-classification-banner,mark.sc-ic-classification-banner,audio.sc-ic-classification-banner,video.sc-ic-classification-banner{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-classification-banner-h{position:fixed;left:0;bottom:0;width:100%;height:var(--ic-space-lg);z-index:var(--ic-z-index-classification-banner);--ic-typography-color:currentcolor
|
9956
|
+
const icClassificationBannerCss = "/*!@html*/html.sc-ic-classification-banner{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-classification-banner{margin:0}/*!@main*/main.sc-ic-classification-banner{display:block}/*!@h1*/h1.sc-ic-classification-banner{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-classification-banner{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-classification-banner{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-classification-banner{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-classification-banner{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-classification-banner,strong.sc-ic-classification-banner{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-classification-banner,kbd.sc-ic-classification-banner,samp.sc-ic-classification-banner{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-classification-banner{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-classification-banner,sup.sc-ic-classification-banner{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-classification-banner{bottom:-0.25em}/*!@sup*/sup.sc-ic-classification-banner{top:-0.5em}/*!@img*/img.sc-ic-classification-banner{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-classification-banner,input.sc-ic-classification-banner,optgroup.sc-ic-classification-banner,select.sc-ic-classification-banner,textarea.sc-ic-classification-banner{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-classification-banner,input.sc-ic-classification-banner{overflow:visible}/*!@button,\nselect*/button.sc-ic-classification-banner,select.sc-ic-classification-banner{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-classification-banner,[type=\"button\"].sc-ic-classification-banner,[type=\"reset\"].sc-ic-classification-banner,[type=\"submit\"].sc-ic-classification-banner{-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-classification-banner::-moz-focus-inner,[type=\"button\"].sc-ic-classification-banner::-moz-focus-inner,[type=\"reset\"].sc-ic-classification-banner::-moz-focus-inner,[type=\"submit\"].sc-ic-classification-banner::-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-classification-banner:-moz-focusring,[type=\"button\"].sc-ic-classification-banner:-moz-focusring,[type=\"reset\"].sc-ic-classification-banner:-moz-focusring,[type=\"submit\"].sc-ic-classification-banner:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-classification-banner{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-classification-banner{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-classification-banner{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-classification-banner{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-classification-banner,[type=\"radio\"].sc-ic-classification-banner{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-classification-banner::-webkit-inner-spin-button,[type=\"number\"].sc-ic-classification-banner::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-classification-banner{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-classification-banner::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-classification-banner::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-classification-banner{display:block}/*!@summary*/summary.sc-ic-classification-banner{display:list-item}/*!@template*/template.sc-ic-classification-banner{display:none}/*!@[hidden]*/[hidden].sc-ic-classification-banner{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-classification-banner,body.sc-ic-classification-banner,div.sc-ic-classification-banner,span.sc-ic-classification-banner,applet.sc-ic-classification-banner,object.sc-ic-classification-banner,iframe.sc-ic-classification-banner,h1.sc-ic-classification-banner,h2.sc-ic-classification-banner,h3.sc-ic-classification-banner,h4.sc-ic-classification-banner,h5.sc-ic-classification-banner,h6.sc-ic-classification-banner,p.sc-ic-classification-banner,blockquote.sc-ic-classification-banner,pre.sc-ic-classification-banner,a.sc-ic-classification-banner,abbr.sc-ic-classification-banner,acronym.sc-ic-classification-banner,address.sc-ic-classification-banner,big.sc-ic-classification-banner,cite.sc-ic-classification-banner,code.sc-ic-classification-banner,del.sc-ic-classification-banner,dfn.sc-ic-classification-banner,em.sc-ic-classification-banner,img.sc-ic-classification-banner,ins.sc-ic-classification-banner,kbd.sc-ic-classification-banner,q.sc-ic-classification-banner,s.sc-ic-classification-banner,samp.sc-ic-classification-banner,small.sc-ic-classification-banner,strike.sc-ic-classification-banner,strong.sc-ic-classification-banner,sub.sc-ic-classification-banner,sup.sc-ic-classification-banner,tt.sc-ic-classification-banner,var.sc-ic-classification-banner,b.sc-ic-classification-banner,u.sc-ic-classification-banner,i.sc-ic-classification-banner,center.sc-ic-classification-banner,dl.sc-ic-classification-banner,dt.sc-ic-classification-banner,dd.sc-ic-classification-banner,ol.sc-ic-classification-banner,ul.sc-ic-classification-banner,li.sc-ic-classification-banner,fieldset.sc-ic-classification-banner,form.sc-ic-classification-banner,label.sc-ic-classification-banner,legend.sc-ic-classification-banner,table.sc-ic-classification-banner,caption.sc-ic-classification-banner,tbody.sc-ic-classification-banner,tfoot.sc-ic-classification-banner,thead.sc-ic-classification-banner,tr.sc-ic-classification-banner,th.sc-ic-classification-banner,td.sc-ic-classification-banner,article.sc-ic-classification-banner,aside.sc-ic-classification-banner,canvas.sc-ic-classification-banner,details.sc-ic-classification-banner,embed.sc-ic-classification-banner,figure.sc-ic-classification-banner,figcaption.sc-ic-classification-banner,footer.sc-ic-classification-banner,header.sc-ic-classification-banner,hgroup.sc-ic-classification-banner,menu.sc-ic-classification-banner,nav.sc-ic-classification-banner,output.sc-ic-classification-banner,ruby.sc-ic-classification-banner,section.sc-ic-classification-banner,summary.sc-ic-classification-banner,time.sc-ic-classification-banner,mark.sc-ic-classification-banner,audio.sc-ic-classification-banner,video.sc-ic-classification-banner{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-classification-banner-h{position:fixed;left:0;bottom:0;width:100%;height:var(--ic-space-lg);z-index:var(--ic-z-index-classification-banner);--ic-typography-color:currentcolor}/*!@:host(.ic-classification-banner-inline)*/.ic-classification-banner-inline.sc-ic-classification-banner-h{position:static;left:auto;bottom:auto}/*!@.classification-banner*/.classification-banner.sc-ic-classification-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--ic-space-xxxs) var(--ic-space-md)}/*!@.default*/.default.sc-ic-classification-banner{background-color:var(--ic-classification-banner-not-set);color:var(--ic-classification-banner-text-inverted)}/*!@.official*/.official.sc-ic-classification-banner{background-color:var(--ic-classification-banner-official);color:var(--ic-classification-banner-text-inverted)}/*!@.official-sensitive*/.official-sensitive.sc-ic-classification-banner{background-color:var(--ic-classification-banner-official-sensitive);color:var(--ic-classification-banner-text-inverted)}/*!@.secret*/.secret.sc-ic-classification-banner{background-color:var(--ic-classification-banner-secret);color:var(--ic-classification-banner-text)}/*!@.top-secret*/.top-secret.sc-ic-classification-banner{background-color:var(--ic-classification-banner-top-secret);color:var(--ic-classification-banner-text-inverted)}/*!@.offscreen*/.offscreen.sc-ic-classification-banner{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}@media (forced-colors: active){/*!@.classification-banner*/.classification-banner.sc-ic-classification-banner{border:var(--ic-border-hc)}}";
|
9919
9957
|
|
9920
9958
|
const classificationText = {
|
9921
9959
|
default: "protective marking not set",
|
@@ -10097,7 +10135,7 @@ class DataRow {
|
|
10097
10135
|
}; }
|
10098
10136
|
}
|
10099
10137
|
|
10100
|
-
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-
|
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-icon)}/*!@.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}}";
|
10101
10139
|
|
10102
10140
|
/**
|
10103
10141
|
* @slot dialog-controls - Content will be place at the bottom of the dialog.
|
@@ -10282,6 +10320,7 @@ class Dialog {
|
|
10282
10320
|
this.label = undefined;
|
10283
10321
|
this.open = undefined;
|
10284
10322
|
this.size = "small";
|
10323
|
+
this.theme = "inherit";
|
10285
10324
|
}
|
10286
10325
|
watchOpenHandler() {
|
10287
10326
|
if (this.open) {
|
@@ -10386,6 +10425,7 @@ class Dialog {
|
|
10386
10425
|
["ic-dialog-hidden"]: !this.dialogRendered,
|
10387
10426
|
["ic-dialog-fade-in"]: this.fadeIn,
|
10388
10427
|
["disable-height-constraint"]: this.disableHeightConstraint,
|
10428
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
10389
10429
|
} }, this.disableHeightConstraint ? (hAsync("div", { class: "backdrop", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));
|
10390
10430
|
}
|
10391
10431
|
get el() { return getElement(this); }
|
@@ -10408,6 +10448,7 @@ class Dialog {
|
|
10408
10448
|
"label": [1],
|
10409
10449
|
"open": [1540],
|
10410
10450
|
"size": [1],
|
10451
|
+
"theme": [1],
|
10411
10452
|
"dialogRendered": [32],
|
10412
10453
|
"fadeIn": [32],
|
10413
10454
|
"cancelDialog": [64],
|
@@ -10419,27 +10460,98 @@ class Dialog {
|
|
10419
10460
|
}; }
|
10420
10461
|
}
|
10421
10462
|
|
10422
|
-
const icDividerCss = "hr.sc-ic-divider{padding:0;margin:0;border:none;height:var(--ic-space-1px);background-color:var(--ic-color-keyline-darken)}hr.light.sc-ic-divider{background-color:var(--ic-color-keyline-lighten)}";
|
10463
|
+
const icDividerCss = ".ic-divider-horizontal.sc-ic-divider-h{display:flex;width:var(--ic-divider-horizontal-width, 100%);align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs)}hr.sc-ic-divider{padding:0;margin:0;border:none;border-bottom:solid var(--ic-space-1px) var(--ic-divider-background);width:inherit}.ic-divider-horizontal.sc-ic-divider-h::before,.ic-divider-horizontal.sc-ic-divider-h::after{border-left:none !important}.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";border:none;width:100%}.ic-divider-vertical.sc-ic-divider-h{display:flex;flex-direction:column;height:var(--ic-divider-vertical-height, inherit);width:-moz-max-content;width:max-content;align-items:center;-moz-column-gap:var(--ic-space-xxs);column-gap:var(--ic-space-xxs);border:none}.ic-divider-vertical.sc-ic-divider-h div.vertical-divider.sc-ic-divider{display:flex;height:inherit}.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{content:\"\";height:100%}hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-divider-background-monochrome)}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left:solid var(--ic-space-1px) var(--ic-divider-background)}.ic-divider-monochrome.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-lighten-20)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h{--ic-side-navigation-keyline:var(--ic-state-layer-darken-20)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-dark.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h hr.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:var(--ic-side-navigation-keyline)}.ic-side-navigation-keyline.ic-theme-light.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:var(--ic-divider-background-monochrome)}.ic-divider-very-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-very-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xs)}.ic-divider-very-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-very-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-very-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-very-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xs)}.ic-divider-thick.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thick[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxs)}.ic-divider-thick.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thick[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thick[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thick[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxs)}.ic-divider-medium.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-medium[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-xxxs)}.ic-divider-medium.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-medium[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-medium[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-medium[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-xxxs)}.ic-divider-thin.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-thin[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-thin[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-width:var(--ic-space-1px)}.ic-divider-thin.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-thin[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-thin[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-width:var(--ic-space-1px)}.ic-divider-dashed.sc-ic-divider-h hr.sc-ic-divider,.ic-divider-dashed[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-style:dashed}.ic-divider-dashed.sc-ic-divider-h .vertical-divider.sc-ic-divider,.ic-divider-dashed[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-dashed[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-dashed[label-placement=\"center\"].sc-ic-divider-h::after{border-left-style:dashed}.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-wrap:wrap;text-align:left;width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{text-align:center}.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:var(--ic-divider-label-width, max(20rem, 60%))}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.ic-divider-vertical.sc-ic-divider-h .ic-divider-label-container.sc-ic-divider{max-width:var(--ic-divider-label-width, 20rem)}.sc-ic-divider-h .ic-divider-label.sc-ic-divider p.sc-ic-divider{width:-moz-max-content;width:max-content;max-width:100%}.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.sc-ic-divider-s>*,.sc-ic-divider-h .sc-ic-divider-s>*{color:var(--ic-divider-label)}.ic-divider-monochrome.sc-ic-divider-h .ic-divider-label.sc-ic-divider,.sc-ic-divider-h.ic-divider-monochrome.sc-ic-divider-s>*,.sc-ic-divider-h.ic-divider-monochrome .sc-ic-divider-s>*{color:var(--ic-divider-label-monochrome)}@media (forced-colors: active){hr.sc-ic-divider,.ic-divider-horizontal[label-placement=\"right\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-horizontal[label-placement=\"left\"].sc-ic-divider-h::after,.ic-divider-horizontal[label-placement=\"center\"].sc-ic-divider-h::after{border-bottom-color:transparent}.sc-ic-divider-h div.vertical-divider.sc-ic-divider,.ic-divider-vertical[label-placement=\"bottom\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::before,.ic-divider-vertical[label-placement=\"top\"].sc-ic-divider-h::after,.ic-divider-vertical[label-placement=\"center\"].sc-ic-divider-h::after{border-left-color:transparent}}";
|
10423
10464
|
|
10424
10465
|
class Divider {
|
10425
10466
|
constructor(hostRef) {
|
10426
10467
|
registerInstance(this, hostRef);
|
10427
10468
|
this.foregroundColor = getThemeForegroundColor();
|
10469
|
+
this.borderStyle = "solid";
|
10470
|
+
this.label = undefined;
|
10471
|
+
this.labelPlacement = "center";
|
10472
|
+
this.monochrome = false;
|
10473
|
+
this.orientation = "horizontal";
|
10474
|
+
this.theme = "inherit";
|
10475
|
+
this.weight = "thin";
|
10428
10476
|
}
|
10429
10477
|
themeChangeHandler(ev) {
|
10430
|
-
|
10431
|
-
|
10478
|
+
this.foregroundColor = ev.detail.mode;
|
10479
|
+
}
|
10480
|
+
updateMonochromeState() {
|
10481
|
+
const isBottomSideNav = this.el.parentElement.classList.contains("bottom-side-nav");
|
10482
|
+
const isBottomWrapper = this.el.parentElement.parentElement.classList.contains("bottom-wrapper");
|
10483
|
+
if (this.el.parentElement.tagName === "IC-SIDE-NAVIGATION" ||
|
10484
|
+
(isBottomSideNav && isBottomWrapper)) {
|
10485
|
+
this.el.classList.add("ic-side-navigation-keyline");
|
10486
|
+
if (this.foregroundColor === "light") {
|
10487
|
+
this.theme = "dark";
|
10488
|
+
}
|
10489
|
+
else {
|
10490
|
+
this.theme = "light";
|
10491
|
+
}
|
10492
|
+
}
|
10493
|
+
}
|
10494
|
+
componentWillRender() {
|
10495
|
+
this.updateMonochromeState();
|
10432
10496
|
}
|
10433
10497
|
render() {
|
10434
|
-
|
10435
|
-
|
10436
|
-
|
10498
|
+
const { borderStyle, label, labelPlacement, monochrome, orientation, weight, } = this;
|
10499
|
+
const { theme } = this;
|
10500
|
+
const invalidPropCombination = (placement) => {
|
10501
|
+
console.error(`${placement.charAt(0).toUpperCase() + placement.slice(1)} label placement is not applicable for a ${orientation} ic-divider (web-components) / IcDivider (react)`);
|
10502
|
+
};
|
10503
|
+
if (((labelPlacement === "left" || labelPlacement === "right") &&
|
10504
|
+
orientation === "vertical") ||
|
10505
|
+
((labelPlacement === "top" || labelPlacement === "bottom") &&
|
10506
|
+
orientation === "horizontal")) {
|
10507
|
+
invalidPropCombination(labelPlacement);
|
10508
|
+
}
|
10509
|
+
const getTypographyVariant = (weight) => {
|
10510
|
+
switch (weight) {
|
10511
|
+
case "very-thick":
|
10512
|
+
return "h4";
|
10513
|
+
case "thick":
|
10514
|
+
return "subtitle-large";
|
10515
|
+
default:
|
10516
|
+
return "label";
|
10517
|
+
}
|
10518
|
+
};
|
10519
|
+
const renderLabel = () => {
|
10520
|
+
if (slotHasContent(this.el, "label")) {
|
10521
|
+
return (hAsync("div", { class: "ic-divider-label-container" }, hAsync("slot", { name: "label" })));
|
10522
|
+
}
|
10523
|
+
else if (isPropDefined(label)) {
|
10524
|
+
return (hAsync("ic-typography", { class: "ic-divider-label", variant: getTypographyVariant(weight) }, hAsync("p", null, label)));
|
10525
|
+
}
|
10526
|
+
return null;
|
10527
|
+
};
|
10528
|
+
return (hAsync(Host, Object.assign({ class: {
|
10529
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
10530
|
+
[`ic-divider-monochrome`]: monochrome,
|
10531
|
+
[`ic-divider-${orientation}`]: true,
|
10532
|
+
[`ic-divider-${weight}`]: true,
|
10533
|
+
[`ic-divider-${borderStyle}`]: true,
|
10534
|
+
} }, ((orientation === "vertical" ||
|
10535
|
+
(!!renderLabel() && !!isPropDefined(labelPlacement))) && {
|
10536
|
+
"aria-orientation": orientation,
|
10537
|
+
role: "separator",
|
10538
|
+
})), orientation === "horizontal" &&
|
10539
|
+
(!renderLabel() || !isPropDefined(labelPlacement)) && hAsync("hr", null), !!isPropDefined(labelPlacement) && !!renderLabel() && renderLabel(), orientation === "vertical" &&
|
10540
|
+
(!renderLabel() || !isPropDefined(labelPlacement)) && (hAsync("div", { class: "vertical-divider" }))));
|
10437
10541
|
}
|
10542
|
+
get el() { return getElement(this); }
|
10438
10543
|
static get style() { return icDividerCss; }
|
10439
10544
|
static get cmpMeta() { return {
|
10440
|
-
"$flags$":
|
10545
|
+
"$flags$": 6,
|
10441
10546
|
"$tagName$": "ic-divider",
|
10442
10547
|
"$members$": {
|
10548
|
+
"borderStyle": [1, "border-style"],
|
10549
|
+
"label": [1],
|
10550
|
+
"labelPlacement": [1, "label-placement"],
|
10551
|
+
"monochrome": [4],
|
10552
|
+
"orientation": [1],
|
10553
|
+
"theme": [1025],
|
10554
|
+
"weight": [1],
|
10443
10555
|
"foregroundColor": [32]
|
10444
10556
|
},
|
10445
10557
|
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
@@ -10514,7 +10626,7 @@ class EmptyState {
|
|
10514
10626
|
}; }
|
10515
10627
|
}
|
10516
10628
|
|
10517
|
-
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-
|
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-theme-secondary-light);--ic-footer-bottom-background:var(--ic-theme-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)}}";
|
10518
10630
|
|
10519
10631
|
/**
|
10520
10632
|
* @slot description - Content will be rendered at the top of the footer.
|
@@ -10619,7 +10731,7 @@ class Footer {
|
|
10619
10731
|
}; }
|
10620
10732
|
}
|
10621
10733
|
|
10622
|
-
const icFooterLinkCss = "/*!@html*/html.sc-ic-footer-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link{margin:0}/*!@main*/main.sc-ic-footer-link{display:block}/*!@h1*/h1.sc-ic-footer-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link,strong.sc-ic-footer-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link,kbd.sc-ic-footer-link,samp.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link,sup.sc-ic-footer-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link{top:-0.5em}/*!@img*/img.sc-ic-footer-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link,input.sc-ic-footer-link,optgroup.sc-ic-footer-link,select.sc-ic-footer-link,textarea.sc-ic-footer-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link,input.sc-ic-footer-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link,select.sc-ic-footer-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link,[type=\"button\"].sc-ic-footer-link,[type=\"reset\"].sc-ic-footer-link,[type=\"submit\"].sc-ic-footer-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-footer-link::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-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-footer-link:-moz-focusring,[type=\"button\"].sc-ic-footer-link:-moz-focusring,[type=\"reset\"].sc-ic-footer-link:-moz-focusring,[type=\"submit\"].sc-ic-footer-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link,[type=\"radio\"].sc-ic-footer-link{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::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link{display:block}/*!@summary*/summary.sc-ic-footer-link{display:list-item}/*!@template*/template.sc-ic-footer-link{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-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-footer-link,body.sc-ic-footer-link,div.sc-ic-footer-link,span.sc-ic-footer-link,applet.sc-ic-footer-link,object.sc-ic-footer-link,iframe.sc-ic-footer-link,h1.sc-ic-footer-link,h2.sc-ic-footer-link,h3.sc-ic-footer-link,h4.sc-ic-footer-link,h5.sc-ic-footer-link,h6.sc-ic-footer-link,p.sc-ic-footer-link,blockquote.sc-ic-footer-link,pre.sc-ic-footer-link,a.sc-ic-footer-link,abbr.sc-ic-footer-link,acronym.sc-ic-footer-link,address.sc-ic-footer-link,big.sc-ic-footer-link,cite.sc-ic-footer-link,code.sc-ic-footer-link,del.sc-ic-footer-link,dfn.sc-ic-footer-link,em.sc-ic-footer-link,img.sc-ic-footer-link,ins.sc-ic-footer-link,kbd.sc-ic-footer-link,q.sc-ic-footer-link,s.sc-ic-footer-link,samp.sc-ic-footer-link,small.sc-ic-footer-link,strike.sc-ic-footer-link,strong.sc-ic-footer-link,sub.sc-ic-footer-link,sup.sc-ic-footer-link,tt.sc-ic-footer-link,var.sc-ic-footer-link,b.sc-ic-footer-link,u.sc-ic-footer-link,i.sc-ic-footer-link,center.sc-ic-footer-link,dl.sc-ic-footer-link,dt.sc-ic-footer-link,dd.sc-ic-footer-link,ol.sc-ic-footer-link,ul.sc-ic-footer-link,li.sc-ic-footer-link,fieldset.sc-ic-footer-link,form.sc-ic-footer-link,label.sc-ic-footer-link,legend.sc-ic-footer-link,table.sc-ic-footer-link,caption.sc-ic-footer-link,tbody.sc-ic-footer-link,tfoot.sc-ic-footer-link,thead.sc-ic-footer-link,tr.sc-ic-footer-link,th.sc-ic-footer-link,td.sc-ic-footer-link,article.sc-ic-footer-link,aside.sc-ic-footer-link,canvas.sc-ic-footer-link,details.sc-ic-footer-link,embed.sc-ic-footer-link,figure.sc-ic-footer-link,figcaption.sc-ic-footer-link,footer.sc-ic-footer-link,header.sc-ic-footer-link,hgroup.sc-ic-footer-link,menu.sc-ic-footer-link,nav.sc-ic-footer-link,output.sc-ic-footer-link,ruby.sc-ic-footer-link,section.sc-ic-footer-link,summary.sc-ic-footer-link,time.sc-ic-footer-link,mark.sc-ic-footer-link,audio.sc-ic-footer-link,video.sc-ic-footer-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-ungrouped-sparse)*/.footer-link-ungrouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:2.5rem;--footer-link-margin-bottom:0}/*!@:host(.footer-link-ungrouped-small)*/.footer-link-ungrouped-small.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-sparse)*/.footer-link-grouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-small)*/.footer-link-grouped-small.sc-ic-footer-link-h{--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link)*/.footer-link.sc-ic-footer-link-h{margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}/*!@.ic-link-open-in-new-icon*/.ic-link-open-in-new-icon.sc-ic-footer-link{vertical-align:middle;margin-left:var(--ic-space-xxs)}/*!@.ic-link > .ic-link-open-in-new-icon*/.ic-link.sc-ic-footer-link>.ic-link-open-in-new-icon.sc-ic-footer-link{fill:var(--ic-color-hyperlink-default)}/*!@.ic-link-open-in-new-icon > svg*/.ic-link-open-in-new-icon.sc-ic-footer-link>svg.sc-ic-footer-link{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}/*!@.ic-link:visited > .ic-link-open-in-new-icon*/.ic-link.sc-ic-footer-link:visited>.ic-link-open-in-new-icon.sc-ic-footer-link{fill:var(--ic-color-hyperlink-visited)}/*!@.ic-link.light:visited > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-footer-link:visited>.ic-link-open-in-new-icon.sc-ic-footer-link{fill:var(--ic-color-hyperlink-contrast-visited)}/*!@:host(.breadcrumb-link) .ic-link*/.breadcrumb-link.sc-ic-footer-link-h .ic-link.sc-ic-footer-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .ic-link ::slotted(.back-icon)*/.sc-ic-footer-link-h.breadcrumb-link .ic-link .sc-ic-footer-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-footer-link-h a.sc-ic-footer-link,.sc-ic-footer-link-h.breadcrumb-link.current-page.sc-ic-footer-link-s>a,.sc-ic-footer-link-h.breadcrumb-link.current-page .sc-ic-footer-link-s>a{font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}/*!@:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-footer-link-h .ic-link.sc-ic-footer-link,.sc-ic-footer-link-h.breadcrumb-link.current-page.sc-ic-footer-link-s>a,.sc-ic-footer-link-h.breadcrumb-link.current-page.sc-ic-footer-link-s>a:focus,.sc-ic-footer-link-h.breadcrumb-link.current-page .sc-ic-footer-link-s>a:focus{outline:var(--ic-hc-focus-outline);text-decoration:none}/*!@:host(.breadcrumb-link.current-page) .ic-link:visited*/.breadcrumb-link.current-page.sc-ic-footer-link-h .ic-link.sc-ic-footer-link:visited{color:var(--ic-color-text-primary)}/*!@:host(.footer-link-light) ::part(link),\n:host(.footer-link-dark) ::part(link)*/.footer-link-light.sc-ic-footer-link-h .sc-ic-footer-link::part(link),.footer-link-dark.sc-ic-footer-link-h .sc-ic-footer-link::part(link){color:var(--ic-theme-text)}/*!@:host(.footer-link-light) ::slotted(svg),\n:host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:var(--ic-theme-text)}@media (forced-colors: active){/*!@:host(.footer-link-light) ::slotted(svg),\n :host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:currentcolor}}";
|
10734
|
+
const icFooterLinkCss = "/*!@html*/html.sc-ic-footer-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link{margin:0}/*!@main*/main.sc-ic-footer-link{display:block}/*!@h1*/h1.sc-ic-footer-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link,strong.sc-ic-footer-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link,kbd.sc-ic-footer-link,samp.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link,sup.sc-ic-footer-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link{top:-0.5em}/*!@img*/img.sc-ic-footer-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link,input.sc-ic-footer-link,optgroup.sc-ic-footer-link,select.sc-ic-footer-link,textarea.sc-ic-footer-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link,input.sc-ic-footer-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link,select.sc-ic-footer-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link,[type=\"button\"].sc-ic-footer-link,[type=\"reset\"].sc-ic-footer-link,[type=\"submit\"].sc-ic-footer-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-footer-link::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-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-footer-link:-moz-focusring,[type=\"button\"].sc-ic-footer-link:-moz-focusring,[type=\"reset\"].sc-ic-footer-link:-moz-focusring,[type=\"submit\"].sc-ic-footer-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link,[type=\"radio\"].sc-ic-footer-link{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::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link{display:block}/*!@summary*/summary.sc-ic-footer-link{display:list-item}/*!@template*/template.sc-ic-footer-link{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-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-footer-link,body.sc-ic-footer-link,div.sc-ic-footer-link,span.sc-ic-footer-link,applet.sc-ic-footer-link,object.sc-ic-footer-link,iframe.sc-ic-footer-link,h1.sc-ic-footer-link,h2.sc-ic-footer-link,h3.sc-ic-footer-link,h4.sc-ic-footer-link,h5.sc-ic-footer-link,h6.sc-ic-footer-link,p.sc-ic-footer-link,blockquote.sc-ic-footer-link,pre.sc-ic-footer-link,a.sc-ic-footer-link,abbr.sc-ic-footer-link,acronym.sc-ic-footer-link,address.sc-ic-footer-link,big.sc-ic-footer-link,cite.sc-ic-footer-link,code.sc-ic-footer-link,del.sc-ic-footer-link,dfn.sc-ic-footer-link,em.sc-ic-footer-link,img.sc-ic-footer-link,ins.sc-ic-footer-link,kbd.sc-ic-footer-link,q.sc-ic-footer-link,s.sc-ic-footer-link,samp.sc-ic-footer-link,small.sc-ic-footer-link,strike.sc-ic-footer-link,strong.sc-ic-footer-link,sub.sc-ic-footer-link,sup.sc-ic-footer-link,tt.sc-ic-footer-link,var.sc-ic-footer-link,b.sc-ic-footer-link,u.sc-ic-footer-link,i.sc-ic-footer-link,center.sc-ic-footer-link,dl.sc-ic-footer-link,dt.sc-ic-footer-link,dd.sc-ic-footer-link,ol.sc-ic-footer-link,ul.sc-ic-footer-link,li.sc-ic-footer-link,fieldset.sc-ic-footer-link,form.sc-ic-footer-link,label.sc-ic-footer-link,legend.sc-ic-footer-link,table.sc-ic-footer-link,caption.sc-ic-footer-link,tbody.sc-ic-footer-link,tfoot.sc-ic-footer-link,thead.sc-ic-footer-link,tr.sc-ic-footer-link,th.sc-ic-footer-link,td.sc-ic-footer-link,article.sc-ic-footer-link,aside.sc-ic-footer-link,canvas.sc-ic-footer-link,details.sc-ic-footer-link,embed.sc-ic-footer-link,figure.sc-ic-footer-link,figcaption.sc-ic-footer-link,footer.sc-ic-footer-link,header.sc-ic-footer-link,hgroup.sc-ic-footer-link,menu.sc-ic-footer-link,nav.sc-ic-footer-link,output.sc-ic-footer-link,ruby.sc-ic-footer-link,section.sc-ic-footer-link,summary.sc-ic-footer-link,time.sc-ic-footer-link,mark.sc-ic-footer-link,audio.sc-ic-footer-link,video.sc-ic-footer-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-ungrouped-sparse)*/.footer-link-ungrouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:2.5rem;--footer-link-margin-bottom:0}/*!@:host(.footer-link-ungrouped-small)*/.footer-link-ungrouped-small.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-sparse)*/.footer-link-grouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-small)*/.footer-link-grouped-small.sc-ic-footer-link-h{--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link)*/.footer-link.sc-ic-footer-link-h{margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}/*!@.ic-link-open-in-new-icon*/.ic-link-open-in-new-icon.sc-ic-footer-link{vertical-align:middle;margin-left:var(--ic-space-xxs)}/*!@.ic-link > .ic-link-open-in-new-icon*/.ic-link.sc-ic-footer-link>.ic-link-open-in-new-icon.sc-ic-footer-link{fill:var(--ic-color-hyperlink-default)}/*!@.ic-link-open-in-new-icon > svg*/.ic-link-open-in-new-icon.sc-ic-footer-link>svg.sc-ic-footer-link{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}/*!@.ic-link:visited > .ic-link-open-in-new-icon*/.ic-link.sc-ic-footer-link:visited>.ic-link-open-in-new-icon.sc-ic-footer-link{fill:var(--ic-color-hyperlink-visited)}/*!@.ic-link.light:visited > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-footer-link:visited>.ic-link-open-in-new-icon.sc-ic-footer-link{fill:var(--ic-color-hyperlink-contrast-visited)}/*!@:host(.breadcrumb-link) .ic-link*/.breadcrumb-link.sc-ic-footer-link-h .ic-link.sc-ic-footer-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .ic-link ::slotted(.back-icon)*/.sc-ic-footer-link-h.breadcrumb-link .ic-link .sc-ic-footer-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-footer-link-h a.sc-ic-footer-link,.sc-ic-footer-link-h.breadcrumb-link.current-page.sc-ic-footer-link-s>a,.sc-ic-footer-link-h.breadcrumb-link.current-page .sc-ic-footer-link-s>a{font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}/*!@:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-footer-link-h .ic-link.sc-ic-footer-link,.sc-ic-footer-link-h.breadcrumb-link.current-page.sc-ic-footer-link-s>a,.sc-ic-footer-link-h.breadcrumb-link.current-page.sc-ic-footer-link-s>a:focus,.sc-ic-footer-link-h.breadcrumb-link.current-page .sc-ic-footer-link-s>a:focus{outline:var(--ic-hc-focus-outline);text-decoration:none}/*!@:host(.breadcrumb-link.current-page) .ic-link:visited*/.breadcrumb-link.current-page.sc-ic-footer-link-h .ic-link.sc-ic-footer-link:visited{color:var(--ic-color-text-primary)}/*!@:host(.footer-link-light) ::part(link),\n:host(.footer-link-dark) ::part(link)*/.footer-link-light.sc-ic-footer-link-h .sc-ic-footer-link::part(link),.footer-link-dark.sc-ic-footer-link-h .sc-ic-footer-link::part(link){color:var(--ic-footer-link)}/*!@:host(.footer-link-light) ::slotted(svg),\n:host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:var(--ic-footer-icon)}@media (forced-colors: active){/*!@:host(.footer-link-light) ::slotted(svg),\n :host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:currentcolor}}";
|
10623
10735
|
|
10624
10736
|
class FooterLink {
|
10625
10737
|
constructor(hostRef) {
|
@@ -10692,7 +10804,7 @@ class FooterLink {
|
|
10692
10804
|
}; }
|
10693
10805
|
}
|
10694
10806
|
|
10695
|
-
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-light.footer-link-group-small)*/.footer-link-group-light.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-border-keyline-lighten)}/*!@:host(.footer-link-group-dark.footer-link-group-small)*/.footer-link-group-dark.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-border-keyline-darken)}/*!@: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.footer-link-group-light:hover)*/.footer-link-group-small.footer-link-group-light.sc-ic-footer-link-group-h:hover{background-color:var(--ic-action-light-bg-hover);cursor:pointer}/*!@:host(.footer-link-group-small.footer-link-group-dark:hover)*/.footer-link-group-small.footer-link-group-dark.sc-ic-footer-link-group-h:hover{background-color:var(--ic-action-dark-bg-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.footer-link-group-light:active)*/.footer-link-group-small.footer-link-group-light.sc-ic-footer-link-group-h:active{background-color:var(--ic-action-light-bg-pressed)}/*!@:host(.footer-link-group-small.footer-link-group-dark:active)*/.footer-link-group-small.footer-link-group-dark.sc-ic-footer-link-group-h:active{background-color:var(--ic-action-dark-bg-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:white !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-theme-text)}";
|
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)}";
|
10696
10808
|
|
10697
10809
|
class FooterLinkGroup {
|
10698
10810
|
constructor(hostRef) {
|
@@ -10766,7 +10878,7 @@ class FooterLinkGroup {
|
|
10766
10878
|
}; }
|
10767
10879
|
}
|
10768
10880
|
|
10769
|
-
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);--ic-typography-color:var(--ic-theme-text);--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)}/*!@: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-theme-text)}/*!@.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}}";
|
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}}";
|
10770
10882
|
|
10771
10883
|
/**
|
10772
10884
|
* @slot heading - Content will be rendered in the title area, in place of the heading.
|
@@ -10990,6 +11102,7 @@ class HorizontalScroll {
|
|
10990
11102
|
});
|
10991
11103
|
}
|
10992
11104
|
disconnectedCallback() {
|
11105
|
+
var _a, _b;
|
10993
11106
|
if (this.resizeObserver !== undefined) {
|
10994
11107
|
this.resizeObserver.disconnect();
|
10995
11108
|
}
|
@@ -10997,12 +11110,12 @@ class HorizontalScroll {
|
|
10997
11110
|
["mouseup", "mouseleave"].forEach((event) => {
|
10998
11111
|
scrollArrows.forEach((arrow) => arrow.removeEventListener(event, this.arrowMouseUpHandler));
|
10999
11112
|
});
|
11000
|
-
this.items.forEach((item) => {
|
11113
|
+
(_a = this.items) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
|
11001
11114
|
if (item.removeEventListener) {
|
11002
11115
|
item.removeEventListener(this.focusTrigger, this.focusHandler);
|
11003
11116
|
}
|
11004
11117
|
});
|
11005
|
-
this.itemsContainerEl.removeEventListener("scroll", this.scrollHandler);
|
11118
|
+
(_b = this.itemsContainerEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("scroll", this.scrollHandler);
|
11006
11119
|
}
|
11007
11120
|
/**
|
11008
11121
|
* @internal if side scrolling enabled, scrolls the specified item into view.
|
@@ -11056,7 +11169,7 @@ class HorizontalScroll {
|
|
11056
11169
|
}; }
|
11057
11170
|
}
|
11058
11171
|
|
11059
|
-
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(--ic-architectural-white);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 var(--ic-architectural-200)}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-border-error);padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-border-error-hover)}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-border-error-pressed)}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-border-warning);padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-border-warning-hover)}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-border-warning-pressed)}ic-input-component-container.ic-input-component-container-success{border:var(--ic-border-success);padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-border-success-hover)}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-success-border-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.ic-input-component-container-dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success-default);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-border-hover);color:var(--ic-action-dark-hover)}ic-input-component-container:focus{border:var(--ic-border-pressed)}.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}}";
|
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-architectural-white));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-architectural-200))}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-border-error);padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-border-error-hover)}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-border-error-pressed)}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-border-warning);padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-border-warning-hover)}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-border-warning-pressed)}ic-input-component-container.ic-input-component-container-success{border:var(--ic-border-success);padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-border-success-hover)}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-success-border-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.ic-input-component-container-dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success-default);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-border-hover);color:var(--ic-action-dark-hover)}ic-input-component-container:focus{border:var(--ic-border-pressed)}.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}}";
|
11060
11173
|
|
11061
11174
|
/**
|
11062
11175
|
* @slot left-icon - Content will be placed to the left of the input.
|
@@ -11155,7 +11268,7 @@ class InputContainer {
|
|
11155
11268
|
}; }
|
11156
11269
|
}
|
11157
11270
|
|
11158
|
-
const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs)}ic-input-label.with-helper{margin-bottom:var(--ic-space-xxxs)}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-color-text-tertiary)}ic-input-label .helpertext{margin-top:var(--ic-space-xxxs)}ic-input-label .helpertext-normal{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-color-text-tertiary)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .error-label{--ic-typography-color:var(--ic-status-error-default)}ic-input-label .dark{--ic-typography-color:var(--ic-architectural-white)}";
|
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-color-text-tertiary)}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-color-text-tertiary)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-color-text-secondary)}ic-input-label .error-label{--ic-typography-color:var(--ic-status-error-default)}ic-input-label .dark{--ic-typography-color:var(--ic-architectural-white)}";
|
11159
11272
|
|
11160
11273
|
class InputLabel {
|
11161
11274
|
constructor(hostRef) {
|
@@ -11164,28 +11277,30 @@ class InputLabel {
|
|
11164
11277
|
this.disabled = false;
|
11165
11278
|
this.for = undefined;
|
11166
11279
|
this.helperText = "";
|
11280
|
+
this.hideLabel = false;
|
11167
11281
|
this.label = undefined;
|
11168
11282
|
this.readonly = false;
|
11169
11283
|
this.required = false;
|
11170
11284
|
this.status = "";
|
11285
|
+
this.useLabelTag = true;
|
11171
11286
|
}
|
11172
11287
|
componentDidLoad() {
|
11173
11288
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Input Label");
|
11174
11289
|
}
|
11175
11290
|
render() {
|
11176
|
-
const { disabled, readonly, label, required, helperText, status, appearance, } = this;
|
11291
|
+
const { disabled, readonly, label, required, helperText, status, hideLabel, appearance, useLabelTag, } = this;
|
11177
11292
|
const labelText = required ? label + " *" : label;
|
11178
|
-
const labelContent = readonly ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText));
|
11293
|
+
const labelContent = readonly || !useLabelTag ? (`${labelText}`) : (hAsync("label", { htmlFor: this.for }, labelText));
|
11179
11294
|
const id = getInputHelperTextID(this.for);
|
11180
11295
|
return (hAsync(Host, { class: {
|
11181
11296
|
["ic-input-label-disabled"]: disabled,
|
11182
11297
|
["ic-input-label-readonly"]: readonly,
|
11183
11298
|
["with-helper"]: helperText !== "",
|
11184
|
-
} }, hAsync("ic-typography", { variant: "label", class: {
|
11299
|
+
} }, !hideLabel && (hAsync("ic-typography", { variant: "label", class: {
|
11185
11300
|
["readonly-label"]: readonly,
|
11186
11301
|
["error-label"]: status === "error" && !(readonly || disabled),
|
11187
11302
|
["dark"]: appearance === "dark",
|
11188
|
-
} }, labelContent), helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: {
|
11303
|
+
} }, labelContent)), helperText !== "" && (hAsync("ic-typography", { variant: "caption", class: {
|
11189
11304
|
["helpertext"]: true,
|
11190
11305
|
["helpertext-normal"]: !disabled && !readonly,
|
11191
11306
|
["helpertext-readonly"]: readonly,
|
@@ -11200,10 +11315,12 @@ class InputLabel {
|
|
11200
11315
|
"disabled": [4],
|
11201
11316
|
"for": [1],
|
11202
11317
|
"helperText": [1, "helper-text"],
|
11318
|
+
"hideLabel": [4, "hide-label"],
|
11203
11319
|
"label": [1],
|
11204
11320
|
"readonly": [4],
|
11205
11321
|
"required": [4],
|
11206
|
-
"status": [1]
|
11322
|
+
"status": [1],
|
11323
|
+
"useLabelTag": [4, "use-label-tag"]
|
11207
11324
|
},
|
11208
11325
|
"$listeners$": undefined,
|
11209
11326
|
"$lazyBundleId$": "-",
|
@@ -11211,7 +11328,7 @@ class InputLabel {
|
|
11211
11328
|
}; }
|
11212
11329
|
}
|
11213
11330
|
|
11214
|
-
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-status-success-default)}ic-input-validation span.icon-error>svg{fill:var(--ic-status-error-default)}ic-input-validation span.icon-warning>svg{fill:var(--ic-status-warning-default)}ic-input-validation .statustext{flex-grow:1}";
|
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-status-success-default)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-status-error-default))}ic-input-validation span.icon-warning>svg{fill:var(--ic-status-warning-default)}ic-input-validation .statustext{flex-grow:1;color:var(\n --ic-input-validation-status-text-color,\n var(--ic-typography-color)\n )}";
|
11215
11332
|
|
11216
11333
|
const icon = {
|
11217
11334
|
[IcInformationStatus.Warning]: warningIcon$1,
|
@@ -11369,7 +11486,7 @@ class Link {
|
|
11369
11486
|
}; }
|
11370
11487
|
}
|
11371
11488
|
|
11372
|
-
const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.ic-loading-indicator-monochrome)*/.ic-loading-indicator-monochrome.sc-ic-loading-indicator-h{--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"medium\"])*/[size=\"medium\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.ic-loading-indicator-label)*/.ic-loading-indicator-label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.ic-loading-indicator-full-width)*/.ic-loading-indicator-full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-step-indicator-text-disabled)}/*!@:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n .inner-text*/.ic-loading-indicator-light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-border-hc)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
|
11489
|
+
const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.ic-loading-indicator-monochrome)*/.ic-loading-indicator-monochrome.sc-ic-loading-indicator-h{--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"medium\"])*/[size=\"medium\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.ic-loading-indicator-label)*/.ic-loading-indicator-label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.ic-loading-indicator-full-width)*/.ic-loading-indicator-full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{height:100%;display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n --ic-step-indicator-text-current,\n var(--ic-status-info-default)\n )}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-step-indicator-text-disabled)}/*!@:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n .inner-text*/.ic-loading-indicator-light.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-border-hc)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
|
11373
11490
|
|
11374
11491
|
class LoadingIndicator {
|
11375
11492
|
constructor(hostRef) {
|
@@ -13381,7 +13498,7 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
|
|
13381
13498
|
</svg>
|
13382
13499
|
`;
|
13383
13500
|
|
13384
|
-
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{
|
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}}";
|
13385
13502
|
|
13386
13503
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
13387
13504
|
class Menu {
|
@@ -13390,19 +13507,26 @@ class Menu {
|
|
13390
13507
|
this.menuKeyPress = createEvent(this, "menuKeyPress", 7);
|
13391
13508
|
this.menuOptionId = createEvent(this, "menuOptionId", 7);
|
13392
13509
|
this.menuOptionSelect = createEvent(this, "menuOptionSelect", 7);
|
13510
|
+
this.menuOptionSelectAll = createEvent(this, "menuOptionSelectAll", 7);
|
13393
13511
|
this.menuStateChange = createEvent(this, "menuStateChange", 7);
|
13394
|
-
this.menuValueChange = createEvent(this, "menuValueChange", 7);
|
13395
13512
|
this.retryButtonClicked = createEvent(this, "retryButtonClicked", 7);
|
13396
13513
|
this.timeoutBlur = createEvent(this, "timeoutBlur", 7);
|
13397
13514
|
this.ungroupedOptionsSet = createEvent(this, "ungroupedOptionsSet", 7);
|
13515
|
+
this.ACTIVE_DESCENDANT = "aria-activedescendant";
|
13516
|
+
this.CLEAR_BUTTON_ID = "clear-button";
|
13398
13517
|
this.disabledOptionSelected = false;
|
13399
13518
|
this.hasPreviouslyBlurred = false;
|
13400
13519
|
this.hasTimedOut = false;
|
13401
13520
|
this.isLoading = false;
|
13521
|
+
this.isMultiSelect = false;
|
13402
13522
|
this.isSearchBar = false;
|
13403
13523
|
this.isSearchableSelect = false;
|
13404
|
-
|
13405
|
-
this.
|
13524
|
+
this.lastOptionSelected = null; // Index of last option selected
|
13525
|
+
this.lastOptionFocused = null; // Index of last option focused
|
13526
|
+
this.multiOptionClicked = null;
|
13527
|
+
this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.
|
13528
|
+
this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.
|
13529
|
+
this.shiftPressed = false;
|
13406
13530
|
this.ungroupedOptions = [];
|
13407
13531
|
this.handleClearListener = () => {
|
13408
13532
|
this.optionHighlighted = "";
|
@@ -13413,9 +13537,16 @@ class Menu {
|
|
13413
13537
|
};
|
13414
13538
|
this.handleMenuChange = (open, focusInput) => {
|
13415
13539
|
this.menuStateChange.emit({ open, focusInput });
|
13416
|
-
if (!open
|
13417
|
-
|
13418
|
-
|
13540
|
+
if (!open) {
|
13541
|
+
if (focusInput !== false) {
|
13542
|
+
this.inputEl.focus();
|
13543
|
+
this.preventClickOpen = false;
|
13544
|
+
}
|
13545
|
+
// Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed
|
13546
|
+
if (this.isMultiSelect) {
|
13547
|
+
this.optionHighlighted = undefined;
|
13548
|
+
this.multiOptionClicked = null;
|
13549
|
+
}
|
13419
13550
|
}
|
13420
13551
|
};
|
13421
13552
|
this.setNextOptionValue = (selectedOptionIndex) => {
|
@@ -13450,24 +13581,34 @@ class Menu {
|
|
13450
13581
|
if (parent.tagName === "IC-SEARCH-BAR") {
|
13451
13582
|
this.isSearchBar = true;
|
13452
13583
|
}
|
13453
|
-
else if (parent.tagName === "IC-SELECT"
|
13454
|
-
parent.getAttribute("searchable") !== null &&
|
13455
|
-
|
13456
|
-
|
13584
|
+
else if (parent.tagName === "IC-SELECT") {
|
13585
|
+
if (parent.getAttribute("searchable") !== null &&
|
13586
|
+
parent.getAttribute("searchable") !== undefined) {
|
13587
|
+
this.isSearchableSelect = true;
|
13588
|
+
}
|
13589
|
+
else if (parent.getAttribute("multiple") !== null &&
|
13590
|
+
parent.getAttribute("multiple") !== undefined) {
|
13591
|
+
this.isMultiSelect = true;
|
13592
|
+
}
|
13457
13593
|
}
|
13458
13594
|
};
|
13595
|
+
// Open menu when up or down arrow keys are pressed
|
13459
13596
|
this.arrowBehaviour = (event) => {
|
13460
13597
|
event.preventDefault();
|
13461
13598
|
this.handleMenuChange(true);
|
13462
13599
|
};
|
13463
|
-
this.
|
13600
|
+
this.getMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
|
13601
|
+
// Set option that is focused and so should show focus state
|
13464
13602
|
this.setHighlightedOption = (highlightedIndex) => {
|
13465
|
-
const menuOptions = this.
|
13603
|
+
const menuOptions = this.getMenuOptions();
|
13466
13604
|
menuOptions[highlightedIndex] &&
|
13467
13605
|
!menuOptions[highlightedIndex].timedOut &&
|
13468
13606
|
(this.optionHighlighted =
|
13469
13607
|
menuOptions[highlightedIndex][this.valueField] || undefined);
|
13470
13608
|
};
|
13609
|
+
// Determines keyboard behaviour when selection is automatic
|
13610
|
+
// (i.e. you don't have to press Enter select an option - just focus on it)
|
13611
|
+
// and menu is closed
|
13471
13612
|
this.autoSetInputValueKeyboardOpen = (event) => {
|
13472
13613
|
const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
|
13473
13614
|
this.keyboardNav = false;
|
@@ -13484,147 +13625,278 @@ class Menu {
|
|
13484
13625
|
break;
|
13485
13626
|
case " ":
|
13486
13627
|
case "Enter":
|
13487
|
-
if (event.target.id !==
|
13628
|
+
if (event.target.id !== this.CLEAR_BUTTON_ID) {
|
13488
13629
|
this.handleMenuChange(true);
|
13489
13630
|
}
|
13490
13631
|
break;
|
13491
13632
|
}
|
13492
13633
|
};
|
13493
|
-
this.
|
13494
|
-
|
13495
|
-
|
13496
|
-
|
13634
|
+
this.selectHighlightedOption = (options, highlightedOptionIndex) => {
|
13635
|
+
if (!this.isLoading && !this.hasTimedOut) {
|
13636
|
+
this.keyboardNav = true;
|
13637
|
+
}
|
13497
13638
|
const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;
|
13498
|
-
|
13499
|
-
|
13500
|
-
|
13501
|
-
|
13502
|
-
|
13503
|
-
|
13504
|
-
|
13505
|
-
|
13506
|
-
|
13507
|
-
|
13508
|
-
else {
|
13509
|
-
this.setHighlightedOption(0);
|
13510
|
-
this.menuOptionId.emit({
|
13511
|
-
optionId: getOptionId(0),
|
13512
|
-
});
|
13639
|
+
if (isOpen) {
|
13640
|
+
if (highlightedOptionIndex >= 0) {
|
13641
|
+
if (options[highlightedOptionIndex] !== undefined) {
|
13642
|
+
if (this.isSearchBar &&
|
13643
|
+
options[highlightedOptionIndex].disabled === true) {
|
13644
|
+
this.disabledOptionSelected = true;
|
13645
|
+
}
|
13646
|
+
else {
|
13647
|
+
this.setInputValue(highlightedOptionIndex);
|
13648
|
+
}
|
13513
13649
|
}
|
13514
|
-
|
13515
|
-
|
13516
|
-
|
13517
|
-
|
13518
|
-
|
13519
|
-
|
13520
|
-
|
13521
|
-
|
13522
|
-
|
13650
|
+
}
|
13651
|
+
else {
|
13652
|
+
this.setInputValue(highlightedOptionIndex);
|
13653
|
+
}
|
13654
|
+
}
|
13655
|
+
else {
|
13656
|
+
this.handleMenuChange(true);
|
13657
|
+
}
|
13658
|
+
};
|
13659
|
+
// Check if option is selected based on the index of the option
|
13660
|
+
this.isOptionSelected = (index) => {
|
13661
|
+
const menuOptions = this.getMenuOptions();
|
13662
|
+
return this.value
|
13663
|
+
? this.value.includes(menuOptions[index][this.valueField])
|
13664
|
+
: false;
|
13665
|
+
};
|
13666
|
+
// Deselect currently selected options when shift pressed, but keep certain options selected
|
13667
|
+
this.deselectSelectedOptions = (optionsToKeepSelected) => {
|
13668
|
+
const menuOptions = this.getMenuOptions();
|
13669
|
+
if (this.value) {
|
13670
|
+
const selectedOptionIndexes = this.value.map((value) => {
|
13671
|
+
return menuOptions.findIndex((option) => option[this.valueField] === value);
|
13672
|
+
});
|
13673
|
+
// Call setInputValue (which toggles the selected state) on options that need to be deselected
|
13674
|
+
selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));
|
13675
|
+
}
|
13676
|
+
};
|
13677
|
+
// Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)
|
13678
|
+
this.manualSetInputValueKeyboardOpen = (event) => {
|
13679
|
+
const menuOptions = this.getMenuOptions();
|
13680
|
+
// For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed
|
13681
|
+
// (i.e. when user is likely in the middle of executing a keyboard combination to select options)
|
13682
|
+
const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;
|
13683
|
+
const highlightedOptionIndex = this.getOptionHighlightedIndex();
|
13684
|
+
const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);
|
13685
|
+
const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
|
13686
|
+
// Space press should be equivalent to Enter when multi-select
|
13687
|
+
if (event.key === " " && this.isMultiSelect) {
|
13688
|
+
this.handleOptionSelect(event, highlightedOptionIndex);
|
13689
|
+
}
|
13690
|
+
else {
|
13691
|
+
switch (event.key) {
|
13692
|
+
case "ArrowDown":
|
13693
|
+
this.keyboardNav = true;
|
13694
|
+
this.arrowBehaviour(event);
|
13695
|
+
if (this.multiOptionClicked) {
|
13696
|
+
// Set focus to option last clicked
|
13697
|
+
// Prevents it resetting to the top of the menu when user switches to using keyboard
|
13698
|
+
this.setHighlightedOption(clickedMultiOptionIndex);
|
13699
|
+
this.multiOptionClicked = null;
|
13700
|
+
}
|
13701
|
+
else {
|
13702
|
+
this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
|
13703
|
+
if (highlightedOptionIndex < menuOptions.length - 1) {
|
13704
|
+
this.setHighlightedOption(highlightedOptionIndex + 1);
|
13705
|
+
this.menuOptionId.emit({
|
13706
|
+
optionId: getOptionId(highlightedOptionIndex + 1),
|
13707
|
+
});
|
13708
|
+
this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);
|
13709
|
+
}
|
13710
|
+
else {
|
13711
|
+
this.setHighlightedOption(0);
|
13712
|
+
this.menuOptionId.emit({
|
13713
|
+
optionId: getOptionId(0),
|
13714
|
+
});
|
13715
|
+
this.handleSingleShiftSelect(event, 0, menuOptions);
|
13716
|
+
}
|
13717
|
+
// Deselect currently selected options if arrow was pressed for first time after shift is held
|
13718
|
+
if (this.isMultiSelect && this.shiftPressed) {
|
13719
|
+
this.deselectSelectedOptions([
|
13720
|
+
highlightedOptionIndex,
|
13721
|
+
this.getOptionHighlightedIndex(),
|
13722
|
+
]);
|
13723
|
+
this.shiftPressed = false;
|
13724
|
+
}
|
13725
|
+
}
|
13726
|
+
this.lastOptionFocused = this.getOptionHighlightedIndex();
|
13727
|
+
this.preventIncorrectTabOrder = false;
|
13728
|
+
this.focusFromSearchKeypress = false;
|
13729
|
+
break;
|
13730
|
+
case "ArrowUp":
|
13731
|
+
this.keyboardNav = true;
|
13732
|
+
this.arrowBehaviour(event);
|
13733
|
+
if (this.multiOptionClicked) {
|
13734
|
+
// Set focus to option last clicked
|
13735
|
+
// Prevents it resetting to the bottom of the menu when user switches to using keyboard
|
13736
|
+
this.setHighlightedOption(clickedMultiOptionIndex);
|
13737
|
+
this.multiOptionClicked = null;
|
13738
|
+
}
|
13739
|
+
else {
|
13740
|
+
this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);
|
13741
|
+
if (highlightedOptionIndex <= 0 ||
|
13742
|
+
highlightedOptionIndex > menuOptions.length + 1) {
|
13743
|
+
this.setHighlightedOption(menuOptions.length - 1);
|
13744
|
+
this.menuOptionId.emit({
|
13745
|
+
optionId: getOptionId(menuOptions.length - 1),
|
13746
|
+
});
|
13747
|
+
this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);
|
13748
|
+
}
|
13749
|
+
else {
|
13750
|
+
this.setHighlightedOption(highlightedOptionIndex - 1);
|
13751
|
+
this.menuOptionId.emit({
|
13752
|
+
optionId: getOptionId(highlightedOptionIndex - 1),
|
13753
|
+
});
|
13754
|
+
this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);
|
13755
|
+
}
|
13756
|
+
// Deselect currently selected options if arrow was pressed for first time after shift is held
|
13757
|
+
if (this.isMultiSelect && this.shiftPressed) {
|
13758
|
+
this.deselectSelectedOptions([
|
13759
|
+
highlightedOptionIndex,
|
13760
|
+
this.getOptionHighlightedIndex(),
|
13761
|
+
]);
|
13762
|
+
this.shiftPressed = false;
|
13763
|
+
}
|
13764
|
+
}
|
13765
|
+
this.lastOptionFocused = this.getOptionHighlightedIndex();
|
13766
|
+
this.preventIncorrectTabOrder = false;
|
13767
|
+
this.focusFromSearchKeypress = false;
|
13768
|
+
break;
|
13769
|
+
case "Home": {
|
13770
|
+
const startOptionIndex = 0;
|
13771
|
+
this.keyboardNav = true;
|
13772
|
+
event.preventDefault();
|
13773
|
+
this.arrowBehaviour(event);
|
13774
|
+
this.setHighlightedOption(startOptionIndex);
|
13523
13775
|
this.menuOptionId.emit({
|
13524
|
-
optionId: getOptionId(
|
13776
|
+
optionId: getOptionId(startOptionIndex),
|
13525
13777
|
});
|
13778
|
+
if (event.shiftKey && event.ctrlKey) {
|
13779
|
+
this.handleMultipleShiftSelect(startOptionIndex);
|
13780
|
+
}
|
13781
|
+
this.lastOptionFocused = startOptionIndex;
|
13782
|
+
this.lastOptionSelected = startOptionIndex;
|
13783
|
+
break;
|
13526
13784
|
}
|
13527
|
-
|
13528
|
-
|
13785
|
+
case "End": {
|
13786
|
+
const endOptionIndex = menuOptions.length - 1;
|
13787
|
+
this.keyboardNav = true;
|
13788
|
+
event.preventDefault();
|
13789
|
+
this.arrowBehaviour(event);
|
13790
|
+
this.setHighlightedOption(endOptionIndex);
|
13529
13791
|
this.menuOptionId.emit({
|
13530
|
-
optionId: getOptionId(
|
13792
|
+
optionId: getOptionId(endOptionIndex),
|
13531
13793
|
});
|
13532
|
-
|
13533
|
-
|
13534
|
-
|
13535
|
-
|
13536
|
-
|
13537
|
-
this.keyboardNav = true;
|
13538
|
-
event.preventDefault();
|
13539
|
-
this.arrowBehaviour(event);
|
13540
|
-
this.setHighlightedOption(0);
|
13541
|
-
this.menuOptionId.emit({
|
13542
|
-
optionId: getOptionId(0),
|
13543
|
-
});
|
13544
|
-
break;
|
13545
|
-
case "End":
|
13546
|
-
this.keyboardNav = true;
|
13547
|
-
event.preventDefault();
|
13548
|
-
this.arrowBehaviour(event);
|
13549
|
-
this.setHighlightedOption(menuOptions.length - 1);
|
13550
|
-
this.menuOptionId.emit({
|
13551
|
-
optionId: getOptionId(menuOptions.length - 1),
|
13552
|
-
});
|
13553
|
-
break;
|
13554
|
-
case " ":
|
13555
|
-
this.keyboardNav = false;
|
13556
|
-
if (this.isSearchBar || this.isSearchableSelect) {
|
13794
|
+
if (event.shiftKey && event.ctrlKey) {
|
13795
|
+
this.handleMultipleShiftSelect(endOptionIndex);
|
13796
|
+
}
|
13797
|
+
this.lastOptionFocused = endOptionIndex;
|
13798
|
+
this.lastOptionSelected = endOptionIndex;
|
13557
13799
|
break;
|
13558
13800
|
}
|
13559
|
-
|
13560
|
-
if (
|
13561
|
-
this.
|
13801
|
+
case " ":
|
13802
|
+
if (!isKeyboardCombination) {
|
13803
|
+
this.keyboardNav = false;
|
13562
13804
|
}
|
13563
|
-
|
13564
|
-
|
13565
|
-
|
13566
|
-
|
13567
|
-
|
13568
|
-
|
13569
|
-
|
13570
|
-
|
13571
|
-
|
13572
|
-
|
13573
|
-
|
13574
|
-
|
13575
|
-
|
13576
|
-
|
13577
|
-
|
13578
|
-
|
13579
|
-
|
13805
|
+
if (this.isSearchBar || this.isSearchableSelect) {
|
13806
|
+
break;
|
13807
|
+
}
|
13808
|
+
else {
|
13809
|
+
if (event.target.id !== this.CLEAR_BUTTON_ID) {
|
13810
|
+
this.handleMenuChange(true);
|
13811
|
+
}
|
13812
|
+
}
|
13813
|
+
break;
|
13814
|
+
case "Enter":
|
13815
|
+
event.preventDefault();
|
13816
|
+
if (!isKeyboardCombination) {
|
13817
|
+
this.keyboardNav = false;
|
13818
|
+
}
|
13819
|
+
this.handleOptionSelect(event, highlightedOptionIndex);
|
13820
|
+
break;
|
13821
|
+
case "Escape":
|
13822
|
+
if (this.open) {
|
13823
|
+
event.stopImmediatePropagation();
|
13824
|
+
}
|
13825
|
+
this.handleMenuChange(false);
|
13826
|
+
this.menuOptionId.emit({ optionId: undefined });
|
13827
|
+
break;
|
13828
|
+
case "a":
|
13829
|
+
// Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)
|
13830
|
+
// Otherwise, if a different OS, checks Ctrl key
|
13831
|
+
if ((isMacDevice() && event.metaKey) ||
|
13832
|
+
(!isMacDevice() && event.ctrlKey)) {
|
13833
|
+
this.emitSelectAll();
|
13834
|
+
this.lastOptionFocused = null;
|
13835
|
+
this.lastOptionSelected = null;
|
13836
|
+
}
|
13837
|
+
break;
|
13838
|
+
case "Shift":
|
13839
|
+
case "Tab":
|
13840
|
+
if (event.key === "Shift") {
|
13841
|
+
this.shiftPressed = true;
|
13842
|
+
}
|
13843
|
+
if (this.isSearchBar) {
|
13844
|
+
this.keyboardNav = true;
|
13845
|
+
}
|
13846
|
+
if (this.isMultiSelect) {
|
13847
|
+
if (this.open && !event.shiftKey && this.selectAllButton) {
|
13848
|
+
event.preventDefault();
|
13849
|
+
this.selectAllButton.focus(); // Move focus to select all button instead of focused option
|
13850
|
+
this.preventMenuFocus = true;
|
13851
|
+
this.preventClickOpen = true;
|
13852
|
+
this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button
|
13580
13853
|
}
|
13581
13854
|
}
|
13582
13855
|
else {
|
13583
|
-
this.
|
13856
|
+
this.preventIncorrectTabOrder = true;
|
13584
13857
|
}
|
13585
|
-
|
13586
|
-
|
13587
|
-
|
13588
|
-
|
13589
|
-
|
13590
|
-
|
13591
|
-
|
13592
|
-
event.stopImmediatePropagation();
|
13593
|
-
}
|
13594
|
-
this.handleMenuChange(false);
|
13595
|
-
this.menuOptionId.emit({ optionId: undefined });
|
13596
|
-
break;
|
13597
|
-
case "Shift":
|
13598
|
-
case "Tab":
|
13599
|
-
if (this.isSearchBar) {
|
13600
|
-
this.keyboardNav = true;
|
13601
|
-
}
|
13602
|
-
this.preventIncorrectTabOrder = true;
|
13603
|
-
break;
|
13604
|
-
default:
|
13605
|
-
this.keyboardNav = false;
|
13606
|
-
this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);
|
13607
|
-
break;
|
13858
|
+
break;
|
13859
|
+
default:
|
13860
|
+
if (!isKeyboardCombination) {
|
13861
|
+
this.keyboardNav = false;
|
13862
|
+
}
|
13863
|
+
this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);
|
13864
|
+
}
|
13608
13865
|
}
|
13609
13866
|
};
|
13610
13867
|
this.setInputValue = (highlightedOptionIndex) => {
|
13611
|
-
const menuOptions = this.
|
13868
|
+
const menuOptions = this.getMenuOptions();
|
13612
13869
|
if (menuOptions[highlightedOptionIndex] !== undefined) {
|
13613
13870
|
this.menuOptionSelect.emit({
|
13614
13871
|
value: menuOptions[highlightedOptionIndex][this.valueField],
|
13615
13872
|
});
|
13616
|
-
this.
|
13617
|
-
|
13873
|
+
if (this.closeOnSelect) {
|
13874
|
+
this.optionHighlighted = undefined;
|
13875
|
+
this.menuOptionId.emit({ optionId: undefined });
|
13876
|
+
}
|
13877
|
+
}
|
13878
|
+
if (this.closeOnSelect) {
|
13879
|
+
if (!this.hasTimedOut) {
|
13880
|
+
this.handleMenuChange(false);
|
13881
|
+
}
|
13882
|
+
else {
|
13883
|
+
this.parentEl.setFocus();
|
13884
|
+
}
|
13618
13885
|
}
|
13619
|
-
if (!this.hasTimedOut)
|
13620
|
-
this.handleMenuChange(false);
|
13621
|
-
else
|
13622
|
-
this.parentEl.setFocus();
|
13623
13886
|
};
|
13624
13887
|
this.handleOptionClick = (event) => {
|
13625
13888
|
const { value, label } = event.target.dataset;
|
13626
|
-
this.
|
13627
|
-
|
13889
|
+
if (this.isMultiSelect) {
|
13890
|
+
const menuOptions = this.getMenuOptions();
|
13891
|
+
const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
|
13892
|
+
this.handleOptionSelect(event, selectedOptionIndex, true);
|
13893
|
+
this.multiOptionClicked = value;
|
13894
|
+
}
|
13895
|
+
else {
|
13896
|
+
this.menuOptionSelect.emit({ value, label });
|
13897
|
+
this.handleMenuChange(false);
|
13898
|
+
}
|
13899
|
+
this.optionHighlighted = undefined;
|
13628
13900
|
};
|
13629
13901
|
this.handleRetry = () => {
|
13630
13902
|
this.retryButtonClicked.emit({ value: this.value });
|
@@ -13637,13 +13909,23 @@ class Menu {
|
|
13637
13909
|
};
|
13638
13910
|
this.handleBlur = (event) => {
|
13639
13911
|
if (event.relatedTarget !== this.inputEl) {
|
13640
|
-
if (
|
13912
|
+
if (event.relatedTarget === this.selectAllButton) {
|
13913
|
+
this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
|
13914
|
+
}
|
13915
|
+
if (!(this.menu.contains(event.relatedTarget) ||
|
13916
|
+
event.relatedTarget === this.selectAllButton)) {
|
13641
13917
|
this.handleMenuChange(false, this.hasPreviouslyBlurred);
|
13918
|
+
this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
|
13919
|
+
this.lastOptionFocused = null;
|
13920
|
+
this.lastOptionSelected = null;
|
13642
13921
|
}
|
13643
13922
|
}
|
13644
13923
|
else {
|
13645
13924
|
this.handleMenuChange(false);
|
13646
13925
|
this.preventClickOpen = true;
|
13926
|
+
this.menu.removeAttribute(this.ACTIVE_DESCENDANT);
|
13927
|
+
this.lastOptionFocused = null;
|
13928
|
+
this.lastOptionSelected = null;
|
13647
13929
|
}
|
13648
13930
|
if (!this.isSearchBar)
|
13649
13931
|
this.hasPreviouslyBlurred = !!event.relatedTarget;
|
@@ -13656,12 +13938,109 @@ class Menu {
|
|
13656
13938
|
this.autoSetValueOnMenuKeyDown(event);
|
13657
13939
|
}
|
13658
13940
|
else if (this.activationType === "manual" && !this.isSearchBar) {
|
13659
|
-
this.
|
13941
|
+
this.manualSetInputValueKeyboardOpen(event);
|
13942
|
+
}
|
13943
|
+
};
|
13944
|
+
this.handleMenuKeyUp = (event) => {
|
13945
|
+
if (event.key === "Tab" && event.shiftKey) {
|
13946
|
+
this.preventClickOpen = false;
|
13947
|
+
}
|
13948
|
+
if (event.key === "Enter" && this.disabledOptionSelected) {
|
13949
|
+
this.disabledOptionSelected = false;
|
13950
|
+
event.stopImmediatePropagation();
|
13660
13951
|
}
|
13952
|
+
if (event.key === "Shift") {
|
13953
|
+
this.shiftPressed = false;
|
13954
|
+
}
|
13955
|
+
};
|
13956
|
+
this.handleSelectAllClick = () => {
|
13957
|
+
this.keyboardNav = false;
|
13958
|
+
this.menu.focus();
|
13959
|
+
this.emitSelectAll();
|
13960
|
+
this.lastOptionFocused = null;
|
13961
|
+
this.lastOptionSelected = null;
|
13962
|
+
};
|
13963
|
+
this.handleSelectAllBlur = (event) => {
|
13964
|
+
this.host.classList.remove("ic-select-select-all-focused");
|
13965
|
+
if (!this.menu.contains(event.relatedTarget)) {
|
13966
|
+
this.handleMenuChange(false, false);
|
13967
|
+
}
|
13968
|
+
};
|
13969
|
+
this.handleSelectAllFocus = () => {
|
13970
|
+
this.host.classList.add("ic-select-select-all-focused");
|
13971
|
+
this.lastOptionFocused = null;
|
13972
|
+
this.lastOptionSelected = null;
|
13973
|
+
};
|
13974
|
+
// Fix for Safari - select all button click was causing menu to close
|
13975
|
+
this.handleSelectAllMouseDown = (event) => {
|
13976
|
+
event.preventDefault();
|
13977
|
+
};
|
13978
|
+
// When shift key is being used to select contiguous options one by one on a multi-select
|
13979
|
+
// I.e. holding shift and pressing up and down arrow keys
|
13980
|
+
this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {
|
13981
|
+
if (this.isMultiSelect &&
|
13982
|
+
event.shiftKey &&
|
13983
|
+
!this.isOptionSelected(optionToSelectIndex)) {
|
13984
|
+
this.selectHighlightedOption(options, optionToSelectIndex);
|
13985
|
+
this.lastOptionSelected = optionToSelectIndex;
|
13986
|
+
}
|
13987
|
+
};
|
13988
|
+
// When shift key is being used to select multiple options at once on a multi-select
|
13989
|
+
// I.e. holding shift when selecting another option
|
13990
|
+
this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {
|
13991
|
+
this.shiftPressed = false;
|
13992
|
+
const firstOptionInSelection = firstOptionSelected === null
|
13993
|
+
? this.getFirstOptionInSelection(useFocusForSelection)
|
13994
|
+
: firstOptionSelected;
|
13995
|
+
if (firstOptionInSelection !== null) {
|
13996
|
+
const optionsToSelect = [];
|
13997
|
+
if (firstOptionInSelection < lastOptionInSelection) {
|
13998
|
+
for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {
|
13999
|
+
optionsToSelect.push(i);
|
14000
|
+
}
|
14001
|
+
}
|
14002
|
+
else {
|
14003
|
+
for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {
|
14004
|
+
optionsToSelect.push(i);
|
14005
|
+
}
|
14006
|
+
}
|
14007
|
+
optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));
|
14008
|
+
this.deselectSelectedOptions(optionsToSelect);
|
14009
|
+
}
|
14010
|
+
};
|
14011
|
+
this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {
|
14012
|
+
const menuOptions = this.getMenuOptions();
|
14013
|
+
const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);
|
14014
|
+
if (event.shiftKey && firstOptionInSelection !== null) {
|
14015
|
+
this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);
|
14016
|
+
}
|
14017
|
+
else {
|
14018
|
+
this.selectHighlightedOption(menuOptions, optionIndex);
|
14019
|
+
}
|
14020
|
+
this.lastOptionFocused = optionIndex;
|
14021
|
+
this.lastOptionSelected = optionIndex;
|
14022
|
+
};
|
14023
|
+
this.getFirstOptionInSelection = (useFocusForSelection) => {
|
14024
|
+
return useFocusForSelection && this.lastOptionFocused !== null
|
14025
|
+
? this.lastOptionFocused
|
14026
|
+
: this.lastOptionSelected !== null
|
14027
|
+
? this.lastOptionSelected
|
14028
|
+
: null;
|
14029
|
+
};
|
14030
|
+
this.emitSelectAll = () => {
|
14031
|
+
var _a;
|
14032
|
+
// Select all if there is either no value or not all options are selected
|
14033
|
+
// 'true' means select all, 'false' means clear all
|
14034
|
+
this.menuOptionSelectAll.emit({
|
14035
|
+
select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),
|
14036
|
+
});
|
13661
14037
|
};
|
13662
14038
|
this.emitMenuKeyPress = (isNavKey, key) => {
|
13663
14039
|
this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });
|
13664
14040
|
};
|
14041
|
+
// Determines keyboard behaviour when selection is automatic
|
14042
|
+
// (i.e. you don't have to press Enter select an option - just focus on it)
|
14043
|
+
// and menu is focused
|
13665
14044
|
this.autoSetValueOnMenuKeyDown = (event) => {
|
13666
14045
|
event.cancelBubble = true;
|
13667
14046
|
const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);
|
@@ -13721,15 +14100,6 @@ class Menu {
|
|
13721
14100
|
}
|
13722
14101
|
this.emitMenuKeyPress(this.keyboardNav, event.key);
|
13723
14102
|
};
|
13724
|
-
this.handleMenuKeyUp = (event) => {
|
13725
|
-
if (event.key === "Tab" && event.shiftKey) {
|
13726
|
-
this.preventClickOpen = false;
|
13727
|
-
}
|
13728
|
-
if (event.key === "Enter" && this.disabledOptionSelected) {
|
13729
|
-
this.disabledOptionSelected = false;
|
13730
|
-
event.stopImmediatePropagation();
|
13731
|
-
}
|
13732
|
-
};
|
13733
14103
|
this.getOptionId = (value) => {
|
13734
14104
|
return `${this.menuId}-${value}`;
|
13735
14105
|
};
|
@@ -13755,6 +14125,10 @@ class Menu {
|
|
13755
14125
|
}
|
13756
14126
|
return sorted;
|
13757
14127
|
};
|
14128
|
+
this.getOptionHighlightedIndex = () => {
|
14129
|
+
const menuOptions = this.getMenuOptions();
|
14130
|
+
return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);
|
14131
|
+
};
|
13758
14132
|
this.isManualMode = this.activationType === "manual";
|
13759
14133
|
this.scrollToSelected = (menu) => {
|
13760
14134
|
const selectedOption = this.selectOnEnter
|
@@ -13766,9 +14140,14 @@ class Menu {
|
|
13766
14140
|
elTop < menu.scrollTop + menu.offsetHeight) {
|
13767
14141
|
menu.scrollTop = selectedOption.offsetTop;
|
13768
14142
|
}
|
14143
|
+
// 'aria-activedescendant' affects screen reader focus
|
14144
|
+
// https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant
|
14145
|
+
this.menu.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);
|
13769
14146
|
selectedOption.focus();
|
13770
14147
|
}
|
13771
14148
|
};
|
14149
|
+
// Set 'ungroupedOptions' variable and emit its value
|
14150
|
+
// - this is all the options with disabled options and group titles removed
|
13772
14151
|
this.loadUngroupedOptions = () => {
|
13773
14152
|
if (this.options.length > 0 && this.options.map) {
|
13774
14153
|
this.options.map((option) => {
|
@@ -13795,21 +14174,24 @@ class Menu {
|
|
13795
14174
|
this.handleTimeoutBlur = (ev) => {
|
13796
14175
|
this.timeoutBlur.emit({ ev });
|
13797
14176
|
};
|
13798
|
-
this.optionContent = (option) => {
|
13799
|
-
|
13800
|
-
return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: "option-text-container" }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), !!option[this.valueField] &&
|
14177
|
+
this.optionContent = (option, selected) => {
|
14178
|
+
const showCheckIcon = !!option[this.valueField] &&
|
13801
14179
|
!!this.value &&
|
13802
|
-
|
13803
|
-
this.parentEl.tagName !== "IC-SEARCH-BAR"
|
13804
|
-
|
13805
|
-
|
13806
|
-
|
14180
|
+
selected &&
|
14181
|
+
this.parentEl.tagName !== "IC-SEARCH-BAR";
|
14182
|
+
return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: {
|
14183
|
+
"option-text-container": true,
|
14184
|
+
"show-check-icon": showCheckIcon,
|
14185
|
+
} }, hAsync("div", { class: "option-label" }, option.icon && (hAsync("div", { class: "option-icon", innerHTML: option.icon, "aria-hidden": "true" })), hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description))), option.element && (hAsync("div", { class: "option-element", innerHTML: option.element.component, "aria-hidden": "true" }))), showCheckIcon && hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
|
14186
|
+
};
|
14187
|
+
this.displayOption = (option, selected, index, parentOption) => {
|
14188
|
+
const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
|
13807
14189
|
return (hAsync("li", { id: this.getOptionId(option[this.valueField]), class: {
|
13808
14190
|
option: true,
|
13809
14191
|
"focused-option": isManualMode
|
13810
14192
|
? (keyboardNav || initialOptionsListRender) &&
|
13811
14193
|
option[this.valueField] === optionHighlighted
|
13812
|
-
: keyboardNav &&
|
14194
|
+
: keyboardNav && selected,
|
13813
14195
|
"last-recommended-option": option.recommended &&
|
13814
14196
|
options[index + 1] &&
|
13815
14197
|
!options[index + 1].recommended,
|
@@ -13817,20 +14199,21 @@ class Menu {
|
|
13817
14199
|
"loading-option": option.loading,
|
13818
14200
|
timeout: option.timedOut,
|
13819
14201
|
}, role: "option", tabindex: open &&
|
13820
|
-
(option[this.valueField] ===
|
13821
|
-
option[this.valueField] === optionHighlighted) &&
|
14202
|
+
(selected || option[this.valueField] === optionHighlighted) &&
|
13822
14203
|
keyboardNav
|
13823
14204
|
? "0"
|
13824
|
-
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected":
|
14205
|
+
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (hAsync(Fragment, null, hAsync("div", { class: "loading-error-info" }, hAsync("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, hAsync("title", { id: "error-title" }, "Error"), hAsync("g", { id: "close-octagon" }, hAsync("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), hAsync("ic-typography", { variant: "label" }, option[this.labelField])), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
|
13825
14206
|
};
|
13826
14207
|
this.focusFromSearchKeypress = false;
|
13827
14208
|
this.initialOptionsListRender = false;
|
13828
14209
|
this.keyboardNav = false;
|
13829
14210
|
this.optionHighlighted = undefined;
|
13830
14211
|
this.preventIncorrectTabOrder = false;
|
14212
|
+
this.menuOptions = undefined;
|
13831
14213
|
this.activationType = "automatic";
|
13832
14214
|
this.anchorEl = undefined;
|
13833
14215
|
this.autoFocusOnSelected = true;
|
14216
|
+
this.closeOnSelect = true;
|
13834
14217
|
this.fullWidth = false;
|
13835
14218
|
this.inputEl = undefined;
|
13836
14219
|
this.inputLabel = undefined;
|
@@ -13857,9 +14240,6 @@ class Menu {
|
|
13857
14240
|
this.ungroupedOptions = [];
|
13858
14241
|
this.loadUngroupedOptions();
|
13859
14242
|
}
|
13860
|
-
watchValueHandler() {
|
13861
|
-
this.menuValueChange.emit({ value: this.value });
|
13862
|
-
}
|
13863
14243
|
connectedCallback() {
|
13864
14244
|
this.getParentEl(this.parentEl);
|
13865
14245
|
if (this.isSearchBar) {
|
@@ -13869,11 +14249,12 @@ class Menu {
|
|
13869
14249
|
}
|
13870
14250
|
}
|
13871
14251
|
disconnectedCallback() {
|
14252
|
+
var _a, _b;
|
13872
14253
|
if (this.popperInstance) {
|
13873
14254
|
this.popperInstance.destroy();
|
13874
14255
|
}
|
13875
|
-
this.parentEl.removeEventListener("icClear", this.handleClearListener);
|
13876
|
-
this.parentEl.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
|
14256
|
+
(_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("icClear", this.handleClearListener);
|
14257
|
+
(_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
|
13877
14258
|
}
|
13878
14259
|
componentWillLoad() {
|
13879
14260
|
var _a, _b;
|
@@ -13898,7 +14279,7 @@ class Menu {
|
|
13898
14279
|
}
|
13899
14280
|
componentDidUpdate() {
|
13900
14281
|
const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);
|
13901
|
-
if (this.open && this.options.length !== 0) {
|
14282
|
+
if (this.open && this.options.length !== 0 && !this.preventMenuFocus) {
|
13902
14283
|
if (this.value &&
|
13903
14284
|
this.keyboardNav &&
|
13904
14285
|
inputValueInOptions &&
|
@@ -13906,8 +14287,7 @@ class Menu {
|
|
13906
14287
|
!this.isSearchableSelect) {
|
13907
14288
|
this.scrollToSelected(this.menu);
|
13908
14289
|
}
|
13909
|
-
else if (this.
|
13910
|
-
this.inputEl.tagName !== "INPUT") {
|
14290
|
+
else if (this.selectOnEnter) {
|
13911
14291
|
this.menu.focus();
|
13912
14292
|
}
|
13913
14293
|
else if (!!this.optionHighlighted &&
|
@@ -13915,13 +14295,19 @@ class Menu {
|
|
13915
14295
|
!this.preventIncorrectTabOrder) {
|
13916
14296
|
const highlightedEl = this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);
|
13917
14297
|
if (highlightedEl) {
|
14298
|
+
this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);
|
13918
14299
|
highlightedEl.focus();
|
13919
14300
|
}
|
13920
14301
|
}
|
14302
|
+
else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
|
14303
|
+
this.inputEl.tagName !== "INPUT") {
|
14304
|
+
this.menu.focus();
|
14305
|
+
}
|
13921
14306
|
}
|
13922
14307
|
if (this.open && !this.value && this.selectOnEnter) {
|
13923
14308
|
this.scrollToSelected(this.menu);
|
13924
14309
|
}
|
14310
|
+
this.preventMenuFocus = false;
|
13925
14311
|
}
|
13926
14312
|
componentDidRender() {
|
13927
14313
|
if (this.open && !this.popperInstance && this.anchorEl) {
|
@@ -13951,7 +14337,7 @@ class Menu {
|
|
13951
14337
|
this.autoSetInputValueKeyboardOpen(event);
|
13952
14338
|
}
|
13953
14339
|
else {
|
13954
|
-
this.
|
14340
|
+
this.manualSetInputValueKeyboardOpen(event);
|
13955
14341
|
}
|
13956
14342
|
}
|
13957
14343
|
/**
|
@@ -13966,8 +14352,9 @@ class Menu {
|
|
13966
14352
|
* boundary behaviour so sticking with PopperJS.
|
13967
14353
|
*/
|
13968
14354
|
async initPopperJs(anchor) {
|
14355
|
+
// Placements set to "-start" to accommodate for custom menu width - menu should always be aligned to the left
|
13969
14356
|
this.popperInstance = createPopper(anchor, this.host, {
|
13970
|
-
placement: "bottom",
|
14357
|
+
placement: "bottom-start",
|
13971
14358
|
modifiers: [
|
13972
14359
|
{
|
13973
14360
|
name: "offset",
|
@@ -13978,7 +14365,7 @@ class Menu {
|
|
13978
14365
|
{
|
13979
14366
|
name: "flip",
|
13980
14367
|
options: {
|
13981
|
-
fallbackPlacements: ["top"],
|
14368
|
+
fallbackPlacements: ["top-start"],
|
13982
14369
|
rootBoundary: "viewport",
|
13983
14370
|
},
|
13984
14371
|
},
|
@@ -14000,30 +14387,43 @@ class Menu {
|
|
14000
14387
|
}
|
14001
14388
|
render() {
|
14002
14389
|
const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;
|
14390
|
+
const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
|
14391
|
+
const hasNoResults = this.host.classList.contains("no-results");
|
14003
14392
|
return (hAsync(Host, { class: {
|
14004
14393
|
"ic-menu-full-width": fullWidth,
|
14005
14394
|
"ic-menu-no-focus": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" || hasTimedOut || isLoading,
|
14006
14395
|
[`ic-menu-${size}`]: true,
|
14007
|
-
"ic-menu-open": open,
|
14008
|
-
|
14396
|
+
"ic-menu-open": open && options.length !== 0,
|
14397
|
+
"ic-menu-multiple": this.isMultiSelect,
|
14398
|
+
} }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": this.isMultiSelect ? "true" : "false", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ? "0" : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
|
14009
14399
|
if (option.children) {
|
14010
14400
|
if (option.children.length > 0) {
|
14011
|
-
return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) =>
|
14401
|
+
return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
|
14402
|
+
this.displayOption(childOption, this.isMultiSelect
|
14403
|
+
? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
|
14404
|
+
: childOption[this.valueField] === value, index, option))));
|
14012
14405
|
}
|
14013
14406
|
else {
|
14014
14407
|
return null;
|
14015
14408
|
}
|
14016
14409
|
}
|
14017
14410
|
else {
|
14018
|
-
|
14019
|
-
|
14020
|
-
|
14411
|
+
// Display option only if it has a label (rather than displaying an empty space)
|
14412
|
+
return (option.label &&
|
14413
|
+
this.displayOption(option, this.isMultiSelect
|
14414
|
+
? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
|
14415
|
+
: option[this.valueField] === value, index));
|
14416
|
+
}
|
14417
|
+
}))), options.length !== 0 &&
|
14418
|
+
this.isMultiSelect &&
|
14419
|
+
!isLoading &&
|
14420
|
+
!hasTimedOut &&
|
14421
|
+
!hasNoResults && (hAsync("div", { class: "option-bar" }, hAsync("ic-typography", null, hAsync("p", null, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), hAsync("ic-button", { class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
|
14021
14422
|
}
|
14022
14423
|
get host() { return getElement(this); }
|
14023
14424
|
static get watchers() { return {
|
14024
14425
|
"open": ["watchOpenHandler"],
|
14025
|
-
"options": ["watchOptionsHandler"]
|
14026
|
-
"value": ["watchValueHandler"]
|
14426
|
+
"options": ["watchOptionsHandler"]
|
14027
14427
|
}; }
|
14028
14428
|
static get style() { return icMenuCss; }
|
14029
14429
|
static get cmpMeta() { return {
|
@@ -14033,6 +14433,7 @@ class Menu {
|
|
14033
14433
|
"activationType": [1, "activation-type"],
|
14034
14434
|
"anchorEl": [16],
|
14035
14435
|
"autoFocusOnSelected": [4, "auto-focus-on-selected"],
|
14436
|
+
"closeOnSelect": [4, "close-on-select"],
|
14036
14437
|
"fullWidth": [4, "full-width"],
|
14037
14438
|
"inputEl": [16],
|
14038
14439
|
"inputLabel": [1, "input-label"],
|
@@ -14044,13 +14445,14 @@ class Menu {
|
|
14044
14445
|
"selectOnEnter": [4, "select-on-enter"],
|
14045
14446
|
"size": [1],
|
14046
14447
|
"options": [16],
|
14047
|
-
"value": [
|
14448
|
+
"value": [1],
|
14048
14449
|
"valueField": [1, "value-field"],
|
14049
14450
|
"focusFromSearchKeypress": [32],
|
14050
14451
|
"initialOptionsListRender": [32],
|
14051
14452
|
"keyboardNav": [32],
|
14052
14453
|
"optionHighlighted": [32],
|
14053
14454
|
"preventIncorrectTabOrder": [32],
|
14455
|
+
"menuOptions": [32],
|
14054
14456
|
"handleClickOpen": [64],
|
14055
14457
|
"handleKeyboardOpen": [64],
|
14056
14458
|
"handleSetFirstOption": [64],
|
@@ -14062,7 +14464,7 @@ class Menu {
|
|
14062
14464
|
}; }
|
14063
14465
|
}
|
14064
14466
|
|
14065
|
-
const icMenuGroupCss = "/*!@html*/html.sc-ic-menu-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-group{margin:0}/*!@main*/main.sc-ic-menu-group{display:block}/*!@h1*/h1.sc-ic-menu-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-group,strong.sc-ic-menu-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-group,kbd.sc-ic-menu-group,samp.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-group,sup.sc-ic-menu-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-group{top:-0.5em}/*!@img*/img.sc-ic-menu-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-group,input.sc-ic-menu-group,optgroup.sc-ic-menu-group,select.sc-ic-menu-group,textarea.sc-ic-menu-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-group,input.sc-ic-menu-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-group,select.sc-ic-menu-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-group,[type=\"button\"].sc-ic-menu-group,[type=\"reset\"].sc-ic-menu-group,[type=\"submit\"].sc-ic-menu-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-menu-group::-moz-focus-inner,[type=\"button\"].sc-ic-menu-group::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-group::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-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-menu-group:-moz-focusring,[type=\"button\"].sc-ic-menu-group:-moz-focusring,[type=\"reset\"].sc-ic-menu-group:-moz-focusring,[type=\"submit\"].sc-ic-menu-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-group,[type=\"radio\"].sc-ic-menu-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-group{display:block}/*!@summary*/summary.sc-ic-menu-group{display:list-item}/*!@template*/template.sc-ic-menu-group{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-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-menu-group,body.sc-ic-menu-group,div.sc-ic-menu-group,span.sc-ic-menu-group,applet.sc-ic-menu-group,object.sc-ic-menu-group,iframe.sc-ic-menu-group,h1.sc-ic-menu-group,h2.sc-ic-menu-group,h3.sc-ic-menu-group,h4.sc-ic-menu-group,h5.sc-ic-menu-group,h6.sc-ic-menu-group,p.sc-ic-menu-group,blockquote.sc-ic-menu-group,pre.sc-ic-menu-group,a.sc-ic-menu-group,abbr.sc-ic-menu-group,acronym.sc-ic-menu-group,address.sc-ic-menu-group,big.sc-ic-menu-group,cite.sc-ic-menu-group,code.sc-ic-menu-group,del.sc-ic-menu-group,dfn.sc-ic-menu-group,em.sc-ic-menu-group,img.sc-ic-menu-group,ins.sc-ic-menu-group,kbd.sc-ic-menu-group,q.sc-ic-menu-group,s.sc-ic-menu-group,samp.sc-ic-menu-group,small.sc-ic-menu-group,strike.sc-ic-menu-group,strong.sc-ic-menu-group,sub.sc-ic-menu-group,sup.sc-ic-menu-group,tt.sc-ic-menu-group,var.sc-ic-menu-group,b.sc-ic-menu-group,u.sc-ic-menu-group,i.sc-ic-menu-group,center.sc-ic-menu-group,dl.sc-ic-menu-group,dt.sc-ic-menu-group,dd.sc-ic-menu-group,ol.sc-ic-menu-group,ul.sc-ic-menu-group,li.sc-ic-menu-group,fieldset.sc-ic-menu-group,form.sc-ic-menu-group,label.sc-ic-menu-group,legend.sc-ic-menu-group,table.sc-ic-menu-group,caption.sc-ic-menu-group,tbody.sc-ic-menu-group,tfoot.sc-ic-menu-group,thead.sc-ic-menu-group,tr.sc-ic-menu-group,th.sc-ic-menu-group,td.sc-ic-menu-group,article.sc-ic-menu-group,aside.sc-ic-menu-group,canvas.sc-ic-menu-group,details.sc-ic-menu-group,embed.sc-ic-menu-group,figure.sc-ic-menu-group,figcaption.sc-ic-menu-group,footer.sc-ic-menu-group,header.sc-ic-menu-group,hgroup.sc-ic-menu-group,menu.sc-ic-menu-group,nav.sc-ic-menu-group,output.sc-ic-menu-group,ruby.sc-ic-menu-group,section.sc-ic-menu-group,summary.sc-ic-menu-group,time.sc-ic-menu-group,mark.sc-ic-menu-group,audio.sc-ic-menu-group,video.sc-ic-menu-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-menu-group-h{display:flex;flex-direction:column}/*!@ic-typography*/ic-typography.sc-ic-menu-group{--ic-typography-color:var(--ic-
|
14467
|
+
const icMenuGroupCss = "/*!@html*/html.sc-ic-menu-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-group{margin:0}/*!@main*/main.sc-ic-menu-group{display:block}/*!@h1*/h1.sc-ic-menu-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-group,strong.sc-ic-menu-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-group,kbd.sc-ic-menu-group,samp.sc-ic-menu-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-group,sup.sc-ic-menu-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-group{top:-0.5em}/*!@img*/img.sc-ic-menu-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-group,input.sc-ic-menu-group,optgroup.sc-ic-menu-group,select.sc-ic-menu-group,textarea.sc-ic-menu-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-group,input.sc-ic-menu-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-group,select.sc-ic-menu-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-group,[type=\"button\"].sc-ic-menu-group,[type=\"reset\"].sc-ic-menu-group,[type=\"submit\"].sc-ic-menu-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-menu-group::-moz-focus-inner,[type=\"button\"].sc-ic-menu-group::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-group::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-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-menu-group:-moz-focusring,[type=\"button\"].sc-ic-menu-group:-moz-focusring,[type=\"reset\"].sc-ic-menu-group:-moz-focusring,[type=\"submit\"].sc-ic-menu-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-group,[type=\"radio\"].sc-ic-menu-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-group{display:block}/*!@summary*/summary.sc-ic-menu-group{display:list-item}/*!@template*/template.sc-ic-menu-group{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-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-menu-group,body.sc-ic-menu-group,div.sc-ic-menu-group,span.sc-ic-menu-group,applet.sc-ic-menu-group,object.sc-ic-menu-group,iframe.sc-ic-menu-group,h1.sc-ic-menu-group,h2.sc-ic-menu-group,h3.sc-ic-menu-group,h4.sc-ic-menu-group,h5.sc-ic-menu-group,h6.sc-ic-menu-group,p.sc-ic-menu-group,blockquote.sc-ic-menu-group,pre.sc-ic-menu-group,a.sc-ic-menu-group,abbr.sc-ic-menu-group,acronym.sc-ic-menu-group,address.sc-ic-menu-group,big.sc-ic-menu-group,cite.sc-ic-menu-group,code.sc-ic-menu-group,del.sc-ic-menu-group,dfn.sc-ic-menu-group,em.sc-ic-menu-group,img.sc-ic-menu-group,ins.sc-ic-menu-group,kbd.sc-ic-menu-group,q.sc-ic-menu-group,s.sc-ic-menu-group,samp.sc-ic-menu-group,small.sc-ic-menu-group,strike.sc-ic-menu-group,strong.sc-ic-menu-group,sub.sc-ic-menu-group,sup.sc-ic-menu-group,tt.sc-ic-menu-group,var.sc-ic-menu-group,b.sc-ic-menu-group,u.sc-ic-menu-group,i.sc-ic-menu-group,center.sc-ic-menu-group,dl.sc-ic-menu-group,dt.sc-ic-menu-group,dd.sc-ic-menu-group,ol.sc-ic-menu-group,ul.sc-ic-menu-group,li.sc-ic-menu-group,fieldset.sc-ic-menu-group,form.sc-ic-menu-group,label.sc-ic-menu-group,legend.sc-ic-menu-group,table.sc-ic-menu-group,caption.sc-ic-menu-group,tbody.sc-ic-menu-group,tfoot.sc-ic-menu-group,thead.sc-ic-menu-group,tr.sc-ic-menu-group,th.sc-ic-menu-group,td.sc-ic-menu-group,article.sc-ic-menu-group,aside.sc-ic-menu-group,canvas.sc-ic-menu-group,details.sc-ic-menu-group,embed.sc-ic-menu-group,figure.sc-ic-menu-group,figcaption.sc-ic-menu-group,footer.sc-ic-menu-group,header.sc-ic-menu-group,hgroup.sc-ic-menu-group,menu.sc-ic-menu-group,nav.sc-ic-menu-group,output.sc-ic-menu-group,ruby.sc-ic-menu-group,section.sc-ic-menu-group,summary.sc-ic-menu-group,time.sc-ic-menu-group,mark.sc-ic-menu-group,audio.sc-ic-menu-group,video.sc-ic-menu-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-menu-group-h{display:flex;flex-direction:column}/*!@ic-typography*/ic-typography.sc-ic-menu-group{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}/*!@ul*/ul.sc-ic-menu-group{list-style-type:none;margin:0;padding:0}/*!@hr*/hr.sc-ic-menu-group{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-popover-border);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}";
|
14066
14468
|
|
14067
14469
|
class MenuGroup {
|
14068
14470
|
constructor(hostRef) {
|
@@ -14071,7 +14473,7 @@ class MenuGroup {
|
|
14071
14473
|
}
|
14072
14474
|
render() {
|
14073
14475
|
const parentMenu = this.el.closest("ic-popover-menu");
|
14074
|
-
return (hAsync(Host, { "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { variant: "subtitle-small" }, this.label)), hAsync("
|
14476
|
+
return (hAsync(Host, { role: "group", "aria-label": this.label !== null ? this.label : "" }, isPropDefined(this.label) && (hAsync("ic-typography", { variant: "subtitle-small" }, this.label)), hAsync("span", { class: "menu-items-wrapper" }, hAsync("slot", null)), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (hAsync("hr", null))));
|
14075
14477
|
}
|
14076
14478
|
get el() { return getElement(this); }
|
14077
14479
|
static get style() { return icMenuGroupCss; }
|
@@ -14087,7 +14489,7 @@ class MenuGroup {
|
|
14087
14489
|
}; }
|
14088
14490
|
}
|
14089
14491
|
|
14090
|
-
const icMenuItemCss = "/*!@html*/html.sc-ic-menu-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-item{margin:0}/*!@main*/main.sc-ic-menu-item{display:block}/*!@h1*/h1.sc-ic-menu-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-item,strong.sc-ic-menu-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-item,kbd.sc-ic-menu-item,samp.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-item,sup.sc-ic-menu-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-item{top:-0.5em}/*!@img*/img.sc-ic-menu-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-item,input.sc-ic-menu-item,optgroup.sc-ic-menu-item,select.sc-ic-menu-item,textarea.sc-ic-menu-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-item,input.sc-ic-menu-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-item,select.sc-ic-menu-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-item,[type=\"button\"].sc-ic-menu-item,[type=\"reset\"].sc-ic-menu-item,[type=\"submit\"].sc-ic-menu-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-menu-item::-moz-focus-inner,[type=\"button\"].sc-ic-menu-item::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-item::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-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-menu-item:-moz-focusring,[type=\"button\"].sc-ic-menu-item:-moz-focusring,[type=\"reset\"].sc-ic-menu-item:-moz-focusring,[type=\"submit\"].sc-ic-menu-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-item,[type=\"radio\"].sc-ic-menu-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-item{display:block}/*!@summary*/summary.sc-ic-menu-item{display:list-item}/*!@template*/template.sc-ic-menu-item{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-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-menu-item,body.sc-ic-menu-item,div.sc-ic-menu-item,span.sc-ic-menu-item,applet.sc-ic-menu-item,object.sc-ic-menu-item,iframe.sc-ic-menu-item,h1.sc-ic-menu-item,h2.sc-ic-menu-item,h3.sc-ic-menu-item,h4.sc-ic-menu-item,h5.sc-ic-menu-item,h6.sc-ic-menu-item,p.sc-ic-menu-item,blockquote.sc-ic-menu-item,pre.sc-ic-menu-item,a.sc-ic-menu-item,abbr.sc-ic-menu-item,acronym.sc-ic-menu-item,address.sc-ic-menu-item,big.sc-ic-menu-item,cite.sc-ic-menu-item,code.sc-ic-menu-item,del.sc-ic-menu-item,dfn.sc-ic-menu-item,em.sc-ic-menu-item,img.sc-ic-menu-item,ins.sc-ic-menu-item,kbd.sc-ic-menu-item,q.sc-ic-menu-item,s.sc-ic-menu-item,samp.sc-ic-menu-item,small.sc-ic-menu-item,strike.sc-ic-menu-item,strong.sc-ic-menu-item,sub.sc-ic-menu-item,sup.sc-ic-menu-item,tt.sc-ic-menu-item,var.sc-ic-menu-item,b.sc-ic-menu-item,u.sc-ic-menu-item,i.sc-ic-menu-item,center.sc-ic-menu-item,dl.sc-ic-menu-item,dt.sc-ic-menu-item,dd.sc-ic-menu-item,ol.sc-ic-menu-item,ul.sc-ic-menu-item,li.sc-ic-menu-item,fieldset.sc-ic-menu-item,form.sc-ic-menu-item,label.sc-ic-menu-item,legend.sc-ic-menu-item,table.sc-ic-menu-item,caption.sc-ic-menu-item,tbody.sc-ic-menu-item,tfoot.sc-ic-menu-item,thead.sc-ic-menu-item,tr.sc-ic-menu-item,th.sc-ic-menu-item,td.sc-ic-menu-item,article.sc-ic-menu-item,aside.sc-ic-menu-item,canvas.sc-ic-menu-item,details.sc-ic-menu-item,embed.sc-ic-menu-item,figure.sc-ic-menu-item,figcaption.sc-ic-menu-item,footer.sc-ic-menu-item,header.sc-ic-menu-item,hgroup.sc-ic-menu-item,menu.sc-ic-menu-item,nav.sc-ic-menu-item,output.sc-ic-menu-item,ruby.sc-ic-menu-item,section.sc-ic-menu-item,summary.sc-ic-menu-item,time.sc-ic-menu-item,mark.sc-ic-menu-item,audio.sc-ic-menu-item,video.sc-ic-menu-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@li*/li.sc-ic-menu-item{list-style:none;padding:0}/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-color-text-primary);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}/*!@.focus-border*/.focus-border.sc-ic-menu-item{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}/*!@:host(.ic-menu-item-disabled) ::part(button)*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-architectural-200) !important;--ic-typography-color:var(--ic-architectural-200) !important;pointer-events:none}/*!@:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-architectural-200) !important}/*!@:host([variant=\"destructive\"]) ::part(button)*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-action-destructive);--ic-typography-color:var(--ic-action-destructive)}/*!@:host ::part(button):hover*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@:host ::part(button):focus-visible,\n:host ::part(button):focus*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-color-white-text);--ic-typography-color:var(--ic-color-white-text);background-color:var(--ic-color-focus-inner);box-shadow:none}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-theme-lighten-40) !important;--ic-typography-color:var(--ic-theme-lighten-40) !important}/*!@:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{background-color:var(--ic-action-destructive)}/*!@ic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description*/ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-color-white-text)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:var(--ic-architectural-white)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-theme-lighten-40) !important}/*!@:host ::part(button):active*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-color-text-primary) !important;--ic-typography-color:var(--ic-color-text-primary) !important}/*!@:host([variant=\"destructive\"]) ::part(button):active*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-action-dark-bg-pressed);color:var(--ic-action-destructive) !important;--ic-typography-color:var(--ic-action-destructive) !important}/*!@.menu-item-info*/.menu-item-info.sc-ic-menu-item{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}/*!@.menu-labels*/.menu-labels.sc-ic-menu-item{display:flex;align-items:baseline;gap:var(--ic-space-xs)}/*!@.menu-item-description*/.menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-secondary)}/*!@.shortcut*/.shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-tertiary);display:flex;flex:min-content}/*!@:host([variant=\"destructive\"]) .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}/*!@ic-button:active .menu-item-label*/ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-primary)}/*!@ic-button:active .menu-item-description*/ic-button.sc-ic-menu-item:active .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-secondary)}/*!@ic-button:active .shortcut*/ic-button.sc-ic-menu-item:active .shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-color-text-tertiary)}/*!@:host([variant=\"destructive\"]) ic-button:active .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(--ic-action-destructive) !important}/*!@.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg*/.icon.sc-ic-menu-item,.check-icon.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item,.icon.sc-ic-menu-item-s>svg,.icon .sc-ic-menu-item-s>svg,.check-icon.sc-ic-menu-item svg.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item svg.sc-ic-menu-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.check-icon.hide*/.check-icon.hide.sc-ic-menu-item{visibility:hidden}@media (forced-colors: active){/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){border:canvas}/*!@:host ::part(button):focus-visible*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}/*!@.focus-border*/.focus-border.sc-ic-menu-item{border-color:canvas}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:GrayText}/*!@:host(.ic-menu-item-disabled) .menu-item-info,\n :host(.ic-menu-item-disabled) .menu-item-label,\n :host(.ic-menu-item-disabled) .shortcut,\n :host(.ic-menu-item-disabled) .menu-item-description,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:GrayText !important}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n :host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{outline-color:GrayText !important}}";
|
14492
|
+
const icMenuItemCss = "/*!@html*/html.sc-ic-menu-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu-item{margin:0}/*!@main*/main.sc-ic-menu-item{display:block}/*!@h1*/h1.sc-ic-menu-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu-item,strong.sc-ic-menu-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu-item,kbd.sc-ic-menu-item,samp.sc-ic-menu-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu-item,sup.sc-ic-menu-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu-item{top:-0.5em}/*!@img*/img.sc-ic-menu-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-menu-item,input.sc-ic-menu-item,optgroup.sc-ic-menu-item,select.sc-ic-menu-item,textarea.sc-ic-menu-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-menu-item,input.sc-ic-menu-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu-item,select.sc-ic-menu-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu-item,[type=\"button\"].sc-ic-menu-item,[type=\"reset\"].sc-ic-menu-item,[type=\"submit\"].sc-ic-menu-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-menu-item::-moz-focus-inner,[type=\"button\"].sc-ic-menu-item::-moz-focus-inner,[type=\"reset\"].sc-ic-menu-item::-moz-focus-inner,[type=\"submit\"].sc-ic-menu-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-menu-item:-moz-focusring,[type=\"button\"].sc-ic-menu-item:-moz-focusring,[type=\"reset\"].sc-ic-menu-item:-moz-focusring,[type=\"submit\"].sc-ic-menu-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-menu-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu-item,[type=\"radio\"].sc-ic-menu-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu-item{display:block}/*!@summary*/summary.sc-ic-menu-item{display:list-item}/*!@template*/template.sc-ic-menu-item{display:none}/*!@[hidden]*/[hidden].sc-ic-menu-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-menu-item,body.sc-ic-menu-item,div.sc-ic-menu-item,span.sc-ic-menu-item,applet.sc-ic-menu-item,object.sc-ic-menu-item,iframe.sc-ic-menu-item,h1.sc-ic-menu-item,h2.sc-ic-menu-item,h3.sc-ic-menu-item,h4.sc-ic-menu-item,h5.sc-ic-menu-item,h6.sc-ic-menu-item,p.sc-ic-menu-item,blockquote.sc-ic-menu-item,pre.sc-ic-menu-item,a.sc-ic-menu-item,abbr.sc-ic-menu-item,acronym.sc-ic-menu-item,address.sc-ic-menu-item,big.sc-ic-menu-item,cite.sc-ic-menu-item,code.sc-ic-menu-item,del.sc-ic-menu-item,dfn.sc-ic-menu-item,em.sc-ic-menu-item,img.sc-ic-menu-item,ins.sc-ic-menu-item,kbd.sc-ic-menu-item,q.sc-ic-menu-item,s.sc-ic-menu-item,samp.sc-ic-menu-item,small.sc-ic-menu-item,strike.sc-ic-menu-item,strong.sc-ic-menu-item,sub.sc-ic-menu-item,sup.sc-ic-menu-item,tt.sc-ic-menu-item,var.sc-ic-menu-item,b.sc-ic-menu-item,u.sc-ic-menu-item,i.sc-ic-menu-item,center.sc-ic-menu-item,dl.sc-ic-menu-item,dt.sc-ic-menu-item,dd.sc-ic-menu-item,ol.sc-ic-menu-item,ul.sc-ic-menu-item,li.sc-ic-menu-item,fieldset.sc-ic-menu-item,form.sc-ic-menu-item,label.sc-ic-menu-item,legend.sc-ic-menu-item,table.sc-ic-menu-item,caption.sc-ic-menu-item,tbody.sc-ic-menu-item,tfoot.sc-ic-menu-item,thead.sc-ic-menu-item,tr.sc-ic-menu-item,th.sc-ic-menu-item,td.sc-ic-menu-item,article.sc-ic-menu-item,aside.sc-ic-menu-item,canvas.sc-ic-menu-item,details.sc-ic-menu-item,embed.sc-ic-menu-item,figure.sc-ic-menu-item,figcaption.sc-ic-menu-item,footer.sc-ic-menu-item,header.sc-ic-menu-item,hgroup.sc-ic-menu-item,menu.sc-ic-menu-item,nav.sc-ic-menu-item,output.sc-ic-menu-item,ruby.sc-ic-menu-item,section.sc-ic-menu-item,summary.sc-ic-menu-item,time.sc-ic-menu-item,mark.sc-ic-menu-item,audio.sc-ic-menu-item,video.sc-ic-menu-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@li*/li.sc-ic-menu-item{list-style:none;padding:0}/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}/*!@.focus-border*/.focus-border.sc-ic-menu-item{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}/*!@:host(.ic-menu-item-disabled) ::part(button)*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}/*!@:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}/*!@:host([variant=\"destructive\"]) ::part(button)*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}/*!@:host ::part(button):hover*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):hover{background-color:var(--ic-popover-background-hover)}/*!@:host ::part(button):focus-visible,\n:host ::part(button):focus*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}/*!@:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}/*!@ic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description*/ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:var(--ic-popover-menu-border)}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}/*!@:host ::part(button):active*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}/*!@:host([variant=\"destructive\"]) ::part(button):active*/[variant=\"destructive\"].sc-ic-menu-item-h .sc-ic-menu-item::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}/*!@.menu-item-info*/.menu-item-info.sc-ic-menu-item{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}/*!@.menu-labels*/.menu-labels.sc-ic-menu-item{display:flex;align-items:baseline;gap:var(--ic-space-xs)}/*!@.menu-item-description*/.menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-description)}/*!@.shortcut*/.shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}/*!@:host([variant=\"destructive\"]) .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}/*!@ic-button:active .menu-item-label*/ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-label)}/*!@ic-button:active .menu-item-description*/ic-button.sc-ic-menu-item:active .menu-item-description.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-description)}/*!@ic-button:active .shortcut*/ic-button.sc-ic-menu-item:active .shortcut.sc-ic-menu-item{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}/*!@:host([variant=\"destructive\"]) ic-button:active .menu-item-label*/[variant=\"destructive\"].sc-ic-menu-item-h ic-button.sc-ic-menu-item:active .menu-item-label.sc-ic-menu-item{--ic-typography-color:var(\n --ic-popover-menu-destructive-item-label\n ) !important}/*!@.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg*/.icon.sc-ic-menu-item,.check-icon.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item,.icon.sc-ic-menu-item-s>svg,.icon .sc-ic-menu-item-s>svg,.check-icon.sc-ic-menu-item svg.sc-ic-menu-item,.submenu-icon.sc-ic-menu-item svg.sc-ic-menu-item{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.check-icon.hide*/.check-icon.hide.sc-ic-menu-item{visibility:hidden}@media (forced-colors: active){/*!@:host ::part(button)*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button){border:canvas}/*!@:host ::part(button):focus-visible*/.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}/*!@.focus-border*/.focus-border.sc-ic-menu-item{border-color:canvas}/*!@:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border*/.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:GrayText}/*!@:host(.ic-menu-item-disabled) .menu-item-info,\n :host(.ic-menu-item-disabled) .menu-item-label,\n :host(.ic-menu-item-disabled) .shortcut,\n :host(.ic-menu-item-disabled) .menu-item-description,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description*/.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-info.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.ic-menu-item-disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{--ic-typography-color:GrayText !important}/*!@:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n :host(.ic-menu-item-disabled) ::part(button):focus*/.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus-visible,.ic-menu-item-disabled.sc-ic-menu-item-h .sc-ic-menu-item::part(button):focus{outline-color:GrayText !important}}";
|
14091
14493
|
|
14092
14494
|
/**
|
14093
14495
|
* @slot icon - Content will be placed to the left of the menu item label.
|
@@ -14116,8 +14518,8 @@ class MenuItem {
|
|
14116
14518
|
if (isPropDefined(this.description)) {
|
14117
14519
|
ariaLabel = `${ariaLabel}, ${this.description}`;
|
14118
14520
|
}
|
14119
|
-
if (isPropDefined(this.
|
14120
|
-
ariaLabel = `${ariaLabel}, ${this.
|
14521
|
+
if (isPropDefined(this.keyboardShortcutLabel)) {
|
14522
|
+
ariaLabel = `${ariaLabel}, ${this.keyboardShortcutLabel}`;
|
14121
14523
|
}
|
14122
14524
|
if (this.variant === "destructive") {
|
14123
14525
|
ariaLabel = `${ariaLabel}, destructive`;
|
@@ -14142,7 +14544,7 @@ class MenuItem {
|
|
14142
14544
|
this.disabled = false;
|
14143
14545
|
this.href = undefined;
|
14144
14546
|
this.hreflang = undefined;
|
14145
|
-
this.
|
14547
|
+
this.keyboardShortcutLabel = undefined;
|
14146
14548
|
this.label = undefined;
|
14147
14549
|
this.referrerpolicy = undefined;
|
14148
14550
|
this.rel = undefined;
|
@@ -14168,17 +14570,17 @@ class MenuItem {
|
|
14168
14570
|
render() {
|
14169
14571
|
// A sub-component to layout the menu information correctly in ic-button
|
14170
14572
|
const MenuItemInformation = () => {
|
14171
|
-
return (hAsync("div", { class: "menu-item-info" }, hAsync("div", { class: "menu-labels" }, hAsync("ic-typography", { class: "menu-item-label" }, this.label), this.
|
14573
|
+
return (hAsync("div", { class: "menu-item-info" }, hAsync("div", { class: "menu-labels" }, hAsync("ic-typography", { class: "menu-item-label" }, this.label), this.keyboardShortcutLabel && (hAsync("ic-typography", { variant: "caption", class: "shortcut" }, this.keyboardShortcutLabel))), this.description && (hAsync("ic-typography", { class: "menu-item-description", variant: "caption" }, this.description))));
|
14172
14574
|
};
|
14173
14575
|
return (hAsync(Host, { class: {
|
14174
14576
|
["ic-menu-item-disabled"]: this.disabled,
|
14175
|
-
} }, hAsync("li", { role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
|
14176
|
-
?
|
14177
|
-
|
14577
|
+
} }, hAsync("li", { role: this.variant === "toggle" ? "menuitemcheckbox" : "menuitem", "aria-disabled": `${this.disabled}`, "aria-checked": this.variant === "toggle"
|
14578
|
+
? this.toggleChecked
|
14579
|
+
? "true"
|
14580
|
+
: "false"
|
14581
|
+
: 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) ||
|
14178
14582
|
this.el.classList.contains("ic-popover-submenu-back-button")
|
14179
14583
|
? "menu"
|
14180
|
-
: false, ariaOwnsId: isPropDefined(this.submenuTriggerFor)
|
14181
|
-
? `ic-popover-submenu-${this.submenuTriggerFor}`
|
14182
14584
|
: 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: {
|
14183
14585
|
["check-icon"]: true,
|
14184
14586
|
["hide"]: !this.toggleChecked,
|
@@ -14195,7 +14597,7 @@ class MenuItem {
|
|
14195
14597
|
"disabled": [4],
|
14196
14598
|
"href": [1],
|
14197
14599
|
"hreflang": [1],
|
14198
|
-
"
|
14600
|
+
"keyboardShortcutLabel": [1, "keyboard-shortcut-label"],
|
14199
14601
|
"label": [1],
|
14200
14602
|
"referrerpolicy": [1],
|
14201
14603
|
"rel": [1],
|
@@ -14333,7 +14735,7 @@ class NavigationButton {
|
|
14333
14735
|
}; }
|
14334
14736
|
}
|
14335
14737
|
|
14336
|
-
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);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}";
|
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}";
|
14337
14739
|
|
14338
14740
|
class NavigationGroup {
|
14339
14741
|
constructor(hostRef) {
|
@@ -14543,11 +14945,12 @@ class NavigationGroup {
|
|
14543
14945
|
this.label = undefined;
|
14544
14946
|
}
|
14545
14947
|
disconnectedCallback() {
|
14948
|
+
var _a, _b;
|
14546
14949
|
if (this.navigationType === "side") {
|
14547
|
-
this.parentEl.removeEventListener("icSideNavExpanded", this.sideNavExpandHandler);
|
14950
|
+
(_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("icSideNavExpanded", this.sideNavExpandHandler);
|
14548
14951
|
}
|
14549
14952
|
else if (this.navigationType === "top") {
|
14550
|
-
this.parentEl.removeEventListener("icTopNavResized", this.topNavResizedHandler);
|
14953
|
+
(_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener("icTopNavResized", this.topNavResizedHandler);
|
14551
14954
|
}
|
14552
14955
|
}
|
14553
14956
|
componentWillLoad() {
|
@@ -14666,12 +15069,14 @@ class NavigationItem {
|
|
14666
15069
|
this.childBlur = createEvent(this, "childBlur", 7);
|
14667
15070
|
this.navItemClicked = createEvent(this, "navItemClicked", 7);
|
14668
15071
|
this.isInitialRender = true;
|
15072
|
+
this.hostMutationObserver = null;
|
15073
|
+
this.ARIA_LABEL_STRING = "aria-label";
|
14669
15074
|
this.displayDefaultNavigationItem = (href, hreflang, target, rel, referrerpolicy, download, label) => {
|
14670
15075
|
const variant = this.isTopNavChild || this.inTopNavSideMenu ? "body" : "label";
|
14671
15076
|
const ChevronIconComponent = this.expandable && (hAsync("div", { class: { svg: true }, innerHTML: chevronIcon }));
|
14672
15077
|
const IconComponent = this.el.querySelector('[slot="icon"]') && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }), isSlotUsed(this.el, "badge") && hAsync("slot", { name: "badge" })));
|
14673
15078
|
if (href !== "") {
|
14674
|
-
return (hAsync("a", { href: href, target: target, rel: rel, hreflang: hreflang, referrerPolicy: referrerpolicy, download: download !== false ? download : null, class: "link", ref: (el) => (this.itemEl = el), part: "link" }, IconComponent, hAsync("ic-typography", { variant: variant }, label), hAsync("div", { class: "chevron-container" }, ChevronIconComponent), target === "_blank" && (hAsync("span", { class: "open-in-new-icon", innerHTML: OpenInNew }))));
|
15079
|
+
return (hAsync("a", { href: href, target: target, rel: rel, hreflang: hreflang, referrerPolicy: referrerpolicy, download: download !== false ? download : null, class: "link", ref: (el) => (this.itemEl = el), part: "link", "aria-label": this.ariaLabel ? this.ariaLabel : null }, IconComponent, hAsync("ic-typography", { variant: variant }, label), hAsync("div", { class: "chevron-container" }, ChevronIconComponent), target === "_blank" && (hAsync("span", { class: "open-in-new-icon", innerHTML: OpenInNew }))));
|
14675
15080
|
}
|
14676
15081
|
return (hAsync("div", { tabindex: "0", class: "link", ref: (el) => (this.itemEl = el) }, IconComponent, hAsync("ic-typography", { variant: variant }, label), ChevronIconComponent));
|
14677
15082
|
};
|
@@ -14699,6 +15104,14 @@ class NavigationItem {
|
|
14699
15104
|
this.handleClick = () => {
|
14700
15105
|
this.navItemClicked.emit();
|
14701
15106
|
};
|
15107
|
+
// triggered when attributes of host element change
|
15108
|
+
this.hostMutationCallback = (mutationList) => {
|
15109
|
+
mutationList.forEach(({ attributeName }) => {
|
15110
|
+
if (attributeName === this.ARIA_LABEL_STRING) {
|
15111
|
+
this.ariaLabel = this.el.getAttribute(attributeName);
|
15112
|
+
}
|
15113
|
+
});
|
15114
|
+
};
|
14702
15115
|
this.generateTooltipLabel = () => {
|
14703
15116
|
if (this.label) {
|
14704
15117
|
return this.label;
|
@@ -14728,6 +15141,7 @@ class NavigationItem {
|
|
14728
15141
|
this.navigationType = undefined;
|
14729
15142
|
this.parentEl = undefined;
|
14730
15143
|
this.sideNavExpanded = false;
|
15144
|
+
this.ariaLabel = "";
|
14731
15145
|
this.collapsedIconLabel = false;
|
14732
15146
|
this.displayNavigationTooltip = false;
|
14733
15147
|
this.download = false;
|
@@ -14741,12 +15155,14 @@ class NavigationItem {
|
|
14741
15155
|
this.target = undefined;
|
14742
15156
|
}
|
14743
15157
|
disconnectedCallback() {
|
15158
|
+
var _a;
|
14744
15159
|
if (this.navigationType === "side") {
|
14745
15160
|
this.parentEl.removeEventListener("icSideNavExpanded", this.sideNavExpandHandler);
|
14746
15161
|
}
|
14747
15162
|
else if (this.navigationType === "top") {
|
14748
15163
|
this.parentEl.removeEventListener("icTopNavResized", this.topNavResizedHandler);
|
14749
15164
|
}
|
15165
|
+
(_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
14750
15166
|
}
|
14751
15167
|
componentWillLoad() {
|
14752
15168
|
const { navType, parent } = getNavItemParentDetails(this.el);
|
@@ -14768,6 +15184,15 @@ class NavigationItem {
|
|
14768
15184
|
if (this.navigationSlot) {
|
14769
15185
|
this.navigationSlot.ariaLabel = this.navigationSlot.textContent.trim();
|
14770
15186
|
}
|
15187
|
+
if (this.el.hasAttribute(this.ARIA_LABEL_STRING)) {
|
15188
|
+
this.ariaLabel = this.el.getAttribute(this.ARIA_LABEL_STRING);
|
15189
|
+
}
|
15190
|
+
}
|
15191
|
+
componentDidLoad() {
|
15192
|
+
this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);
|
15193
|
+
this.hostMutationObserver.observe(this.el, {
|
15194
|
+
attributes: true,
|
15195
|
+
});
|
14771
15196
|
}
|
14772
15197
|
componentDidUpdate() {
|
14773
15198
|
this.isInitialRender = false;
|
@@ -14837,6 +15262,7 @@ class NavigationItem {
|
|
14837
15262
|
"navigationType": [32],
|
14838
15263
|
"parentEl": [32],
|
14839
15264
|
"sideNavExpanded": [32],
|
15265
|
+
"ariaLabel": [32],
|
14840
15266
|
"setFocus": [64]
|
14841
15267
|
},
|
14842
15268
|
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
@@ -14976,7 +15402,7 @@ class NavigationMenu {
|
|
14976
15402
|
}; }
|
14977
15403
|
}
|
14978
15404
|
|
14979
|
-
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-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:var(--ic-border-default)}/*!@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
|
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-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:var(--ic-border-default)}/*!@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)}}";
|
14980
15406
|
|
14981
15407
|
/**
|
14982
15408
|
* @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
|
@@ -15075,10 +15501,10 @@ class PageHeader {
|
|
15075
15501
|
}, "aria-label": this.el.ariaLabel || "page header" }, hAsync("header", { class: {
|
15076
15502
|
["border-bottom"]: border,
|
15077
15503
|
["tabs"]: isSlotUsed(this.el, "tabs"),
|
15078
|
-
}, role: "presentation" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", null, heading))), hAsync("slot", { name: "heading-adornment" })), hAsync("div",
|
15079
|
-
["subheading"]:
|
15504
|
+
}, role: "presentation" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: size === "small" ? "h4" : "h2", class: "heading" }, hAsync("h2", null, heading))), hAsync("slot", { name: "heading-adornment" })), hAsync("div", { class: {
|
15505
|
+
["subheading-content"]: !!subheading || isSlotUsed(this.el, "subheading"),
|
15080
15506
|
["small"]: size === "small",
|
15081
|
-
} }, subheading))))
|
15507
|
+
} }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "body" }, subheading)))), isSlotUsed(this.el, "actions") && (hAsync("div", { class: "action-area" }, hAsync("slot", { name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { class: "input-area" }, hAsync("slot", { name: "input" })))), (isSlotUsed(this.el, "stepper") ||
|
15082
15508
|
isSlotUsed(this.el, "tabs")) && (hAsync("div", { class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
|
15083
15509
|
!isSlotUsed(this.el, "tabs") && hAsync("slot", { name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { "aria-label": navAriaLabel }, hAsync("ic-horizontal-scroll", null, hAsync("ul", { class: "tabs-slot" }, hAsync("slot", { name: "tabs" })))))))))));
|
15084
15510
|
}
|
@@ -15115,7 +15541,7 @@ var paginationFirstLast = `<svg width="12" height="10" viewBox="0 0 12 10" fill=
|
|
15115
15541
|
<path d="M11.1709 8.825L7.34589 5L11.1709 1.175L9.99589 0L4.99589 5L9.99589 10L11.1709 8.825ZM0.829224 0H2.49589V10H0.829224V0Z" fill="currentColour"/>
|
15116
15542
|
</svg>`;
|
15117
15543
|
|
15118
|
-
const icPaginationCss = "/*!@html*/html.sc-ic-pagination{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination{margin:0}/*!@main*/main.sc-ic-pagination{display:block}/*!@h1*/h1.sc-ic-pagination{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination,strong.sc-ic-pagination{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination,kbd.sc-ic-pagination,samp.sc-ic-pagination{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination,sup.sc-ic-pagination{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination{top:-0.5em}/*!@img*/img.sc-ic-pagination{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination,input.sc-ic-pagination,optgroup.sc-ic-pagination,select.sc-ic-pagination,textarea.sc-ic-pagination{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination,input.sc-ic-pagination{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination,select.sc-ic-pagination{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination,[type=\"button\"].sc-ic-pagination,[type=\"reset\"].sc-ic-pagination,[type=\"submit\"].sc-ic-pagination{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination::-moz-focus-inner,[type=\"button\"].sc-ic-pagination::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination:-moz-focusring,[type=\"button\"].sc-ic-pagination:-moz-focusring,[type=\"reset\"].sc-ic-pagination:-moz-focusring,[type=\"submit\"].sc-ic-pagination:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination,[type=\"radio\"].sc-ic-pagination{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination{display:block}/*!@summary*/summary.sc-ic-pagination{display:list-item}/*!@template*/template.sc-ic-pagination{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination,body.sc-ic-pagination,div.sc-ic-pagination,span.sc-ic-pagination,applet.sc-ic-pagination,object.sc-ic-pagination,iframe.sc-ic-pagination,h1.sc-ic-pagination,h2.sc-ic-pagination,h3.sc-ic-pagination,h4.sc-ic-pagination,h5.sc-ic-pagination,h6.sc-ic-pagination,p.sc-ic-pagination,blockquote.sc-ic-pagination,pre.sc-ic-pagination,a.sc-ic-pagination,abbr.sc-ic-pagination,acronym.sc-ic-pagination,address.sc-ic-pagination,big.sc-ic-pagination,cite.sc-ic-pagination,code.sc-ic-pagination,del.sc-ic-pagination,dfn.sc-ic-pagination,em.sc-ic-pagination,img.sc-ic-pagination,ins.sc-ic-pagination,kbd.sc-ic-pagination,q.sc-ic-pagination,s.sc-ic-pagination,samp.sc-ic-pagination,small.sc-ic-pagination,strike.sc-ic-pagination,strong.sc-ic-pagination,sub.sc-ic-pagination,sup.sc-ic-pagination,tt.sc-ic-pagination,var.sc-ic-pagination,b.sc-ic-pagination,u.sc-ic-pagination,i.sc-ic-pagination,center.sc-ic-pagination,dl.sc-ic-pagination,dt.sc-ic-pagination,dd.sc-ic-pagination,ol.sc-ic-pagination,ul.sc-ic-pagination,li.sc-ic-pagination,fieldset.sc-ic-pagination,form.sc-ic-pagination,label.sc-ic-pagination,legend.sc-ic-pagination,table.sc-ic-pagination,caption.sc-ic-pagination,tbody.sc-ic-pagination,tfoot.sc-ic-pagination,thead.sc-ic-pagination,tr.sc-ic-pagination,th.sc-ic-pagination,td.sc-ic-pagination,article.sc-ic-pagination,aside.sc-ic-pagination,canvas.sc-ic-pagination,details.sc-ic-pagination,embed.sc-ic-pagination,figure.sc-ic-pagination,figcaption.sc-ic-pagination,footer.sc-ic-pagination,header.sc-ic-pagination,hgroup.sc-ic-pagination,menu.sc-ic-pagination,nav.sc-ic-pagination,output.sc-ic-pagination,ruby.sc-ic-pagination,section.sc-ic-pagination,summary.sc-ic-pagination,time.sc-ic-pagination,mark.sc-ic-pagination,audio.sc-ic-pagination,video.sc-ic-pagination{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-pagination-h{box-sizing:border-box;width:100%;display:flex;justify-content:center}/*!@nav*/nav.sc-ic-pagination{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}/*!@ic-button*/ic-button.sc-ic-pagination{cursor:pointer}/*!@ic-button.next-previous*/ic-button.next-previous.sc-ic-pagination{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}/*!@ic-button.first-last*/ic-button.first-last.sc-ic-pagination{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}/*!@.disabled*/.disabled.sc-ic-pagination{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}/*!@.hide-current-page*/.hide-current-page.sc-ic-pagination{display:none}/*!@.sr-only*/.sr-only.sc-ic-pagination{position:absolute;left:-9999px}";
|
15544
|
+
const icPaginationCss = "/*!@html*/html.sc-ic-pagination{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination{margin:0}/*!@main*/main.sc-ic-pagination{display:block}/*!@h1*/h1.sc-ic-pagination{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination,strong.sc-ic-pagination{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination,kbd.sc-ic-pagination,samp.sc-ic-pagination{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination,sup.sc-ic-pagination{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination{top:-0.5em}/*!@img*/img.sc-ic-pagination{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination,input.sc-ic-pagination,optgroup.sc-ic-pagination,select.sc-ic-pagination,textarea.sc-ic-pagination{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination,input.sc-ic-pagination{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination,select.sc-ic-pagination{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination,[type=\"button\"].sc-ic-pagination,[type=\"reset\"].sc-ic-pagination,[type=\"submit\"].sc-ic-pagination{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination::-moz-focus-inner,[type=\"button\"].sc-ic-pagination::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination:-moz-focusring,[type=\"button\"].sc-ic-pagination:-moz-focusring,[type=\"reset\"].sc-ic-pagination:-moz-focusring,[type=\"submit\"].sc-ic-pagination:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination,[type=\"radio\"].sc-ic-pagination{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination{display:block}/*!@summary*/summary.sc-ic-pagination{display:list-item}/*!@template*/template.sc-ic-pagination{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination,body.sc-ic-pagination,div.sc-ic-pagination,span.sc-ic-pagination,applet.sc-ic-pagination,object.sc-ic-pagination,iframe.sc-ic-pagination,h1.sc-ic-pagination,h2.sc-ic-pagination,h3.sc-ic-pagination,h4.sc-ic-pagination,h5.sc-ic-pagination,h6.sc-ic-pagination,p.sc-ic-pagination,blockquote.sc-ic-pagination,pre.sc-ic-pagination,a.sc-ic-pagination,abbr.sc-ic-pagination,acronym.sc-ic-pagination,address.sc-ic-pagination,big.sc-ic-pagination,cite.sc-ic-pagination,code.sc-ic-pagination,del.sc-ic-pagination,dfn.sc-ic-pagination,em.sc-ic-pagination,img.sc-ic-pagination,ins.sc-ic-pagination,kbd.sc-ic-pagination,q.sc-ic-pagination,s.sc-ic-pagination,samp.sc-ic-pagination,small.sc-ic-pagination,strike.sc-ic-pagination,strong.sc-ic-pagination,sub.sc-ic-pagination,sup.sc-ic-pagination,tt.sc-ic-pagination,var.sc-ic-pagination,b.sc-ic-pagination,u.sc-ic-pagination,i.sc-ic-pagination,center.sc-ic-pagination,dl.sc-ic-pagination,dt.sc-ic-pagination,dd.sc-ic-pagination,ol.sc-ic-pagination,ul.sc-ic-pagination,li.sc-ic-pagination,fieldset.sc-ic-pagination,form.sc-ic-pagination,label.sc-ic-pagination,legend.sc-ic-pagination,table.sc-ic-pagination,caption.sc-ic-pagination,tbody.sc-ic-pagination,tfoot.sc-ic-pagination,thead.sc-ic-pagination,tr.sc-ic-pagination,th.sc-ic-pagination,td.sc-ic-pagination,article.sc-ic-pagination,aside.sc-ic-pagination,canvas.sc-ic-pagination,details.sc-ic-pagination,embed.sc-ic-pagination,figure.sc-ic-pagination,figcaption.sc-ic-pagination,footer.sc-ic-pagination,header.sc-ic-pagination,hgroup.sc-ic-pagination,menu.sc-ic-pagination,nav.sc-ic-pagination,output.sc-ic-pagination,ruby.sc-ic-pagination,section.sc-ic-pagination,summary.sc-ic-pagination,time.sc-ic-pagination,mark.sc-ic-pagination,audio.sc-ic-pagination,video.sc-ic-pagination{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-pagination-h{box-sizing:border-box;width:100%;display:flex;justify-content:center}/*!@nav*/nav.sc-ic-pagination{width:100%;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}/*!@ic-button*/ic-button.sc-ic-pagination{cursor:pointer}/*!@ic-button.next-previous*/ic-button.next-previous.sc-ic-pagination{--icon-width:var(--ic-space-xs);--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs));padding:0 var(--ic-space-xxs) 0 var(--ic-space-xxxs)}/*!@ic-button.first-last*/ic-button.first-last.sc-ic-pagination{--icon-width:calc(var(--ic-space-sm) + var(--ic-space-xxxs));--icon-height:calc(var(--ic-space-xs) + var(--ic-space-xxxs))}/*!@ic-button.first-last::part(button),\nic-button.next-previous::part(button)*/ic-button.first-last.sc-ic-pagination::part(button),ic-button.next-previous.sc-ic-pagination::part(button){color:var(--ic-pagination-chevron)}/*!@:host(.ic-pagination-monochrome) ic-button.first-last::part(button),\n:host(.ic-pagination-monochrome) ic-button.next-previous::part(button)*/.ic-pagination-monochrome.sc-ic-pagination-h ic-button.first-last.sc-ic-pagination::part(button),.ic-pagination-monochrome.sc-ic-pagination-h ic-button.next-previous.sc-ic-pagination::part(button){color:var(--ic-pagination-chevron-monochrome)}/*!@ic-button.ic-button-disabled.first-last::part(button),\nic-button.ic-button-disabled.next-previous::part(button)*/ic-button.ic-button-disabled.first-last.sc-ic-pagination::part(button),ic-button.ic-button-disabled.next-previous.sc-ic-pagination::part(button){color:var(--ic-pagination-chevron-disabled)}/*!@.disabled*/.disabled.sc-ic-pagination{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}/*!@.hide-current-page*/.hide-current-page.sc-ic-pagination{display:none}/*!@.sr-only*/.sr-only.sc-ic-pagination{position:absolute;left:-9999px}";
|
15119
15545
|
|
15120
15546
|
class Pagination {
|
15121
15547
|
constructor(hostRef) {
|
@@ -15137,38 +15563,56 @@ class Pagination {
|
|
15137
15563
|
this.currentPage = this.pages;
|
15138
15564
|
this.icPageChange.emit({ value: this.currentPage });
|
15139
15565
|
};
|
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
|
+
};
|
15140
15584
|
// button rendering abstracted from component render methods for clarity
|
15141
15585
|
this.firstButton = () => {
|
15142
|
-
return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page", appearance: this.
|
15586
|
+
return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page", appearance: this.handleButtonAppearance(), onClick: this.handleClickFirst, class: "page-button first-last", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
|
15143
15587
|
};
|
15144
15588
|
this.previousButton = () => {
|
15145
|
-
return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", appearance: this.
|
15589
|
+
return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", appearance: this.handleButtonAppearance(), onClick: this.handleClickPrevious, class: "page-button next-previous flip", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
|
15146
15590
|
};
|
15147
15591
|
this.nextButton = () => {
|
15148
|
-
return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page", appearance: this.
|
15592
|
+
return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page", appearance: this.handleButtonAppearance(), onClick: this.handleClickNext, class: "page-button next-previous", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
|
15149
15593
|
};
|
15150
15594
|
this.lastButton = () => {
|
15151
|
-
return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page", appearance: this.
|
15595
|
+
return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page", appearance: this.handleButtonAppearance(), onClick: this.handleClickLast, class: "page-button first-last flip", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
|
15152
15596
|
};
|
15153
15597
|
this.renderStartEllipsis = () => {
|
15154
|
-
return (hAsync("ic-pagination-item", {
|
15598
|
+
return (hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, type: "ellipsis", id: "start-ellipsis", disabled: this.disabled }));
|
15155
15599
|
};
|
15156
15600
|
this.renderEndEllipsis = () => {
|
15157
|
-
return (hAsync("ic-pagination-item", {
|
15601
|
+
return (hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, type: "ellipsis", id: "end-ellipsis", disabled: this.disabled }));
|
15158
15602
|
};
|
15159
15603
|
this.renderStartItems = () => {
|
15160
15604
|
return this.startItems.map((page) => {
|
15161
|
-
return (hAsync("ic-pagination-item", {
|
15605
|
+
return (hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
|
15162
15606
|
});
|
15163
15607
|
};
|
15164
15608
|
this.renderEndItems = () => {
|
15165
15609
|
return this.endItems.map((page) => {
|
15166
|
-
return (hAsync("ic-pagination-item", {
|
15610
|
+
return (hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
|
15167
15611
|
});
|
15168
15612
|
};
|
15169
15613
|
this.renderMiddleItems = () => {
|
15170
15614
|
return this.midItems.map((page) => {
|
15171
|
-
return (hAsync("ic-pagination-item", {
|
15615
|
+
return (hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
|
15172
15616
|
});
|
15173
15617
|
};
|
15174
15618
|
this.endEllipsis = false;
|
@@ -15177,14 +15621,15 @@ class Pagination {
|
|
15177
15621
|
this.startEllipsis = false;
|
15178
15622
|
this.startItems = [];
|
15179
15623
|
this.adjacentPageCount = 1;
|
15180
|
-
this.appearance = "default";
|
15181
15624
|
this.boundaryPageCount = 1;
|
15182
15625
|
this.defaultPage = 1;
|
15183
15626
|
this.disabled = false;
|
15184
15627
|
this.hideCurrentPage = false;
|
15185
15628
|
this.hideFirstAndLastPageButton = false;
|
15186
15629
|
this.label = "Page";
|
15630
|
+
this.monochrome = false;
|
15187
15631
|
this.pages = undefined;
|
15632
|
+
this.theme = "inherit";
|
15188
15633
|
this.type = "simple";
|
15189
15634
|
this.currentPage = this.defaultPage;
|
15190
15635
|
}
|
@@ -15319,10 +15764,13 @@ class Pagination {
|
|
15319
15764
|
}
|
15320
15765
|
}
|
15321
15766
|
render() {
|
15322
|
-
const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, } = this;
|
15323
|
-
return (hAsync(Host,
|
15767
|
+
const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
|
15768
|
+
return (hAsync(Host, { class: {
|
15769
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
15770
|
+
["ic-pagination-monochrome"]: monochrome,
|
15771
|
+
} }, type === "simple" && (hAsync("nav", { class: {
|
15324
15772
|
["disabled"]: disabled,
|
15325
|
-
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", {
|
15773
|
+
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { class: {
|
15326
15774
|
["disabled"]: disabled,
|
15327
15775
|
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("span", { class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
|
15328
15776
|
}
|
@@ -15340,14 +15788,15 @@ class Pagination {
|
|
15340
15788
|
"$tagName$": "ic-pagination",
|
15341
15789
|
"$members$": {
|
15342
15790
|
"adjacentPageCount": [1026, "adjacent-page-count"],
|
15343
|
-
"appearance": [1],
|
15344
15791
|
"boundaryPageCount": [1026, "boundary-page-count"],
|
15345
15792
|
"defaultPage": [2, "default-page"],
|
15346
15793
|
"disabled": [4],
|
15347
15794
|
"hideCurrentPage": [4, "hide-current-page"],
|
15348
15795
|
"hideFirstAndLastPageButton": [4, "hide-first-and-last-page-button"],
|
15349
15796
|
"label": [1],
|
15797
|
+
"monochrome": [4],
|
15350
15798
|
"pages": [2],
|
15799
|
+
"theme": [1],
|
15351
15800
|
"type": [1],
|
15352
15801
|
"currentPage": [1026, "current-page"],
|
15353
15802
|
"endEllipsis": [32],
|
@@ -15363,7 +15812,7 @@ class Pagination {
|
|
15363
15812
|
}; }
|
15364
15813
|
}
|
15365
15814
|
|
15366
|
-
const icPaginationItemCss = "/*!@html*/html.sc-ic-pagination-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination-item{margin:0}/*!@main*/main.sc-ic-pagination-item{display:block}/*!@h1*/h1.sc-ic-pagination-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination-item,strong.sc-ic-pagination-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination-item,kbd.sc-ic-pagination-item,samp.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination-item,sup.sc-ic-pagination-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination-item{top:-0.5em}/*!@img*/img.sc-ic-pagination-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination-item,input.sc-ic-pagination-item,optgroup.sc-ic-pagination-item,select.sc-ic-pagination-item,textarea.sc-ic-pagination-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination-item,input.sc-ic-pagination-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination-item,select.sc-ic-pagination-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination-item,[type=\"button\"].sc-ic-pagination-item,[type=\"reset\"].sc-ic-pagination-item,[type=\"submit\"].sc-ic-pagination-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination-item::-moz-focus-inner,[type=\"button\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination-item:-moz-focusring,[type=\"button\"].sc-ic-pagination-item:-moz-focusring,[type=\"reset\"].sc-ic-pagination-item:-moz-focusring,[type=\"submit\"].sc-ic-pagination-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination-item,[type=\"radio\"].sc-ic-pagination-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination-item{display:block}/*!@summary*/summary.sc-ic-pagination-item{display:list-item}/*!@template*/template.sc-ic-pagination-item{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination-item,body.sc-ic-pagination-item,div.sc-ic-pagination-item,span.sc-ic-pagination-item,applet.sc-ic-pagination-item,object.sc-ic-pagination-item,iframe.sc-ic-pagination-item,h1.sc-ic-pagination-item,h2.sc-ic-pagination-item,h3.sc-ic-pagination-item,h4.sc-ic-pagination-item,h5.sc-ic-pagination-item,h6.sc-ic-pagination-item,p.sc-ic-pagination-item,blockquote.sc-ic-pagination-item,pre.sc-ic-pagination-item,a.sc-ic-pagination-item,abbr.sc-ic-pagination-item,acronym.sc-ic-pagination-item,address.sc-ic-pagination-item,big.sc-ic-pagination-item,cite.sc-ic-pagination-item,code.sc-ic-pagination-item,del.sc-ic-pagination-item,dfn.sc-ic-pagination-item,em.sc-ic-pagination-item,img.sc-ic-pagination-item,ins.sc-ic-pagination-item,kbd.sc-ic-pagination-item,q.sc-ic-pagination-item,s.sc-ic-pagination-item,samp.sc-ic-pagination-item,small.sc-ic-pagination-item,strike.sc-ic-pagination-item,strong.sc-ic-pagination-item,sub.sc-ic-pagination-item,sup.sc-ic-pagination-item,tt.sc-ic-pagination-item,var.sc-ic-pagination-item,b.sc-ic-pagination-item,u.sc-ic-pagination-item,i.sc-ic-pagination-item,center.sc-ic-pagination-item,dl.sc-ic-pagination-item,dt.sc-ic-pagination-item,dd.sc-ic-pagination-item,ol.sc-ic-pagination-item,ul.sc-ic-pagination-item,li.sc-ic-pagination-item,fieldset.sc-ic-pagination-item,form.sc-ic-pagination-item,label.sc-ic-pagination-item,legend.sc-ic-pagination-item,table.sc-ic-pagination-item,caption.sc-ic-pagination-item,tbody.sc-ic-pagination-item,tfoot.sc-ic-pagination-item,thead.sc-ic-pagination-item,tr.sc-ic-pagination-item,th.sc-ic-pagination-item,td.sc-ic-pagination-item,article.sc-ic-pagination-item,aside.sc-ic-pagination-item,canvas.sc-ic-pagination-item,details.sc-ic-pagination-item,embed.sc-ic-pagination-item,figure.sc-ic-pagination-item,figcaption.sc-ic-pagination-item,footer.sc-ic-pagination-item,header.sc-ic-pagination-item,hgroup.sc-ic-pagination-item,menu.sc-ic-pagination-item,nav.sc-ic-pagination-item,output.sc-ic-pagination-item,ruby.sc-ic-pagination-item,section.sc-ic-pagination-item,summary.sc-ic-pagination-item,time.sc-ic-pagination-item,mark.sc-ic-pagination-item,audio.sc-ic-pagination-item,video.sc-ic-pagination-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@a*/a.sc-ic-pagination-item{text-align:center}/*!@.item-container*/.item-container.sc-ic-pagination-item{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}/*!@button*/button.sc-ic-pagination-item{background:none;border:none;outline:inherit;position:relative}/*!@.ellipsis*/.ellipsis.sc-ic-pagination-item{pointer-events:none;--ic-typography-color:var(--ic-color-text-secondary)}/*!@.item-container:focus*/.item-container.sc-ic-pagination-item:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}/*!@.page*/.page.sc-ic-pagination-item{--ic-typography-color:var(--ic-action-default)}/*!@.simple-current*/.simple-current.sc-ic-pagination-item{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}/*!@.item-container.page:hover:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-action-default-bg-hover)}/*!@.item-container.page:active:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-default-bg-active)}/*!@.selected*/.selected.sc-ic-pagination-item{pointer-events:none;outline:none}/*!@.selected::after*/.selected.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-default)}/*!@.page-selected*/.page-selected.sc-ic-pagination-item{--ic-typography-color:var(--ic-color-text-primary)}/*!@.item-container.page.light:hover:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}/*!@.item-container.page.light:active:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}/*!@ic-typography.light,\nic-typography.page-selected.light*/ic-typography.light.sc-ic-pagination-item,ic-typography.page-selected.light.sc-ic-pagination-item{--ic-typography-color:var(--ic-architectural-white)}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}/*!@.item-container.page.dark:hover:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@.item-container.page.dark:active:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}/*!@ic-typography.dark*/ic-typography.dark.sc-ic-pagination-item{--ic-typography-color:var(--ic-color-text-primary)}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}/*!@.disabled*/.disabled.sc-ic-pagination-item{--ic-typography-color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){/*!@.selected::after*/.selected.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{background-color:Highlight}/*!@.disabled*/.disabled.sc-ic-pagination-item{--ic-typography-color:GrayText}}";
|
15815
|
+
const icPaginationItemCss = "/*!@html*/html.sc-ic-pagination-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination-item{margin:0}/*!@main*/main.sc-ic-pagination-item{display:block}/*!@h1*/h1.sc-ic-pagination-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination-item,strong.sc-ic-pagination-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination-item,kbd.sc-ic-pagination-item,samp.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination-item,sup.sc-ic-pagination-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination-item{top:-0.5em}/*!@img*/img.sc-ic-pagination-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination-item,input.sc-ic-pagination-item,optgroup.sc-ic-pagination-item,select.sc-ic-pagination-item,textarea.sc-ic-pagination-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination-item,input.sc-ic-pagination-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination-item,select.sc-ic-pagination-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination-item,[type=\"button\"].sc-ic-pagination-item,[type=\"reset\"].sc-ic-pagination-item,[type=\"submit\"].sc-ic-pagination-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination-item::-moz-focus-inner,[type=\"button\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination-item:-moz-focusring,[type=\"button\"].sc-ic-pagination-item:-moz-focusring,[type=\"reset\"].sc-ic-pagination-item:-moz-focusring,[type=\"submit\"].sc-ic-pagination-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination-item,[type=\"radio\"].sc-ic-pagination-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination-item{display:block}/*!@summary*/summary.sc-ic-pagination-item{display:list-item}/*!@template*/template.sc-ic-pagination-item{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination-item,body.sc-ic-pagination-item,div.sc-ic-pagination-item,span.sc-ic-pagination-item,applet.sc-ic-pagination-item,object.sc-ic-pagination-item,iframe.sc-ic-pagination-item,h1.sc-ic-pagination-item,h2.sc-ic-pagination-item,h3.sc-ic-pagination-item,h4.sc-ic-pagination-item,h5.sc-ic-pagination-item,h6.sc-ic-pagination-item,p.sc-ic-pagination-item,blockquote.sc-ic-pagination-item,pre.sc-ic-pagination-item,a.sc-ic-pagination-item,abbr.sc-ic-pagination-item,acronym.sc-ic-pagination-item,address.sc-ic-pagination-item,big.sc-ic-pagination-item,cite.sc-ic-pagination-item,code.sc-ic-pagination-item,del.sc-ic-pagination-item,dfn.sc-ic-pagination-item,em.sc-ic-pagination-item,img.sc-ic-pagination-item,ins.sc-ic-pagination-item,kbd.sc-ic-pagination-item,q.sc-ic-pagination-item,s.sc-ic-pagination-item,samp.sc-ic-pagination-item,small.sc-ic-pagination-item,strike.sc-ic-pagination-item,strong.sc-ic-pagination-item,sub.sc-ic-pagination-item,sup.sc-ic-pagination-item,tt.sc-ic-pagination-item,var.sc-ic-pagination-item,b.sc-ic-pagination-item,u.sc-ic-pagination-item,i.sc-ic-pagination-item,center.sc-ic-pagination-item,dl.sc-ic-pagination-item,dt.sc-ic-pagination-item,dd.sc-ic-pagination-item,ol.sc-ic-pagination-item,ul.sc-ic-pagination-item,li.sc-ic-pagination-item,fieldset.sc-ic-pagination-item,form.sc-ic-pagination-item,label.sc-ic-pagination-item,legend.sc-ic-pagination-item,table.sc-ic-pagination-item,caption.sc-ic-pagination-item,tbody.sc-ic-pagination-item,tfoot.sc-ic-pagination-item,thead.sc-ic-pagination-item,tr.sc-ic-pagination-item,th.sc-ic-pagination-item,td.sc-ic-pagination-item,article.sc-ic-pagination-item,aside.sc-ic-pagination-item,canvas.sc-ic-pagination-item,details.sc-ic-pagination-item,embed.sc-ic-pagination-item,figure.sc-ic-pagination-item,figcaption.sc-ic-pagination-item,footer.sc-ic-pagination-item,header.sc-ic-pagination-item,hgroup.sc-ic-pagination-item,menu.sc-ic-pagination-item,nav.sc-ic-pagination-item,output.sc-ic-pagination-item,ruby.sc-ic-pagination-item,section.sc-ic-pagination-item,summary.sc-ic-pagination-item,time.sc-ic-pagination-item,mark.sc-ic-pagination-item,audio.sc-ic-pagination-item,video.sc-ic-pagination-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@a*/a.sc-ic-pagination-item{text-align:center}/*!@.item-container*/.item-container.sc-ic-pagination-item{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}/*!@button*/button.sc-ic-pagination-item{background:none;border:none;outline:inherit;position:relative}/*!@.ellipsis*/.ellipsis.sc-ic-pagination-item{pointer-events:none;--ic-typography-color:var(--ic-pagination-ellipsis)}/*!@.monochrome .ellipsis*/.monochrome.sc-ic-pagination-item .ellipsis.sc-ic-pagination-item{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome)}/*!@.item-container:focus*/.item-container.sc-ic-pagination-item:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}/*!@.page*/.page.sc-ic-pagination-item{--ic-typography-color:var(--ic-pagination-page-number)}/*!@.monochrome .page*/.monochrome.sc-ic-pagination-item .page.sc-ic-pagination-item{--ic-typography-color:var(--ic-pagination-page-number-monochrome)}/*!@.simple-current*/.simple-current.sc-ic-pagination-item{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}/*!@.item-container.page:hover:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-pagination-hover)}/*!@.item-container.page:active:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed)}/*!@.monochrome .item-container.page:hover:not(.selected):not(:focus)*/.monochrome.sc-ic-pagination-item .item-container.page.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-pagination-hover-monochrome)}/*!@.monochrome .item-container.page:active:not(.selected):not(:focus)*/.monochrome.sc-ic-pagination-item .item-container.page.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed-monochrome)}/*!@.selected*/.selected.sc-ic-pagination-item{pointer-events:none;outline:none}/*!@.selected::after*/.selected.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-pagination-selected-banner)}/*!@.monochrome .selected::after*/.monochrome.sc-ic-pagination-item .selected.sc-ic-pagination-item::after{background-color:var(--ic-pagination-selected-banner-monochrome)}/*!@.page-selected*/.page-selected.sc-ic-pagination-item{--ic-typography-color:var(--ic-pagination-text)}/*!@.item-container.page.light:hover:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}/*!@.item-container.page.light:active:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}/*!@ic-typography.light,\nic-typography.page-selected.light*/ic-typography.light.sc-ic-pagination-item,ic-typography.page-selected.light.sc-ic-pagination-item{--ic-typography-color:var(--ic-architectural-white)}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}/*!@.item-container.page.dark:hover:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@.item-container.page.dark:active:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}/*!@ic-typography.dark*/ic-typography.dark.sc-ic-pagination-item{--ic-typography-color:var(--ic-color-text-primary)}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}/*!@.disabled*/.disabled.sc-ic-pagination-item{--ic-typography-color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){/*!@.selected::after*/.selected.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{background-color:Highlight}/*!@.disabled*/.disabled.sc-ic-pagination-item{--ic-typography-color:GrayText}}";
|
15367
15816
|
|
15368
15817
|
class PaginationItem {
|
15369
15818
|
constructor(hostRef) {
|
@@ -15373,11 +15822,12 @@ class PaginationItem {
|
|
15373
15822
|
this.paginationItemClick.emit({ page: this.page });
|
15374
15823
|
};
|
15375
15824
|
this.capitalizedLabel = undefined;
|
15376
|
-
this.appearance = "default";
|
15377
15825
|
this.disabled = false;
|
15378
15826
|
this.label = "Page";
|
15827
|
+
this.monochrome = false;
|
15379
15828
|
this.page = undefined;
|
15380
15829
|
this.selected = false;
|
15830
|
+
this.theme = "inherit";
|
15381
15831
|
this.type = undefined;
|
15382
15832
|
}
|
15383
15833
|
watchLabelHandler() {
|
@@ -15388,25 +15838,21 @@ class PaginationItem {
|
|
15388
15838
|
removeDisabledFalse(this.disabled, this.el);
|
15389
15839
|
}
|
15390
15840
|
render() {
|
15391
|
-
const { page, selected, type, disabled,
|
15392
|
-
return (hAsync("a",
|
15841
|
+
const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
|
15842
|
+
return (hAsync("a", { class: { ["monochrome"]: monochrome } }, type === "ellipsis" ? (hAsync("div", { class: {
|
15393
15843
|
["item-container"]: true,
|
15394
15844
|
["ellipsis"]: true,
|
15395
15845
|
["disabled"]: disabled,
|
15396
|
-
} }, hAsync("ic-typography", { class: {
|
15397
|
-
[`${appearance}`]: true,
|
15398
|
-
}, variant: "label" }, "..."))) : type === "page" ? (hAsync("button", { disabled: disabled, onClick: this.handleClick, tabindex: selected ? "-1" : "0", role: "button", "aria-current": selected && "page", "aria-label": selected ? `${label}: ${page}` : `Go to ${label} ${page}`, class: {
|
15846
|
+
} }, hAsync("ic-typography", { variant: "label" }, "..."))) : type === "page" ? (hAsync("button", { disabled: disabled, onClick: this.handleClick, tabindex: selected ? "-1" : "0", role: "button", "aria-current": selected && "page", "aria-label": selected ? `${label}: ${page}` : `Go to ${label} ${page}`, class: {
|
15399
15847
|
["selected"]: !disabled && selected,
|
15400
15848
|
["disabled"]: disabled,
|
15401
15849
|
["item-container"]: true,
|
15402
|
-
[`${appearance}`]: true,
|
15403
15850
|
["page"]: type === "page",
|
15404
15851
|
} }, hAsync("ic-typography", { variant: "label", class: {
|
15405
15852
|
["page-selected"]: selected,
|
15406
15853
|
["disabled"]: disabled,
|
15407
|
-
[`${appearance}`]: true,
|
15408
15854
|
} }, page))) : (hAsync("ic-typography", { "aria-live": "polite", class: {
|
15409
|
-
[`simple-current
|
15855
|
+
[`simple-current`]: true,
|
15410
15856
|
["disabled"]: disabled,
|
15411
15857
|
}, variant: "label" }, capitalizedLabel, " ", page))));
|
15412
15858
|
}
|
@@ -15419,11 +15865,12 @@ class PaginationItem {
|
|
15419
15865
|
"$flags$": 9,
|
15420
15866
|
"$tagName$": "ic-pagination-item",
|
15421
15867
|
"$members$": {
|
15422
|
-
"appearance": [1],
|
15423
15868
|
"disabled": [4],
|
15424
15869
|
"label": [1],
|
15870
|
+
"monochrome": [4],
|
15425
15871
|
"page": [2],
|
15426
15872
|
"selected": [4],
|
15873
|
+
"theme": [1],
|
15427
15874
|
"type": [1],
|
15428
15875
|
"capitalizedLabel": [32]
|
15429
15876
|
},
|
@@ -15433,7 +15880,7 @@ class PaginationItem {
|
|
15433
15880
|
}; }
|
15434
15881
|
}
|
15435
15882
|
|
15436
|
-
const icPopoverMenuCss = "/*!@html*/html.sc-ic-popover-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-popover-menu{margin:0}/*!@main*/main.sc-ic-popover-menu{display:block}/*!@h1*/h1.sc-ic-popover-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-popover-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-popover-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-popover-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-popover-menu,strong.sc-ic-popover-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-popover-menu,kbd.sc-ic-popover-menu,samp.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-popover-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-popover-menu,sup.sc-ic-popover-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-popover-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-popover-menu{top:-0.5em}/*!@img*/img.sc-ic-popover-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-popover-menu,input.sc-ic-popover-menu,optgroup.sc-ic-popover-menu,select.sc-ic-popover-menu,textarea.sc-ic-popover-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-popover-menu,input.sc-ic-popover-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-popover-menu,select.sc-ic-popover-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-popover-menu,[type=\"button\"].sc-ic-popover-menu,[type=\"reset\"].sc-ic-popover-menu,[type=\"submit\"].sc-ic-popover-menu{-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-popover-menu::-moz-focus-inner,[type=\"button\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-popover-menu::-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-popover-menu:-moz-focusring,[type=\"button\"].sc-ic-popover-menu:-moz-focusring,[type=\"reset\"].sc-ic-popover-menu:-moz-focusring,[type=\"submit\"].sc-ic-popover-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-popover-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-popover-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-popover-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-popover-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-popover-menu,[type=\"radio\"].sc-ic-popover-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-popover-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-popover-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-popover-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-popover-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-popover-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-popover-menu{display:block}/*!@summary*/summary.sc-ic-popover-menu{display:list-item}/*!@template*/template.sc-ic-popover-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-popover-menu{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-popover-menu,body.sc-ic-popover-menu,div.sc-ic-popover-menu,span.sc-ic-popover-menu,applet.sc-ic-popover-menu,object.sc-ic-popover-menu,iframe.sc-ic-popover-menu,h1.sc-ic-popover-menu,h2.sc-ic-popover-menu,h3.sc-ic-popover-menu,h4.sc-ic-popover-menu,h5.sc-ic-popover-menu,h6.sc-ic-popover-menu,p.sc-ic-popover-menu,blockquote.sc-ic-popover-menu,pre.sc-ic-popover-menu,a.sc-ic-popover-menu,abbr.sc-ic-popover-menu,acronym.sc-ic-popover-menu,address.sc-ic-popover-menu,big.sc-ic-popover-menu,cite.sc-ic-popover-menu,code.sc-ic-popover-menu,del.sc-ic-popover-menu,dfn.sc-ic-popover-menu,em.sc-ic-popover-menu,img.sc-ic-popover-menu,ins.sc-ic-popover-menu,kbd.sc-ic-popover-menu,q.sc-ic-popover-menu,s.sc-ic-popover-menu,samp.sc-ic-popover-menu,small.sc-ic-popover-menu,strike.sc-ic-popover-menu,strong.sc-ic-popover-menu,sub.sc-ic-popover-menu,sup.sc-ic-popover-menu,tt.sc-ic-popover-menu,var.sc-ic-popover-menu,b.sc-ic-popover-menu,u.sc-ic-popover-menu,i.sc-ic-popover-menu,center.sc-ic-popover-menu,dl.sc-ic-popover-menu,dt.sc-ic-popover-menu,dd.sc-ic-popover-menu,ol.sc-ic-popover-menu,ul.sc-ic-popover-menu,li.sc-ic-popover-menu,fieldset.sc-ic-popover-menu,form.sc-ic-popover-menu,label.sc-ic-popover-menu,legend.sc-ic-popover-menu,table.sc-ic-popover-menu,caption.sc-ic-popover-menu,tbody.sc-ic-popover-menu,tfoot.sc-ic-popover-menu,thead.sc-ic-popover-menu,tr.sc-ic-popover-menu,th.sc-ic-popover-menu,td.sc-ic-popover-menu,article.sc-ic-popover-menu,aside.sc-ic-popover-menu,canvas.sc-ic-popover-menu,details.sc-ic-popover-menu,embed.sc-ic-popover-menu,figure.sc-ic-popover-menu,figcaption.sc-ic-popover-menu,footer.sc-ic-popover-menu,header.sc-ic-popover-menu,hgroup.sc-ic-popover-menu,menu.sc-ic-popover-menu,nav.sc-ic-popover-menu,output.sc-ic-popover-menu,ruby.sc-ic-popover-menu,section.sc-ic-popover-menu,summary.sc-ic-popover-menu,time.sc-ic-popover-menu,mark.sc-ic-popover-menu,audio.sc-ic-popover-menu,video.sc-ic-popover-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host .opening-from-parent*/.sc-ic-popover-menu-h .opening-from-parent.sc-ic-popover-menu{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}/*!@:host .opening-from-child*/.sc-ic-popover-menu-h .opening-from-child.sc-ic-popover-menu{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}/*!@:host*/.sc-ic-popover-menu-h{border-radius:var(--ic-border-radius);color:var(--ic-
|
15883
|
+
const icPopoverMenuCss = "/*!@html*/html.sc-ic-popover-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-popover-menu{margin:0}/*!@main*/main.sc-ic-popover-menu{display:block}/*!@h1*/h1.sc-ic-popover-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-popover-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-popover-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-popover-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-popover-menu,strong.sc-ic-popover-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-popover-menu,kbd.sc-ic-popover-menu,samp.sc-ic-popover-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-popover-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-popover-menu,sup.sc-ic-popover-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-popover-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-popover-menu{top:-0.5em}/*!@img*/img.sc-ic-popover-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-popover-menu,input.sc-ic-popover-menu,optgroup.sc-ic-popover-menu,select.sc-ic-popover-menu,textarea.sc-ic-popover-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-popover-menu,input.sc-ic-popover-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-popover-menu,select.sc-ic-popover-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-popover-menu,[type=\"button\"].sc-ic-popover-menu,[type=\"reset\"].sc-ic-popover-menu,[type=\"submit\"].sc-ic-popover-menu{-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-popover-menu::-moz-focus-inner,[type=\"button\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"reset\"].sc-ic-popover-menu::-moz-focus-inner,[type=\"submit\"].sc-ic-popover-menu::-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-popover-menu:-moz-focusring,[type=\"button\"].sc-ic-popover-menu:-moz-focusring,[type=\"reset\"].sc-ic-popover-menu:-moz-focusring,[type=\"submit\"].sc-ic-popover-menu:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-popover-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-popover-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-popover-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-popover-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-popover-menu,[type=\"radio\"].sc-ic-popover-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-popover-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-popover-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-popover-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-popover-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-popover-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-popover-menu{display:block}/*!@summary*/summary.sc-ic-popover-menu{display:list-item}/*!@template*/template.sc-ic-popover-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-popover-menu{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-popover-menu,body.sc-ic-popover-menu,div.sc-ic-popover-menu,span.sc-ic-popover-menu,applet.sc-ic-popover-menu,object.sc-ic-popover-menu,iframe.sc-ic-popover-menu,h1.sc-ic-popover-menu,h2.sc-ic-popover-menu,h3.sc-ic-popover-menu,h4.sc-ic-popover-menu,h5.sc-ic-popover-menu,h6.sc-ic-popover-menu,p.sc-ic-popover-menu,blockquote.sc-ic-popover-menu,pre.sc-ic-popover-menu,a.sc-ic-popover-menu,abbr.sc-ic-popover-menu,acronym.sc-ic-popover-menu,address.sc-ic-popover-menu,big.sc-ic-popover-menu,cite.sc-ic-popover-menu,code.sc-ic-popover-menu,del.sc-ic-popover-menu,dfn.sc-ic-popover-menu,em.sc-ic-popover-menu,img.sc-ic-popover-menu,ins.sc-ic-popover-menu,kbd.sc-ic-popover-menu,q.sc-ic-popover-menu,s.sc-ic-popover-menu,samp.sc-ic-popover-menu,small.sc-ic-popover-menu,strike.sc-ic-popover-menu,strong.sc-ic-popover-menu,sub.sc-ic-popover-menu,sup.sc-ic-popover-menu,tt.sc-ic-popover-menu,var.sc-ic-popover-menu,b.sc-ic-popover-menu,u.sc-ic-popover-menu,i.sc-ic-popover-menu,center.sc-ic-popover-menu,dl.sc-ic-popover-menu,dt.sc-ic-popover-menu,dd.sc-ic-popover-menu,ol.sc-ic-popover-menu,ul.sc-ic-popover-menu,li.sc-ic-popover-menu,fieldset.sc-ic-popover-menu,form.sc-ic-popover-menu,label.sc-ic-popover-menu,legend.sc-ic-popover-menu,table.sc-ic-popover-menu,caption.sc-ic-popover-menu,tbody.sc-ic-popover-menu,tfoot.sc-ic-popover-menu,thead.sc-ic-popover-menu,tr.sc-ic-popover-menu,th.sc-ic-popover-menu,td.sc-ic-popover-menu,article.sc-ic-popover-menu,aside.sc-ic-popover-menu,canvas.sc-ic-popover-menu,details.sc-ic-popover-menu,embed.sc-ic-popover-menu,figure.sc-ic-popover-menu,figcaption.sc-ic-popover-menu,footer.sc-ic-popover-menu,header.sc-ic-popover-menu,hgroup.sc-ic-popover-menu,menu.sc-ic-popover-menu,nav.sc-ic-popover-menu,output.sc-ic-popover-menu,ruby.sc-ic-popover-menu,section.sc-ic-popover-menu,summary.sc-ic-popover-menu,time.sc-ic-popover-menu,mark.sc-ic-popover-menu,audio.sc-ic-popover-menu,video.sc-ic-popover-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host .opening-from-parent*/.sc-ic-popover-menu-h .opening-from-parent.sc-ic-popover-menu{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}/*!@:host .opening-from-child*/.sc-ic-popover-menu-h .opening-from-child.sc-ic-popover-menu{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}/*!@:host*/.sc-ic-popover-menu-h{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}/*!@:host(.on-dialog)*/.on-dialog.sc-ic-popover-menu-h{inset:auto !important}/*!@:host(.on-dialog-fix-translate)*/.on-dialog-fix-translate.sc-ic-popover-menu-h{transform:translate(0, var(--ic-space-xs)) !important}/*!@:host(.on-dialog-translate-y)*/.on-dialog-translate-y.sc-ic-popover-menu-h{transform:translate(0, calc(-1 * var(--translate-y))) !important}/*!@.menu*/.menu.sc-ic-popover-menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0}/*!@.button*/.button.sc-ic-popover-menu{text-decoration:none;list-style-type:none}/*!@:host(:focus-within)*/.sc-ic-popover-menu-h:focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu:focus-visible*/.menu.sc-ic-popover-menu:focus-visible{outline:none}/*!@:host(.ic-popover-menu-open)*/.ic-popover-menu-open.sc-ic-popover-menu-h{display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}/*!@:host(.ic-popover-menu-open) .menu*/.ic-popover-menu-open.sc-ic-popover-menu-h .menu.sc-ic-popover-menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}/*!@.parent-label*/.parent-label.sc-ic-popover-menu{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}";
|
15437
15884
|
|
15438
15885
|
class PopoverMenu {
|
15439
15886
|
constructor(hostRef) {
|
@@ -15489,7 +15936,7 @@ class PopoverMenu {
|
|
15489
15936
|
this.popoverMenuEls.push(el);
|
15490
15937
|
}
|
15491
15938
|
else if (el.tagName === "IC-MENU-GROUP") {
|
15492
|
-
const groupSlotWrapper = el.shadowRoot.querySelector("
|
15939
|
+
const groupSlotWrapper = el.shadowRoot.querySelector(".menu-items-wrapper");
|
15493
15940
|
const menuGroupElements = getSlotElements(groupSlotWrapper);
|
15494
15941
|
this.addMenuItems(menuGroupElements);
|
15495
15942
|
}
|
@@ -15535,6 +15982,7 @@ class PopoverMenu {
|
|
15535
15982
|
this.parentPopover = undefined;
|
15536
15983
|
this.submenuId = undefined;
|
15537
15984
|
this.submenuLevel = 1;
|
15985
|
+
this.theme = "inherit";
|
15538
15986
|
this.open = undefined;
|
15539
15987
|
}
|
15540
15988
|
watchOpenHandler() {
|
@@ -15543,7 +15991,7 @@ class PopoverMenu {
|
|
15543
15991
|
!this.popoverMenuEls.some((menuItem) => menuItem.id)) {
|
15544
15992
|
this.popoverMenuEls.unshift(this.backButton);
|
15545
15993
|
}
|
15546
|
-
this.currentFocus =
|
15994
|
+
this.currentFocus = 0;
|
15547
15995
|
// Needed so that anchorEl isn't always focused
|
15548
15996
|
setTimeout(this.setButtonFocus, 50);
|
15549
15997
|
}
|
@@ -15667,18 +16115,17 @@ class PopoverMenu {
|
|
15667
16115
|
}
|
15668
16116
|
}
|
15669
16117
|
render() {
|
15670
|
-
return (hAsync(Host, { class: {
|
16118
|
+
return (hAsync(Host, { class: {
|
16119
|
+
["ic-popover-menu-open"]: this.open,
|
16120
|
+
[`ic-theme-${this.theme}`]: this.theme !== "inherit",
|
16121
|
+
} }, hAsync("div", { id: this.parentPopover === undefined
|
15671
16122
|
? `ic-popover-submenu-${this.submenuId}`
|
15672
16123
|
: "", class: {
|
15673
16124
|
menu: true,
|
15674
|
-
}, tabindex: open ? "0" : "-1" }, hAsync("
|
16125
|
+
}, tabindex: open ? "0" : "-1" }, hAsync("span", { class: {
|
15675
16126
|
"opening-from-parent": this.openingFromParent,
|
15676
16127
|
"opening-from-child": this.openingFromChild,
|
15677
|
-
} }, isPropDefined(this.submenuId) && (hAsync("
|
15678
|
-
? `ic-popover-submenu-back-button-${this.submenuLevel}`
|
15679
|
-
: false, "aria-controls": isPropDefined(this.submenuId)
|
15680
|
-
? `ic-popover-submenu-back-button-${this.submenuLevel}`
|
15681
|
-
: false }, hAsync("slot", null))))));
|
16128
|
+
} }, isPropDefined(this.submenuId) && (hAsync("span", null, hAsync("span", { role: "menu" }, hAsync("ic-menu-item", { class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, hAsync("svg", { slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, hAsync("path", { d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" })))), hAsync("ic-typography", { variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), hAsync("ul", { class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu" }, hAsync("slot", null))))));
|
15682
16129
|
}
|
15683
16130
|
static get delegatesFocus() { return true; }
|
15684
16131
|
get el() { return getElement(this); }
|
@@ -15695,6 +16142,7 @@ class PopoverMenu {
|
|
15695
16142
|
"parentPopover": [16],
|
15696
16143
|
"submenuId": [1, "submenu-id"],
|
15697
16144
|
"submenuLevel": [2, "submenu-level"],
|
16145
|
+
"theme": [1],
|
15698
16146
|
"open": [1540],
|
15699
16147
|
"openingFromChild": [32],
|
15700
16148
|
"openingFromParent": [32],
|
@@ -15708,7 +16156,7 @@ class PopoverMenu {
|
|
15708
16156
|
}; }
|
15709
16157
|
}
|
15710
16158
|
|
15711
|
-
const icRadioGroupCss = "/*!@html*/html.sc-ic-radio-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-group{margin:0}/*!@main*/main.sc-ic-radio-group{display:block}/*!@h1*/h1.sc-ic-radio-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-group,strong.sc-ic-radio-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-group,kbd.sc-ic-radio-group,samp.sc-ic-radio-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-group,sup.sc-ic-radio-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-group{top:-0.5em}/*!@img*/img.sc-ic-radio-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-group,input.sc-ic-radio-group,optgroup.sc-ic-radio-group,select.sc-ic-radio-group,textarea.sc-ic-radio-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-group,input.sc-ic-radio-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-group,select.sc-ic-radio-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-group,[type=\"button\"].sc-ic-radio-group,[type=\"reset\"].sc-ic-radio-group,[type=\"submit\"].sc-ic-radio-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-radio-group::-moz-focus-inner,[type=\"button\"].sc-ic-radio-group::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-group::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-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-radio-group:-moz-focusring,[type=\"button\"].sc-ic-radio-group:-moz-focusring,[type=\"reset\"].sc-ic-radio-group:-moz-focusring,[type=\"submit\"].sc-ic-radio-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-group,[type=\"radio\"].sc-ic-radio-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-group{display:block}/*!@summary*/summary.sc-ic-radio-group{display:list-item}/*!@template*/template.sc-ic-radio-group{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-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-radio-group,body.sc-ic-radio-group,div.sc-ic-radio-group,span.sc-ic-radio-group,applet.sc-ic-radio-group,object.sc-ic-radio-group,iframe.sc-ic-radio-group,h1.sc-ic-radio-group,h2.sc-ic-radio-group,h3.sc-ic-radio-group,h4.sc-ic-radio-group,h5.sc-ic-radio-group,h6.sc-ic-radio-group,p.sc-ic-radio-group,blockquote.sc-ic-radio-group,pre.sc-ic-radio-group,a.sc-ic-radio-group,abbr.sc-ic-radio-group,acronym.sc-ic-radio-group,address.sc-ic-radio-group,big.sc-ic-radio-group,cite.sc-ic-radio-group,code.sc-ic-radio-group,del.sc-ic-radio-group,dfn.sc-ic-radio-group,em.sc-ic-radio-group,img.sc-ic-radio-group,ins.sc-ic-radio-group,kbd.sc-ic-radio-group,q.sc-ic-radio-group,s.sc-ic-radio-group,samp.sc-ic-radio-group,small.sc-ic-radio-group,strike.sc-ic-radio-group,strong.sc-ic-radio-group,sub.sc-ic-radio-group,sup.sc-ic-radio-group,tt.sc-ic-radio-group,var.sc-ic-radio-group,b.sc-ic-radio-group,u.sc-ic-radio-group,i.sc-ic-radio-group,center.sc-ic-radio-group,dl.sc-ic-radio-group,dt.sc-ic-radio-group,dd.sc-ic-radio-group,ol.sc-ic-radio-group,ul.sc-ic-radio-group,li.sc-ic-radio-group,fieldset.sc-ic-radio-group,form.sc-ic-radio-group,label.sc-ic-radio-group,legend.sc-ic-radio-group,table.sc-ic-radio-group,caption.sc-ic-radio-group,tbody.sc-ic-radio-group,tfoot.sc-ic-radio-group,thead.sc-ic-radio-group,tr.sc-ic-radio-group,th.sc-ic-radio-group,td.sc-ic-radio-group,article.sc-ic-radio-group,aside.sc-ic-radio-group,canvas.sc-ic-radio-group,details.sc-ic-radio-group,embed.sc-ic-radio-group,figure.sc-ic-radio-group,figcaption.sc-ic-radio-group,footer.sc-ic-radio-group,header.sc-ic-radio-group,hgroup.sc-ic-radio-group,menu.sc-ic-radio-group,nav.sc-ic-radio-group,output.sc-ic-radio-group,ruby.sc-ic-radio-group,section.sc-ic-radio-group,summary.sc-ic-radio-group,time.sc-ic-radio-group,mark.sc-ic-radio-group,audio.sc-ic-radio-group,video.sc-ic-radio-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-group-h{display:block}/*!@ic-input-label.error*/ic-input-label.error.sc-ic-radio-group{--ic-
|
16159
|
+
const icRadioGroupCss = "/*!@html*/html.sc-ic-radio-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-group{margin:0}/*!@main*/main.sc-ic-radio-group{display:block}/*!@h1*/h1.sc-ic-radio-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-group,strong.sc-ic-radio-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-group,kbd.sc-ic-radio-group,samp.sc-ic-radio-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-group,sup.sc-ic-radio-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-group{top:-0.5em}/*!@img*/img.sc-ic-radio-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-group,input.sc-ic-radio-group,optgroup.sc-ic-radio-group,select.sc-ic-radio-group,textarea.sc-ic-radio-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-group,input.sc-ic-radio-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-group,select.sc-ic-radio-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-group,[type=\"button\"].sc-ic-radio-group,[type=\"reset\"].sc-ic-radio-group,[type=\"submit\"].sc-ic-radio-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-radio-group::-moz-focus-inner,[type=\"button\"].sc-ic-radio-group::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-group::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-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-radio-group:-moz-focusring,[type=\"button\"].sc-ic-radio-group:-moz-focusring,[type=\"reset\"].sc-ic-radio-group:-moz-focusring,[type=\"submit\"].sc-ic-radio-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-group,[type=\"radio\"].sc-ic-radio-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-group{display:block}/*!@summary*/summary.sc-ic-radio-group{display:list-item}/*!@template*/template.sc-ic-radio-group{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-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-radio-group,body.sc-ic-radio-group,div.sc-ic-radio-group,span.sc-ic-radio-group,applet.sc-ic-radio-group,object.sc-ic-radio-group,iframe.sc-ic-radio-group,h1.sc-ic-radio-group,h2.sc-ic-radio-group,h3.sc-ic-radio-group,h4.sc-ic-radio-group,h5.sc-ic-radio-group,h6.sc-ic-radio-group,p.sc-ic-radio-group,blockquote.sc-ic-radio-group,pre.sc-ic-radio-group,a.sc-ic-radio-group,abbr.sc-ic-radio-group,acronym.sc-ic-radio-group,address.sc-ic-radio-group,big.sc-ic-radio-group,cite.sc-ic-radio-group,code.sc-ic-radio-group,del.sc-ic-radio-group,dfn.sc-ic-radio-group,em.sc-ic-radio-group,img.sc-ic-radio-group,ins.sc-ic-radio-group,kbd.sc-ic-radio-group,q.sc-ic-radio-group,s.sc-ic-radio-group,samp.sc-ic-radio-group,small.sc-ic-radio-group,strike.sc-ic-radio-group,strong.sc-ic-radio-group,sub.sc-ic-radio-group,sup.sc-ic-radio-group,tt.sc-ic-radio-group,var.sc-ic-radio-group,b.sc-ic-radio-group,u.sc-ic-radio-group,i.sc-ic-radio-group,center.sc-ic-radio-group,dl.sc-ic-radio-group,dt.sc-ic-radio-group,dd.sc-ic-radio-group,ol.sc-ic-radio-group,ul.sc-ic-radio-group,li.sc-ic-radio-group,fieldset.sc-ic-radio-group,form.sc-ic-radio-group,label.sc-ic-radio-group,legend.sc-ic-radio-group,table.sc-ic-radio-group,caption.sc-ic-radio-group,tbody.sc-ic-radio-group,tfoot.sc-ic-radio-group,thead.sc-ic-radio-group,tr.sc-ic-radio-group,th.sc-ic-radio-group,td.sc-ic-radio-group,article.sc-ic-radio-group,aside.sc-ic-radio-group,canvas.sc-ic-radio-group,details.sc-ic-radio-group,embed.sc-ic-radio-group,figure.sc-ic-radio-group,figcaption.sc-ic-radio-group,footer.sc-ic-radio-group,header.sc-ic-radio-group,hgroup.sc-ic-radio-group,menu.sc-ic-radio-group,nav.sc-ic-radio-group,output.sc-ic-radio-group,ruby.sc-ic-radio-group,section.sc-ic-radio-group,summary.sc-ic-radio-group,time.sc-ic-radio-group,mark.sc-ic-radio-group,audio.sc-ic-radio-group,video.sc-ic-radio-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-group-h{display:block;--ic-input-label-text-color:var(--ic-radio-button-input-field-label);--ic-input-label-helper-text-color:var(\n --ic-radio-button-input-field-subtitle\n );--ic-input-validation-status-text-color:var(--ic-radio-button-state-text);--ic-input-validation-error:var(--ic-radio-button-state-icon-error)}/*!@ic-input-label.error*/ic-input-label.error.sc-ic-radio-group{--ic-input-label-text-color:var(--ic-radio-button-input-field-label-error)}/*!@ic-input-label.disabled*/ic-input-label.disabled.sc-ic-radio-group{--ic-input-label-text-color:var(\n --ic-radio-button-input-field-label-disabled\n );--ic-input-label-helper-text-color:var(\n --ic-radio-button-input-field-subtitle-disabled\n )}/*!@ic-input-validation*/ic-input-validation.sc-ic-radio-group{margin-top:var(--ic-space-sm)}/*!@:host(.ic-radio-group-small) ic-input-validation*/.ic-radio-group-small.sc-ic-radio-group-h ic-input-validation.sc-ic-radio-group{margin-top:calc(var(--ic-space-sm) / 2)}/*!@ic-input-label ic-typography*/ic-input-label.sc-ic-radio-group ic-typography.sc-ic-radio-group{margin-bottom:var(--ic-space-sm)}/*!@:host(.ic-radio-group-small) ic-input-label ic-typography*/.ic-radio-group-small.sc-ic-radio-group-h ic-input-label.sc-ic-radio-group ic-typography.sc-ic-radio-group{margin-bottom:calc(var(--ic-space-sm) / 2)}/*!@:host .radio-buttons-container*/.sc-ic-radio-group-h .radio-buttons-container.sc-ic-radio-group{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}/*!@:host(.ic-radio-group-small) .radio-buttons-container*/.ic-radio-group-small.sc-ic-radio-group-h .radio-buttons-container.sc-ic-radio-group{gap:var(--ic-space-xxxs)}/*!@:host .radio-buttons-container.horizontal*/.sc-ic-radio-group-h .radio-buttons-container.horizontal.sc-ic-radio-group{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-radio-group-small) .radio-buttons-container.horizontal*/.ic-radio-group-small.sc-ic-radio-group-h .radio-buttons-container.horizontal.sc-ic-radio-group{gap:var(--ic-space-xl)}";
|
15712
16160
|
|
15713
16161
|
class RadioGroup {
|
15714
16162
|
constructor(hostRef) {
|
@@ -15806,6 +16254,7 @@ class RadioGroup {
|
|
15806
16254
|
this.size = "medium";
|
15807
16255
|
this.validationStatus = "";
|
15808
16256
|
this.validationText = "";
|
16257
|
+
this.theme = "inherit";
|
15809
16258
|
}
|
15810
16259
|
watchDisabledHandler(newValue) {
|
15811
16260
|
this.radioOptions.forEach((radioOption) => (radioOption.disabled = newValue));
|
@@ -15814,6 +16263,9 @@ class RadioGroup {
|
|
15814
16263
|
this.initialOrientation = this.orientation;
|
15815
16264
|
this.checkOrientation();
|
15816
16265
|
}
|
16266
|
+
watchThemeHandler(newValue) {
|
16267
|
+
this.radioOptions.forEach((radioOption) => (radioOption.theme = newValue));
|
16268
|
+
}
|
15817
16269
|
disconnectedCallback() {
|
15818
16270
|
var _a, _b;
|
15819
16271
|
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
@@ -15832,6 +16284,7 @@ class RadioGroup {
|
|
15832
16284
|
{ prop: this.label, propName: "label" },
|
15833
16285
|
{ prop: this.name, propName: "name" },
|
15834
16286
|
], "Radio Group");
|
16287
|
+
this.watchThemeHandler(this.theme);
|
15835
16288
|
}
|
15836
16289
|
selectHandler({ detail, target }) {
|
15837
16290
|
var _a;
|
@@ -15846,7 +16299,7 @@ class RadioGroup {
|
|
15846
16299
|
});
|
15847
16300
|
if (this.radioOptions !== undefined) {
|
15848
16301
|
this.radioOptions.forEach((radioOption, index) => {
|
15849
|
-
radioOption.selected =
|
16302
|
+
radioOption.selected = selectedOption === radioOption;
|
15850
16303
|
if (radioOption.selected) {
|
15851
16304
|
this.selectedChild = index;
|
15852
16305
|
}
|
@@ -15895,8 +16348,11 @@ class RadioGroup {
|
|
15895
16348
|
}
|
15896
16349
|
}
|
15897
16350
|
render() {
|
15898
|
-
const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationStatus, validationText, } = this;
|
15899
|
-
return (hAsync(Host, { onKeyDown: handleKeyDown, class: {
|
16351
|
+
const { currentOrientation, disabled, handleKeyDown, helperText, hideLabel, label, required, size, validationStatus, validationText, theme, } = this;
|
16352
|
+
return (hAsync(Host, { onKeyDown: handleKeyDown, class: {
|
16353
|
+
"ic-radio-group-small": size === "small",
|
16354
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
16355
|
+
} }, hAsync("div", { role: "radiogroup", "aria-label": `${label}${required ? ", required" : ""}` }, !hideLabel && (hAsync("ic-input-label", { class: { [`${validationStatus}`]: true, ["disabled"]: disabled }, label: label, helperText: helperText, required: required, disabled: disabled })), hAsync("div", { class: {
|
15900
16356
|
"radio-buttons-container": true,
|
15901
16357
|
horizontal: currentOrientation === this.RADIO_HORIZONTAL,
|
15902
16358
|
}, ref: (el) => (this.radioContainer = el) }, hAsync("slot", null))), hasValidationStatus(validationStatus, disabled) && (hAsync("ic-input-validation", { ariaLiveMode: "polite", status: validationStatus, message: validationText }))));
|
@@ -15904,7 +16360,8 @@ class RadioGroup {
|
|
15904
16360
|
get el() { return getElement(this); }
|
15905
16361
|
static get watchers() { return {
|
15906
16362
|
"disabled": ["watchDisabledHandler"],
|
15907
|
-
"orientation": ["orientationChangeHandler"]
|
16363
|
+
"orientation": ["orientationChangeHandler"],
|
16364
|
+
"theme": ["watchThemeHandler"]
|
15908
16365
|
}; }
|
15909
16366
|
static get style() { return icRadioGroupCss; }
|
15910
16367
|
static get cmpMeta() { return {
|
@@ -15921,6 +16378,7 @@ class RadioGroup {
|
|
15921
16378
|
"size": [1],
|
15922
16379
|
"validationStatus": [1, "validation-status"],
|
15923
16380
|
"validationText": [1, "validation-text"],
|
16381
|
+
"theme": [1],
|
15924
16382
|
"checkedValue": [32],
|
15925
16383
|
"currentOrientation": [32],
|
15926
16384
|
"initialOrientation": [32],
|
@@ -15932,10 +16390,9 @@ class RadioGroup {
|
|
15932
16390
|
}; }
|
15933
16391
|
}
|
15934
16392
|
|
15935
|
-
const icRadioOptionCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled{--ic-typography-color:var(--ic-
|
16393
|
+
const icRadioOptionCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}";
|
15936
16394
|
|
15937
16395
|
const ADDITIONAL_FIELD = "additional-field";
|
15938
|
-
const TEXT_FIELD_SELECTOR = "ic-text-field";
|
15939
16396
|
/**
|
15940
16397
|
* @slot additional-field - Content to displayed alongside a radio option.
|
15941
16398
|
*/
|
@@ -15947,24 +16404,28 @@ class RadioOption {
|
|
15947
16404
|
this.defaultRadioValue = "";
|
15948
16405
|
this.hasAdditionalField = false;
|
15949
16406
|
this.skipFocus = false;
|
15950
|
-
this.handleClick = () => {
|
15951
|
-
|
16407
|
+
this.handleClick = (event) => {
|
16408
|
+
const clickedAdditionalField = event.target.matches(".dynamic-container, .dynamic-container *");
|
16409
|
+
if (!this.disabled && !clickedAdditionalField) {
|
16410
|
+
event.stopPropagation();
|
15952
16411
|
if (this.skipFocus === false) {
|
15953
16412
|
this.radioElement.focus();
|
15954
16413
|
}
|
15955
16414
|
this.skipFocus = false;
|
15956
16415
|
if (this.hasAdditionalField) {
|
15957
|
-
this.value =
|
15958
|
-
this.el.querySelector(TEXT_FIELD_SELECTOR).value ||
|
15959
|
-
this.defaultRadioValue;
|
16416
|
+
this.value = this.getAdditionalField().value || this.defaultRadioValue;
|
15960
16417
|
}
|
15961
16418
|
this.icCheck.emit({
|
15962
16419
|
value: this.value,
|
15963
16420
|
});
|
15964
16421
|
}
|
15965
16422
|
};
|
15966
|
-
this.
|
15967
|
-
|
16423
|
+
this.handleKeyDown = (event) => {
|
16424
|
+
const preventPropagationElements = ["IC-DATE-INPUT", "IC-DATE-PICKER"];
|
16425
|
+
if (this.getAdditionalField() == document.activeElement &&
|
16426
|
+
preventPropagationElements.includes(this.getAdditionalField().nodeName)) {
|
16427
|
+
event.stopPropagation();
|
16428
|
+
}
|
15968
16429
|
};
|
15969
16430
|
this.handleFormReset = () => {
|
15970
16431
|
this.skipFocus = true;
|
@@ -15977,6 +16438,7 @@ class RadioOption {
|
|
15977
16438
|
this.groupLabel = undefined;
|
15978
16439
|
this.label = undefined;
|
15979
16440
|
this.name = undefined;
|
16441
|
+
this.theme = "inherit";
|
15980
16442
|
this.value = undefined;
|
15981
16443
|
this.selected = false;
|
15982
16444
|
this.initiallySelected = this.selected;
|
@@ -15990,9 +16452,7 @@ class RadioOption {
|
|
15990
16452
|
componentWillLoad() {
|
15991
16453
|
if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {
|
15992
16454
|
this.hasAdditionalField = true;
|
15993
|
-
|
15994
|
-
if (textField)
|
15995
|
-
textField.hiddenInput = false;
|
16455
|
+
this.getAdditionalField();
|
15996
16456
|
}
|
15997
16457
|
this.defaultRadioValue = this.value;
|
15998
16458
|
addFormResetListener(this.el, this.handleFormReset);
|
@@ -16005,9 +16465,7 @@ class RadioOption {
|
|
16005
16465
|
const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);
|
16006
16466
|
if (hasSlot && !this.hasAdditionalField) {
|
16007
16467
|
this.hasAdditionalField = true;
|
16008
|
-
|
16009
|
-
if (textField)
|
16010
|
-
textField.hiddenInput = false;
|
16468
|
+
this.getAdditionalField();
|
16011
16469
|
}
|
16012
16470
|
else if (!hasSlot && this.hasAdditionalField) {
|
16013
16471
|
this.hasAdditionalField = false;
|
@@ -16015,16 +16473,16 @@ class RadioOption {
|
|
16015
16473
|
}
|
16016
16474
|
componentDidRender() {
|
16017
16475
|
if (this.additionalFieldDisplay === "static") {
|
16018
|
-
const
|
16476
|
+
const additionalField = this.getAdditionalField();
|
16019
16477
|
if (!this.selected || this.disabled) {
|
16020
|
-
|
16478
|
+
additionalField === null || additionalField === void 0 ? void 0 : additionalField.setAttribute("disabled", "");
|
16021
16479
|
}
|
16022
16480
|
else {
|
16023
|
-
|
16481
|
+
additionalField === null || additionalField === void 0 ? void 0 : additionalField.removeAttribute("disabled");
|
16024
16482
|
}
|
16025
16483
|
}
|
16026
16484
|
}
|
16027
|
-
|
16485
|
+
additionalFieldValueHandler(event) {
|
16028
16486
|
if (this.selected) {
|
16029
16487
|
this.value = event.detail.value || this.defaultRadioValue;
|
16030
16488
|
this.icCheck.emit({
|
@@ -16046,10 +16504,19 @@ class RadioOption {
|
|
16046
16504
|
async setTabIndex(value) {
|
16047
16505
|
this.radioElement.tabIndex = value;
|
16048
16506
|
}
|
16507
|
+
getAdditionalField() {
|
16508
|
+
const additionalField = this.el.querySelector('[slot="additional-field"]');
|
16509
|
+
if (additionalField)
|
16510
|
+
additionalField.hiddenInput = false;
|
16511
|
+
return additionalField;
|
16512
|
+
}
|
16049
16513
|
render() {
|
16050
|
-
const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, hasAdditionalField, label, name, selected,
|
16514
|
+
const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;
|
16051
16515
|
const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;
|
16052
|
-
return (hAsync(Host, { onClick: handleClick,
|
16516
|
+
return (hAsync(Host, { onClick: handleClick, onKeyDown: handleKeyDown, class: {
|
16517
|
+
["ic-radio-option-disabled"]: disabled,
|
16518
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
16519
|
+
} }, hAsync("div", { class: { container: true, disabled } }, hAsync("div", null, hAsync("input", { tabindex: selected ? "0" : "-1", type: "radio", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, label))), hasAdditionalField && (hAsync("div", { class: {
|
16053
16520
|
"dynamic-container": true,
|
16054
16521
|
hidden: additionalFieldDisplay === "dynamic" && !selected,
|
16055
16522
|
} }, additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text" }, dynamicText))), hAsync("div", { class: {
|
@@ -16072,13 +16539,14 @@ class RadioOption {
|
|
16072
16539
|
"groupLabel": [1, "group-label"],
|
16073
16540
|
"label": [1],
|
16074
16541
|
"name": [1],
|
16542
|
+
"theme": [1],
|
16075
16543
|
"value": [1025],
|
16076
16544
|
"selected": [1540],
|
16077
16545
|
"initiallySelected": [32],
|
16078
16546
|
"setFocus": [64],
|
16079
16547
|
"setTabIndex": [64]
|
16080
16548
|
},
|
16081
|
-
"$listeners$": [[0, "icChange", "
|
16549
|
+
"$listeners$": [[0, "icChange", "additionalFieldValueHandler"]],
|
16082
16550
|
"$lazyBundleId$": "-",
|
16083
16551
|
"$attrsToReflect$": [["additionalFieldDisplay", "additional-field-display"], ["selected", "selected"]]
|
16084
16552
|
}; }
|
@@ -16093,7 +16561,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
16093
16561
|
<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"/>
|
16094
16562
|
</svg>`;
|
16095
16563
|
|
16096
|
-
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}/*!@: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: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-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-action-dark-pressed);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.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)}";
|
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}}";
|
16097
16565
|
|
16098
16566
|
let inputIds$3 = 0;
|
16099
16567
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
@@ -16393,6 +16861,7 @@ class SearchBar {
|
|
16393
16861
|
this.searchMode = "navigation";
|
16394
16862
|
this.size = "medium";
|
16395
16863
|
this.spellcheck = false;
|
16864
|
+
this.theme = "inherit";
|
16396
16865
|
this.timeout = undefined;
|
16397
16866
|
this.valueField = "value";
|
16398
16867
|
this.filteredOptions = [];
|
@@ -16507,7 +16976,7 @@ class SearchBar {
|
|
16507
16976
|
}, 500);
|
16508
16977
|
}
|
16509
16978
|
render() {
|
16510
|
-
const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, } = this;
|
16979
|
+
const { inputId, name, label, required, size, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, theme, } = this;
|
16511
16980
|
const disabledMode = readonly || disabled;
|
16512
16981
|
const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
|
16513
16982
|
let describedById;
|
@@ -16533,20 +17002,22 @@ class SearchBar {
|
|
16533
17002
|
["ic-search-bar-full-width"]: fullWidth,
|
16534
17003
|
["ic-search-bar-disabled"]: disabled,
|
16535
17004
|
["ic-search-bar-small"]: size === "small",
|
17005
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
16536
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, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search", debounce: this.debounce }, hAsync("div", { class: {
|
16537
17007
|
"clear-button-container": true,
|
16538
17008
|
"clear-button-visible": value && !disabledMode && this.showClearButton,
|
16539
|
-
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class:
|
16540
|
-
|
16541
|
-
|
17009
|
+
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: {
|
17010
|
+
"clear-button": true,
|
17011
|
+
"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", appearance: this.clearButtonFocused && IcThemeForegroundEnum.Light }), hAsync("div", { class: "divider" })), hAsync("div", { class: {
|
16542
17013
|
"search-submit-button-container": true,
|
16543
17014
|
"search-submit-button-disabled": this.isSubmitDisabled(),
|
16544
17015
|
}, slot: "search-submit-button" }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
16545
17016
|
["search-submit-button"]: true,
|
16546
17017
|
["search-submit-button-small"]: size === "small",
|
16547
|
-
|
16548
|
-
|
16549
|
-
|
17018
|
+
["search-submit-button-unfocused"]: !this.searchSubmitFocused,
|
17019
|
+
["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", appearance: this.searchSubmitFocused && IcThemeForegroundEnum.Light })), hAsync("div", { class: {
|
16550
17021
|
"menu-container": true,
|
16551
17022
|
fullwidth: fullWidth,
|
16552
17023
|
}, slot: "menu" }, menuRendered && (hAsync("ic-menu", { class: {
|
@@ -16597,6 +17068,7 @@ class SearchBar {
|
|
16597
17068
|
"searchMode": [1, "search-mode"],
|
16598
17069
|
"size": [1],
|
16599
17070
|
"spellcheck": [4],
|
17071
|
+
"theme": [1],
|
16600
17072
|
"timeout": [2],
|
16601
17073
|
"valueField": [1, "value-field"],
|
16602
17074
|
"options": [16],
|
@@ -16657,7 +17129,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
|
|
16657
17129
|
</svg>
|
16658
17130
|
`;
|
16659
17131
|
|
16660
|
-
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}/*!@: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}/*!@.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-xs);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:var(--ic-space-xxs);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 0.375rem}/*!@: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-filled*/.expand-icon-filled.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;gap:var(--ic-space-xxs);padding-left:2.375rem;align-items:center}/*!@:host(.ic-select-small) .clear-button-container*/.ic-select-small.sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:1.875rem}/*!@.divider*/.divider.sc-ic-select{width:var(--ic-border-width);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)}/*!@.clear-button*/.clear-button.sc-ic-select{position:absolute;right:2.75rem;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}/*!@.searchable-select-results-status*/.searchable-select-results-status.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}}";
|
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}}";
|
16661
17133
|
|
16662
17134
|
let inputIds$2 = 0;
|
16663
17135
|
const MUTABLE_ATTRIBUTES$1 = [...IC_INHERITED_ARIA, "tabindex", "title"];
|
@@ -16675,6 +17147,7 @@ class Select {
|
|
16675
17147
|
this.icInput = createEvent(this, "icInput", 7);
|
16676
17148
|
this.icOpen = createEvent(this, "icOpen", 7);
|
16677
17149
|
this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
|
17150
|
+
this.icOptionDeselect = createEvent(this, "icOptionDeselect", 7);
|
16678
17151
|
this.icRetryLoad = createEvent(this, "icRetryLoad", 7);
|
16679
17152
|
this.hasSetDefaultValue = false;
|
16680
17153
|
this.inheritedAttributes = {};
|
@@ -16707,17 +17180,24 @@ class Select {
|
|
16707
17180
|
};
|
16708
17181
|
this.emitIcChange = (value) => {
|
16709
17182
|
if (!this.searchable) {
|
16710
|
-
|
17183
|
+
// If "Select all" button clicked, replace value with new value (array of all option values)
|
17184
|
+
if (this.multiple && !Array.isArray(value) && value !== null) {
|
17185
|
+
this.handleMultipleSelectChange(value);
|
17186
|
+
}
|
17187
|
+
else {
|
17188
|
+
this.value = value;
|
17189
|
+
}
|
16711
17190
|
}
|
16712
17191
|
clearTimeout(this.debounceIcChange);
|
16713
17192
|
this.debounceIcChange = window.setTimeout(() => {
|
16714
|
-
this.
|
17193
|
+
const valueToEmit = this.multiple ? this.value : value;
|
17194
|
+
this.icChange.emit({ value: valueToEmit });
|
16715
17195
|
}, this.currDebounce);
|
16716
17196
|
};
|
16717
17197
|
this.emitImmediateIcChange = (value) => {
|
16718
17198
|
this.value = value;
|
16719
17199
|
clearTimeout(this.debounceIcChange);
|
16720
|
-
this.icChange.emit({ value
|
17200
|
+
this.icChange.emit({ value });
|
16721
17201
|
};
|
16722
17202
|
/**
|
16723
17203
|
* Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn
|
@@ -16790,6 +17270,10 @@ class Select {
|
|
16790
17270
|
this.getLabelFromValue = (value) => {
|
16791
17271
|
return getLabelFromValue(value, this.uniqueOptions);
|
16792
17272
|
};
|
17273
|
+
this.getMultipleOptionsString = (selectedValues) => {
|
17274
|
+
const selectedLabels = selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.map((value) => this.getLabelFromValue(value));
|
17275
|
+
return selectedLabels === null || selectedLabels === void 0 ? void 0 : selectedLabels.join(", ");
|
17276
|
+
};
|
16793
17277
|
this.getFilteredChildMenuOptions = (option) => {
|
16794
17278
|
let children = option.children;
|
16795
17279
|
if (this.searchable) {
|
@@ -16802,18 +17286,29 @@ class Select {
|
|
16802
17286
|
newOption.children = children;
|
16803
17287
|
return newOption;
|
16804
17288
|
};
|
17289
|
+
// (For multi-select) get value array, i.e. selected option values, in order they appear in option list
|
17290
|
+
this.getValueSortedByOptions = (value) => {
|
17291
|
+
const valueArray = value;
|
17292
|
+
const valuesFromAllOptions = this.ungroupedOptions.map((option) => option.value);
|
17293
|
+
valueArray.sort((a, b) => valuesFromAllOptions.indexOf(a) - valuesFromAllOptions.indexOf(b));
|
17294
|
+
return valueArray;
|
17295
|
+
};
|
16805
17296
|
this.handleNativeSelectChange = () => {
|
16806
17297
|
this.icOptionSelect.emit({ value: this.nativeSelectElement.value });
|
16807
17298
|
this.emitImmediateIcChange(this.nativeSelectElement.value);
|
16808
17299
|
this.setTextColor();
|
16809
17300
|
};
|
17301
|
+
// Handle option select for when a custom input box and menu is rendered
|
17302
|
+
// (rather than native <select> - rendered when viewed on a mobile / tablet screen)
|
16810
17303
|
this.handleCustomSelectChange = (event) => {
|
17304
|
+
var _a;
|
17305
|
+
const value = event.detail.value;
|
16811
17306
|
if (this.searchable && event.detail.label === this.emptyOptionListText) {
|
16812
17307
|
this.searchableSelectElement.focus();
|
16813
17308
|
return;
|
16814
17309
|
}
|
16815
17310
|
if (this.searchable) {
|
16816
|
-
this.value =
|
17311
|
+
this.value = value;
|
16817
17312
|
this.searchableMenuItemSelected = true;
|
16818
17313
|
// After editing the input, if selecting the same option as before, set the input value to label again
|
16819
17314
|
if (this.value === this.currValue) {
|
@@ -16822,9 +17317,59 @@ class Select {
|
|
16822
17317
|
this.inputValueToFilter = null;
|
16823
17318
|
this.hiddenInputValue = this.getValueFromLabel(this.searchableSelectInputValue);
|
16824
17319
|
}
|
17320
|
+
if (this.multiple && ((_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(value))) {
|
17321
|
+
this.icOptionDeselect.emit({ value });
|
17322
|
+
}
|
17323
|
+
else {
|
17324
|
+
this.icOptionSelect.emit({ value });
|
17325
|
+
}
|
16825
17326
|
this.ariaActiveDescendant = event.detail.optionId;
|
16826
|
-
this.
|
16827
|
-
|
17327
|
+
this.emitIcChange(value);
|
17328
|
+
};
|
17329
|
+
// Update selected options - adds / removes them, in order of option list
|
17330
|
+
// Create new array if value prop is undefined
|
17331
|
+
this.handleMultipleSelectChange = (value) => {
|
17332
|
+
if (this.value) {
|
17333
|
+
let valueArray = this.value.slice();
|
17334
|
+
if (this.value.includes(value)) {
|
17335
|
+
const valueIndex = valueArray.indexOf(value);
|
17336
|
+
valueArray.splice(valueIndex, 1);
|
17337
|
+
}
|
17338
|
+
else {
|
17339
|
+
valueArray.push(value);
|
17340
|
+
valueArray = this.getValueSortedByOptions(valueArray);
|
17341
|
+
}
|
17342
|
+
this.value = valueArray.length === 0 ? null : valueArray;
|
17343
|
+
}
|
17344
|
+
else {
|
17345
|
+
const valueArray = [];
|
17346
|
+
valueArray.push(value);
|
17347
|
+
this.value = valueArray;
|
17348
|
+
}
|
17349
|
+
};
|
17350
|
+
this.handleSelectAllChange = (event) => {
|
17351
|
+
const selectAllOptions = event.detail.select;
|
17352
|
+
const allEnabledOptions = this.ungroupedOptions.filter((option) => !option.disabled);
|
17353
|
+
const allValues = allEnabledOptions.map((option) => option.value);
|
17354
|
+
let newValue;
|
17355
|
+
if (selectAllOptions) {
|
17356
|
+
let unselectedValues;
|
17357
|
+
// Only emit icOptionSelect for all values that are newly selected
|
17358
|
+
if (this.value) {
|
17359
|
+
unselectedValues = allValues.filter((value) => this.value && !this.value.includes(value));
|
17360
|
+
}
|
17361
|
+
else {
|
17362
|
+
unselectedValues = allValues;
|
17363
|
+
}
|
17364
|
+
unselectedValues.forEach((value) => this.icOptionSelect.emit({ value }));
|
17365
|
+
newValue = allValues;
|
17366
|
+
}
|
17367
|
+
else {
|
17368
|
+
// Only emit icOptionDeselect for values that were selected
|
17369
|
+
this.value.forEach((value) => this.icOptionDeselect.emit({ value }));
|
17370
|
+
newValue = null;
|
17371
|
+
}
|
17372
|
+
this.emitIcChange(newValue);
|
16828
17373
|
};
|
16829
17374
|
this.handleMenuChange = (event) => {
|
16830
17375
|
this.open = event.detail.open;
|
@@ -16835,10 +17380,9 @@ class Select {
|
|
16835
17380
|
// to prevent delay in change event, which should only occur when typing in input
|
16836
17381
|
this.handleMenuKeyPress = (ev) => {
|
16837
17382
|
ev.cancelBubble = true;
|
16838
|
-
this.
|
16839
|
-
|
16840
|
-
|
16841
|
-
this.value = ev.detail.value;
|
17383
|
+
if (!this.multiple) {
|
17384
|
+
this.handleCharacterKeyDown(ev.detail.key);
|
17385
|
+
}
|
16842
17386
|
};
|
16843
17387
|
this.handleFocusIndicatorDisplay = () => {
|
16844
17388
|
const focusIndicator = this.el.shadowRoot.querySelector(".focus-indicator");
|
@@ -16910,10 +17454,12 @@ class Select {
|
|
16910
17454
|
if (key.length === 1 && !this.searchable) {
|
16911
17455
|
window.clearTimeout(this.characterKeyPressTimer);
|
16912
17456
|
this.characterKeyPressTimer = window.setTimeout(() => (this.pressedCharacters = ""), 1000);
|
16913
|
-
this.pressedCharacters
|
16914
|
-
|
16915
|
-
|
16916
|
-
|
17457
|
+
if (!(key === " " && !this.pressedCharacters)) {
|
17458
|
+
this.pressedCharacters += key;
|
17459
|
+
this.handleFilter();
|
17460
|
+
if (!this.noOptions) {
|
17461
|
+
this.emitImmediateIcChange(this.filteredOptions[0].value);
|
17462
|
+
}
|
16917
17463
|
}
|
16918
17464
|
}
|
16919
17465
|
else {
|
@@ -16951,7 +17497,9 @@ class Select {
|
|
16951
17497
|
// Keyboard events get passed onto ic-menu
|
16952
17498
|
this.menu.handleKeyboardOpen(event);
|
16953
17499
|
}
|
16954
|
-
this.
|
17500
|
+
if (!this.multiple) {
|
17501
|
+
this.handleCharacterKeyDown(event.key);
|
17502
|
+
}
|
16955
17503
|
}
|
16956
17504
|
}
|
16957
17505
|
};
|
@@ -17076,7 +17624,24 @@ class Select {
|
|
17076
17624
|
}
|
17077
17625
|
}
|
17078
17626
|
};
|
17627
|
+
this.updateMultiSelectedCountAriaLive = () => {
|
17628
|
+
var _a;
|
17629
|
+
const multiSelectSelectedCountEl = this.el.shadowRoot.querySelector(".multi-select-selected-count");
|
17630
|
+
const selectedCount = `${(_a = this.currValue) === null || _a === void 0 ? void 0 : _a.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
|
17631
|
+
if (multiSelectSelectedCountEl &&
|
17632
|
+
multiSelectSelectedCountEl.innerText !== selectedCount) {
|
17633
|
+
multiSelectSelectedCountEl.innerText = selectedCount;
|
17634
|
+
}
|
17635
|
+
};
|
17079
17636
|
this.getDefaultValue = (value) => this.getLabelFromValue(value) || value || null;
|
17637
|
+
this.setDefaultValue = () => {
|
17638
|
+
if (!this.hasSetDefaultValue && this.currValue) {
|
17639
|
+
this.searchableSelectInputValue =
|
17640
|
+
this.searchable && this.getDefaultValue(this.currValue);
|
17641
|
+
this.initialValue = this.currValue;
|
17642
|
+
this.hasSetDefaultValue = true;
|
17643
|
+
}
|
17644
|
+
};
|
17080
17645
|
this.onFocus = () => {
|
17081
17646
|
this.icFocus.emit();
|
17082
17647
|
};
|
@@ -17141,6 +17706,7 @@ class Select {
|
|
17141
17706
|
this.label = undefined;
|
17142
17707
|
this.loadingErrorLabel = "Loading Error";
|
17143
17708
|
this.loadingLabel = "Loading...";
|
17709
|
+
this.multiple = false;
|
17144
17710
|
this.name = this.inputId;
|
17145
17711
|
this.placeholder = "Select an option";
|
17146
17712
|
this.readonly = false;
|
@@ -17169,10 +17735,11 @@ class Select {
|
|
17169
17735
|
}
|
17170
17736
|
watchOptionsHandler() {
|
17171
17737
|
var _a;
|
17172
|
-
if (!this.hasTimedOut) {
|
17738
|
+
if (!this.hasTimedOut && this.options !== this.noOptions) {
|
17173
17739
|
this.loading = false;
|
17174
17740
|
clearTimeout(this.timeoutTimer);
|
17175
17741
|
if (this.isExternalFiltering()) {
|
17742
|
+
// When searchable select
|
17176
17743
|
if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
17177
17744
|
this.setOptionsValuesFromLabels();
|
17178
17745
|
this.noOptions = null;
|
@@ -17208,11 +17775,18 @@ class Select {
|
|
17208
17775
|
}
|
17209
17776
|
valueChangedHandler() {
|
17210
17777
|
if (this.value !== this.currValue) {
|
17211
|
-
this.
|
17778
|
+
if (this.value && this.multiple) {
|
17779
|
+
this.currValue = this.getValueSortedByOptions(this.value);
|
17780
|
+
this.updateMultiSelectedCountAriaLive();
|
17781
|
+
}
|
17782
|
+
else {
|
17783
|
+
this.currValue = this.value;
|
17784
|
+
}
|
17212
17785
|
}
|
17213
17786
|
if (this.searchable) {
|
17214
17787
|
this.searchableSelectInputValue =
|
17215
|
-
this.getLabelFromValue(this.currValue) ||
|
17788
|
+
this.getLabelFromValue(this.currValue) ||
|
17789
|
+
this.currValue;
|
17216
17790
|
}
|
17217
17791
|
}
|
17218
17792
|
openChangedHandler() {
|
@@ -17282,15 +17856,10 @@ class Select {
|
|
17282
17856
|
this.updateSearchableSelectResultAriaLive();
|
17283
17857
|
}, 800);
|
17284
17858
|
}
|
17285
|
-
setDefaultValue() {
|
17286
|
-
if (!this.hasSetDefaultValue && this.currValue) {
|
17287
|
-
this.searchableSelectInputValue = this.getDefaultValue(this.currValue);
|
17288
|
-
this.initialValue = this.currValue;
|
17289
|
-
this.hasSetDefaultValue = true;
|
17290
|
-
}
|
17291
|
-
}
|
17292
17859
|
render() {
|
17293
|
-
const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
|
17860
|
+
const { size, disabled, fullWidth, helperText, hideLabel, label, menuId, multiple, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
|
17861
|
+
// HTML inputs only accept 'string' for their value
|
17862
|
+
// Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string
|
17294
17863
|
renderHiddenInput(true, this.el, name, this.searchable ? this.hiddenInputValue : currValue, disabled);
|
17295
17864
|
const invalid = `${validationStatus === IcInformationStatus.Error}`;
|
17296
17865
|
const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
|
@@ -17298,6 +17867,7 @@ class Select {
|
|
17298
17867
|
if (showLeftIcon && (disabled || (readonly && !this.value))) {
|
17299
17868
|
showLeftIcon = false;
|
17300
17869
|
}
|
17870
|
+
const optionsSelectedCount = `${currValue === null || currValue === void 0 ? void 0 : currValue.length} of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;
|
17301
17871
|
return (hAsync(Host, { class: {
|
17302
17872
|
["ic-select-disabled"]: disabled,
|
17303
17873
|
["ic-select-searchable"]: searchable,
|
@@ -17306,14 +17876,19 @@ class Select {
|
|
17306
17876
|
}, 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: {
|
17307
17877
|
["readonly"]: readonly,
|
17308
17878
|
["has-value"]: !!this.value,
|
17309
|
-
} }, hAsync("slot", { name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null,
|
17879
|
+
} }, hAsync("slot", { name: "icon" }))), readonly ? (hAsync("ic-typography", null, hAsync("p", null, multiple
|
17880
|
+
? this.getMultipleOptionsString(currValue)
|
17881
|
+
: this.getLabelFromValue(currValue)))) : isMobileOrTablet() && !multiple ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.handleNativeSelectKeyDown, form: this.form }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
|
17310
17882
|
if (option.children) {
|
17311
17883
|
return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
|
17312
17884
|
}
|
17313
17885
|
else {
|
17314
17886
|
return (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label));
|
17315
17887
|
}
|
17316
|
-
}))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class:
|
17888
|
+
}))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: {
|
17889
|
+
"select-input": true,
|
17890
|
+
"with-clear-button": !!this.searchableSelectInputValue,
|
17891
|
+
}, 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 &&
|
17317
17892
|
(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
|
17318
17893
|
? "Clear input"
|
17319
17894
|
: "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: size, variant: "icon", appearance: this.clearButtonFocused
|
@@ -17321,17 +17896,22 @@ class Select {
|
|
17321
17896
|
: IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
|
17322
17897
|
"expand-icon": true,
|
17323
17898
|
"expand-icon-open": this.open,
|
17324
|
-
|
17325
|
-
|
17899
|
+
}, 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
|
17900
|
+
? `${optionsSelectedCount}, ${this.getMultipleOptionsString(currValue)}`
|
17901
|
+
: this.getLabelFromValue(currValue)) ||
|
17902
|
+
placeholder}${required ? ", required" : ""}`, "aria-describedby": describedBy, "aria-invalid": invalid, "aria-haspopup": "listbox", "aria-expanded": this.open ? "true" : "false", "aria-owns": menuId, "aria-controls": menuId, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.handleClick, onMouseDown: this.handleMouseDown, onKeyDown: this.handleKeyDown }, hAsync("ic-typography", { variant: "body", class: {
|
17326
17903
|
"value-text": true,
|
17327
|
-
|
17328
|
-
|
17904
|
+
"with-clear-button": currValue && showClearButton,
|
17905
|
+
placeholder: !this.value || (multiple && this.value.length < 1),
|
17906
|
+
} }, (multiple
|
17907
|
+
? this.getMultipleOptionsString(currValue)
|
17908
|
+
: this.getLabelFromValue(currValue)) ||
|
17909
|
+
placeholder), hAsync("div", { class: "select-input-end" }, currValue && showClearButton && (hAsync("div", { class: "divider" })), hAsync("span", { class: {
|
17329
17910
|
"expand-icon": true,
|
17330
17911
|
"expand-icon-open": this.open,
|
17331
|
-
"expand-icon-filled": !(currValue == null || currValue === ""),
|
17332
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", appearance: this.clearButtonFocused
|
17333
17913
|
? IcThemeForegroundEnum.Light
|
17334
|
-
: IcThemeForegroundEnum.Dark }))))), !isMobileOrTablet() && (hAsync("ic-menu", { class: {
|
17914
|
+
: IcThemeForegroundEnum.Dark }))))), (!isMobileOrTablet() || multiple) && (hAsync("ic-menu", { class: {
|
17335
17915
|
"no-results": this.loading ||
|
17336
17916
|
this.hasTimedOut ||
|
17337
17917
|
(this.noOptions !== null &&
|
@@ -17339,7 +17919,9 @@ class Select {
|
|
17339
17919
|
this.noOptions[0].label === this.emptyOptionListText),
|
17340
17920
|
}, ref: (el) => (this.menu = el), inputEl: searchable
|
17341
17921
|
? this.searchableSelectElement
|
17342
|
-
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange,
|
17922
|
+
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : this.uniqueOptions, value: multiple ? currValue : currValue, fullWidth: fullWidth, selectOnEnter: this.selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.el, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable || multiple || this.selectOnEnter
|
17923
|
+
? "manual"
|
17924
|
+
: "automatic", closeOnSelect: !multiple })), this.multiple && (hAsync("div", { "aria-live": "polite", role: "status", class: "multi-select-selected-count" })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
|
17343
17925
|
}
|
17344
17926
|
static get delegatesFocus() { return true; }
|
17345
17927
|
get el() { return getElement(this); }
|
@@ -17367,6 +17949,7 @@ class Select {
|
|
17367
17949
|
"label": [1],
|
17368
17950
|
"loadingErrorLabel": [1, "loading-error-label"],
|
17369
17951
|
"loadingLabel": [1, "loading-label"],
|
17952
|
+
"multiple": [4],
|
17370
17953
|
"name": [1],
|
17371
17954
|
"placeholder": [1],
|
17372
17955
|
"readonly": [4],
|
@@ -17412,7 +17995,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill
|
|
17412
17995
|
</svg>
|
17413
17996
|
`;
|
17414
17997
|
|
17415
|
-
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;width:100%}/*!@.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}}";
|
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}}";
|
17416
17999
|
|
17417
18000
|
/**
|
17418
18001
|
* @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
|
@@ -17782,10 +18365,11 @@ class SideNavigation {
|
|
17782
18365
|
onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: "app-title" }], "Side Navigation");
|
17783
18366
|
}
|
17784
18367
|
disconnectedCallback() {
|
18368
|
+
var _a;
|
17785
18369
|
if (this.resizeObserver !== null) {
|
17786
18370
|
this.resizeObserver.disconnect();
|
17787
18371
|
}
|
17788
|
-
this.el.removeEventListener("transitionend", this.transitionEndHandler);
|
18372
|
+
(_a = this.el) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionend", this.transitionEndHandler);
|
17789
18373
|
}
|
17790
18374
|
themeChangeHandler({ detail }) {
|
17791
18375
|
this.foregroundColor = detail.mode;
|
@@ -18355,7 +18939,7 @@ class Stepper {
|
|
18355
18939
|
}; }
|
18356
18940
|
}
|
18357
18941
|
|
18358
|
-
const icSwitchCss = "/*!@html*/html.sc-ic-switch{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-switch{margin:0}/*!@main*/main.sc-ic-switch{display:block}/*!@h1*/h1.sc-ic-switch{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-switch{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-switch{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-switch{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-switch,strong.sc-ic-switch{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-switch,kbd.sc-ic-switch,samp.sc-ic-switch{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-switch{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-switch,sup.sc-ic-switch{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-switch{bottom:-0.25em}/*!@sup*/sup.sc-ic-switch{top:-0.5em}/*!@img*/img.sc-ic-switch{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-switch,input.sc-ic-switch,optgroup.sc-ic-switch,select.sc-ic-switch,textarea.sc-ic-switch{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-switch,input.sc-ic-switch{overflow:visible}/*!@button,\nselect*/button.sc-ic-switch,select.sc-ic-switch{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-switch,[type=\"button\"].sc-ic-switch,[type=\"reset\"].sc-ic-switch,[type=\"submit\"].sc-ic-switch{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-switch::-moz-focus-inner,[type=\"button\"].sc-ic-switch::-moz-focus-inner,[type=\"reset\"].sc-ic-switch::-moz-focus-inner,[type=\"submit\"].sc-ic-switch::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-switch:-moz-focusring,[type=\"button\"].sc-ic-switch:-moz-focusring,[type=\"reset\"].sc-ic-switch:-moz-focusring,[type=\"submit\"].sc-ic-switch:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-switch{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-switch{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-switch{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-switch{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-switch,[type=\"radio\"].sc-ic-switch{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-switch::-webkit-inner-spin-button,[type=\"number\"].sc-ic-switch::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-switch{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-switch::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-switch::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-switch{display:block}/*!@summary*/summary.sc-ic-switch{display:list-item}/*!@template*/template.sc-ic-switch{display:none}/*!@[hidden]*/[hidden].sc-ic-switch{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-switch,body.sc-ic-switch,div.sc-ic-switch,span.sc-ic-switch,applet.sc-ic-switch,object.sc-ic-switch,iframe.sc-ic-switch,h1.sc-ic-switch,h2.sc-ic-switch,h3.sc-ic-switch,h4.sc-ic-switch,h5.sc-ic-switch,h6.sc-ic-switch,p.sc-ic-switch,blockquote.sc-ic-switch,pre.sc-ic-switch,a.sc-ic-switch,abbr.sc-ic-switch,acronym.sc-ic-switch,address.sc-ic-switch,big.sc-ic-switch,cite.sc-ic-switch,code.sc-ic-switch,del.sc-ic-switch,dfn.sc-ic-switch,em.sc-ic-switch,img.sc-ic-switch,ins.sc-ic-switch,kbd.sc-ic-switch,q.sc-ic-switch,s.sc-ic-switch,samp.sc-ic-switch,small.sc-ic-switch,strike.sc-ic-switch,strong.sc-ic-switch,sub.sc-ic-switch,sup.sc-ic-switch,tt.sc-ic-switch,var.sc-ic-switch,b.sc-ic-switch,u.sc-ic-switch,i.sc-ic-switch,center.sc-ic-switch,dl.sc-ic-switch,dt.sc-ic-switch,dd.sc-ic-switch,ol.sc-ic-switch,ul.sc-ic-switch,li.sc-ic-switch,fieldset.sc-ic-switch,form.sc-ic-switch,label.sc-ic-switch,legend.sc-ic-switch,table.sc-ic-switch,caption.sc-ic-switch,tbody.sc-ic-switch,tfoot.sc-ic-switch,thead.sc-ic-switch,tr.sc-ic-switch,th.sc-ic-switch,td.sc-ic-switch,article.sc-ic-switch,aside.sc-ic-switch,canvas.sc-ic-switch,details.sc-ic-switch,embed.sc-ic-switch,figure.sc-ic-switch,figcaption.sc-ic-switch,footer.sc-ic-switch,header.sc-ic-switch,hgroup.sc-ic-switch,menu.sc-ic-switch,nav.sc-ic-switch,output.sc-ic-switch,ruby.sc-ic-switch,section.sc-ic-switch,summary.sc-ic-switch,time.sc-ic-switch,mark.sc-ic-switch,audio.sc-ic-switch,video.sc-ic-switch{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-switch-h{display:inline-block}/*!@input*/input.sc-ic-switch{overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@.ic-switch-container*/.ic-switch-container.sc-ic-switch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ic-space-xxs);cursor:pointer}/*!@.ic-switch-label*/.ic-switch-label.sc-ic-switch{margin-left:var(--ic-space-xxs);margin-bottom:var(--ic-space-sm)}/*!@.ic-switch-label-small*/.ic-switch-label-small.sc-ic-switch{margin-bottom:0.625rem}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:4rem;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border:var(--ic-border-width) solid var(--ic-architectural-700);box-sizing:border-box;transition:var(--ic-transition-duration-fast)}/*!@.ic-switch-line-break*/.ic-switch-line-break.sc-ic-switch{flex:1 0 100%}/*!@.ic-switch-checked-status*/.ic-switch-checked-status.sc-ic-switch{padding-left:var(--ic-space-xxs);width:var(--ic-space-lg)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-700)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-action-default);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-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-action-default-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:var(--ic-border-focus)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-300)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-action-default-bg-active)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-architectural-80);border:var(--ic-border-disabled)}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-300)}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-status-info-light);border:var(--ic-border-width) dashed #98c9f5}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-white)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-border-hc)}/*!@.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}}";
|
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}}";
|
18359
18943
|
|
18360
18944
|
let inputIds$1 = 0;
|
18361
18945
|
/**
|
@@ -18394,6 +18978,7 @@ class Switch {
|
|
18394
18978
|
this.name = this.inputId;
|
18395
18979
|
this.showState = false;
|
18396
18980
|
this.size = "medium";
|
18981
|
+
this.theme = "inherit";
|
18397
18982
|
this.value = "on";
|
18398
18983
|
}
|
18399
18984
|
checkedChangeHandler() {
|
@@ -18419,10 +19004,12 @@ class Switch {
|
|
18419
19004
|
}
|
18420
19005
|
}
|
18421
19006
|
render() {
|
18422
|
-
const { label, checkedState, size, disabled, name, showState, value, hideLabel, helperText, inputId, } = this;
|
19007
|
+
const { label, checkedState, size, disabled, name, showState, value, hideLabel, helperText, inputId, theme, } = this;
|
18423
19008
|
renderHiddenInput(true, this.el, name, checkedState ? value : "", disabled);
|
18424
19009
|
const describedBy = getInputDescribedByText(inputId, helperText !== "", false);
|
18425
|
-
return (hAsync(Host,
|
19010
|
+
return (hAsync(Host, { class: {
|
19011
|
+
[`ic-theme-${theme}`]: theme !== "inherit",
|
19012
|
+
} }, hAsync("label", { class: {
|
18426
19013
|
["ic-switch-container"]: true,
|
18427
19014
|
["ic-switch-disabled"]: disabled,
|
18428
19015
|
["ic-switch-small"]: size === "small",
|
@@ -18449,6 +19036,7 @@ class Switch {
|
|
18449
19036
|
"name": [1],
|
18450
19037
|
"showState": [4, "show-state"],
|
18451
19038
|
"size": [1],
|
19039
|
+
"theme": [1],
|
18452
19040
|
"value": [1],
|
18453
19041
|
"checkedState": [32],
|
18454
19042
|
"initiallyChecked": [32],
|
@@ -18724,7 +19312,8 @@ class TabContext {
|
|
18724
19312
|
this.configureTabs();
|
18725
19313
|
}
|
18726
19314
|
disconnectedCallback() {
|
18727
|
-
|
19315
|
+
var _a;
|
19316
|
+
(_a = this.tabGroup) === null || _a === void 0 ? void 0 : _a.removeEventListener("keydown", this.keydownHandler);
|
18728
19317
|
}
|
18729
19318
|
tabClickHandler(event) {
|
18730
19319
|
if (this.selectedTabIndex === undefined &&
|
@@ -18899,7 +19488,7 @@ class TabPanel {
|
|
18899
19488
|
}; }
|
18900
19489
|
}
|
18901
19490
|
|
18902
|
-
const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block}/*!@:host(.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(--ic-color-text-tertiary);opacity:1}/*!@::placeholder*/.sc-ic-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);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-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}}";
|
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}}";
|
18903
19492
|
|
18904
19493
|
let inputIds = 0;
|
18905
19494
|
const MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, "title"];
|
@@ -19282,7 +19871,7 @@ class Theme {
|
|
19282
19871
|
}; }
|
19283
19872
|
}
|
19284
19873
|
|
19285
|
-
const icToastCss = "/*!@html*/html.sc-ic-toast{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toast{margin:0}/*!@main*/main.sc-ic-toast{display:block}/*!@h1*/h1.sc-ic-toast{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toast{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toast{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toast{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toast{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toast,strong.sc-ic-toast{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toast,kbd.sc-ic-toast,samp.sc-ic-toast{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toast{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toast,sup.sc-ic-toast{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toast{bottom:-0.25em}/*!@sup*/sup.sc-ic-toast{top:-0.5em}/*!@img*/img.sc-ic-toast{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toast,input.sc-ic-toast,optgroup.sc-ic-toast,select.sc-ic-toast,textarea.sc-ic-toast{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toast,input.sc-ic-toast{overflow:visible}/*!@button,\nselect*/button.sc-ic-toast,select.sc-ic-toast{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toast,[type=\"button\"].sc-ic-toast,[type=\"reset\"].sc-ic-toast,[type=\"submit\"].sc-ic-toast{-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-toast::-moz-focus-inner,[type=\"button\"].sc-ic-toast::-moz-focus-inner,[type=\"reset\"].sc-ic-toast::-moz-focus-inner,[type=\"submit\"].sc-ic-toast::-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-toast:-moz-focusring,[type=\"button\"].sc-ic-toast:-moz-focusring,[type=\"reset\"].sc-ic-toast:-moz-focusring,[type=\"submit\"].sc-ic-toast:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toast{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toast{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toast{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toast{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toast,[type=\"radio\"].sc-ic-toast{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-toast::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toast::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toast{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toast::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toast::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toast{display:block}/*!@summary*/summary.sc-ic-toast{display:list-item}/*!@template*/template.sc-ic-toast{display:none}/*!@[hidden]*/[hidden].sc-ic-toast{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-toast,body.sc-ic-toast,div.sc-ic-toast,span.sc-ic-toast,applet.sc-ic-toast,object.sc-ic-toast,iframe.sc-ic-toast,h1.sc-ic-toast,h2.sc-ic-toast,h3.sc-ic-toast,h4.sc-ic-toast,h5.sc-ic-toast,h6.sc-ic-toast,p.sc-ic-toast,blockquote.sc-ic-toast,pre.sc-ic-toast,a.sc-ic-toast,abbr.sc-ic-toast,acronym.sc-ic-toast,address.sc-ic-toast,big.sc-ic-toast,cite.sc-ic-toast,code.sc-ic-toast,del.sc-ic-toast,dfn.sc-ic-toast,em.sc-ic-toast,img.sc-ic-toast,ins.sc-ic-toast,kbd.sc-ic-toast,q.sc-ic-toast,s.sc-ic-toast,samp.sc-ic-toast,small.sc-ic-toast,strike.sc-ic-toast,strong.sc-ic-toast,sub.sc-ic-toast,sup.sc-ic-toast,tt.sc-ic-toast,var.sc-ic-toast,b.sc-ic-toast,u.sc-ic-toast,i.sc-ic-toast,center.sc-ic-toast,dl.sc-ic-toast,dt.sc-ic-toast,dd.sc-ic-toast,ol.sc-ic-toast,ul.sc-ic-toast,li.sc-ic-toast,fieldset.sc-ic-toast,form.sc-ic-toast,label.sc-ic-toast,legend.sc-ic-toast,table.sc-ic-toast,caption.sc-ic-toast,tbody.sc-ic-toast,tfoot.sc-ic-toast,thead.sc-ic-toast,tr.sc-ic-toast,th.sc-ic-toast,td.sc-ic-toast,article.sc-ic-toast,aside.sc-ic-toast,canvas.sc-ic-toast,details.sc-ic-toast,embed.sc-ic-toast,figure.sc-ic-toast,figcaption.sc-ic-toast,footer.sc-ic-toast,header.sc-ic-toast,hgroup.sc-ic-toast,menu.sc-ic-toast,nav.sc-ic-toast,output.sc-ic-toast,ruby.sc-ic-toast,section.sc-ic-toast,summary.sc-ic-toast,time.sc-ic-toast,mark.sc-ic-toast,audio.sc-ic-toast,video.sc-ic-toast{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host*/.sc-ic-toast-h{animation:fadein var(--ic-transition-duration-slow) ease-in-out}/*!@:host(.hidden)*/.hidden.sc-ic-toast-h{animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}/*!@:host*/.sc-ic-toast-h{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}/*!@:host(.ic-toast-hidden)*/.ic-toast-hidden.sc-ic-toast-h{display:none}/*!@:host(:focus)*/.sc-ic-toast-h:focus{outline:none}/*!@.container*/.container.sc-ic-toast{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-
|
19874
|
+
const icToastCss = "/*!@html*/html.sc-ic-toast{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-toast{margin:0}/*!@main*/main.sc-ic-toast{display:block}/*!@h1*/h1.sc-ic-toast{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-toast{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-toast{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-toast{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-toast{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-toast,strong.sc-ic-toast{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-toast,kbd.sc-ic-toast,samp.sc-ic-toast{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-toast{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-toast,sup.sc-ic-toast{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-toast{bottom:-0.25em}/*!@sup*/sup.sc-ic-toast{top:-0.5em}/*!@img*/img.sc-ic-toast{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-toast,input.sc-ic-toast,optgroup.sc-ic-toast,select.sc-ic-toast,textarea.sc-ic-toast{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-toast,input.sc-ic-toast{overflow:visible}/*!@button,\nselect*/button.sc-ic-toast,select.sc-ic-toast{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-toast,[type=\"button\"].sc-ic-toast,[type=\"reset\"].sc-ic-toast,[type=\"submit\"].sc-ic-toast{-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-toast::-moz-focus-inner,[type=\"button\"].sc-ic-toast::-moz-focus-inner,[type=\"reset\"].sc-ic-toast::-moz-focus-inner,[type=\"submit\"].sc-ic-toast::-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-toast:-moz-focusring,[type=\"button\"].sc-ic-toast:-moz-focusring,[type=\"reset\"].sc-ic-toast:-moz-focusring,[type=\"submit\"].sc-ic-toast:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-toast{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-toast{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-toast{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-toast{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-toast,[type=\"radio\"].sc-ic-toast{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-toast::-webkit-inner-spin-button,[type=\"number\"].sc-ic-toast::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-toast{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-toast::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-toast::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-toast{display:block}/*!@summary*/summary.sc-ic-toast{display:list-item}/*!@template*/template.sc-ic-toast{display:none}/*!@[hidden]*/[hidden].sc-ic-toast{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-toast,body.sc-ic-toast,div.sc-ic-toast,span.sc-ic-toast,applet.sc-ic-toast,object.sc-ic-toast,iframe.sc-ic-toast,h1.sc-ic-toast,h2.sc-ic-toast,h3.sc-ic-toast,h4.sc-ic-toast,h5.sc-ic-toast,h6.sc-ic-toast,p.sc-ic-toast,blockquote.sc-ic-toast,pre.sc-ic-toast,a.sc-ic-toast,abbr.sc-ic-toast,acronym.sc-ic-toast,address.sc-ic-toast,big.sc-ic-toast,cite.sc-ic-toast,code.sc-ic-toast,del.sc-ic-toast,dfn.sc-ic-toast,em.sc-ic-toast,img.sc-ic-toast,ins.sc-ic-toast,kbd.sc-ic-toast,q.sc-ic-toast,s.sc-ic-toast,samp.sc-ic-toast,small.sc-ic-toast,strike.sc-ic-toast,strong.sc-ic-toast,sub.sc-ic-toast,sup.sc-ic-toast,tt.sc-ic-toast,var.sc-ic-toast,b.sc-ic-toast,u.sc-ic-toast,i.sc-ic-toast,center.sc-ic-toast,dl.sc-ic-toast,dt.sc-ic-toast,dd.sc-ic-toast,ol.sc-ic-toast,ul.sc-ic-toast,li.sc-ic-toast,fieldset.sc-ic-toast,form.sc-ic-toast,label.sc-ic-toast,legend.sc-ic-toast,table.sc-ic-toast,caption.sc-ic-toast,tbody.sc-ic-toast,tfoot.sc-ic-toast,thead.sc-ic-toast,tr.sc-ic-toast,th.sc-ic-toast,td.sc-ic-toast,article.sc-ic-toast,aside.sc-ic-toast,canvas.sc-ic-toast,details.sc-ic-toast,embed.sc-ic-toast,figure.sc-ic-toast,figcaption.sc-ic-toast,footer.sc-ic-toast,header.sc-ic-toast,hgroup.sc-ic-toast,menu.sc-ic-toast,nav.sc-ic-toast,output.sc-ic-toast,ruby.sc-ic-toast,section.sc-ic-toast,summary.sc-ic-toast,time.sc-ic-toast,mark.sc-ic-toast,audio.sc-ic-toast,video.sc-ic-toast{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){/*!@:host*/.sc-ic-toast-h{animation:fadein var(--ic-transition-duration-slow) ease-in-out}/*!@:host(.hidden)*/.hidden.sc-ic-toast-h{animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}/*!@:host*/.sc-ic-toast-h{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}/*!@:host(.ic-toast-hidden)*/.ic-toast-hidden.sc-ic-toast-h{display:none}/*!@:host(:focus)*/.sc-ic-toast-h:focus{outline:none}/*!@.container*/.container.sc-ic-toast{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border-radius:var(--ic-border-radius)}/*!@.toast-icon-container*/.toast-icon-container.sc-ic-toast{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-toast{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs)}/*!@.divider-neutral*/.divider-neutral.sc-ic-toast{background-color:var(--ic-toast-status-neutral)}/*!@.divider-info*/.divider-info.sc-ic-toast{background-color:var(--ic-toast-status-info)}/*!@.divider-warning*/.divider-warning.sc-ic-toast{background-color:var(--ic-toast-status-warning)}/*!@.divider-error*/.divider-error.sc-ic-toast{background-color:var(--ic-toast-status-error)}/*!@.divider-success*/.divider-success.sc-ic-toast{background-color:var(--ic-toast-status-success)}/*!@.toast-icon,\n::slotted(svg)*/.toast-icon.sc-ic-toast,.sc-ic-toast-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host([variant=\"neutral\"]) .toast-icon svg,\n::slotted(svg)*/[variant=\"neutral\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast,.sc-ic-toast-s>svg{fill:var(--ic-toast-icon-neutral)}/*!@:host([variant=\"info\"]) .toast-icon svg*/[variant=\"info\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-toast-icon-info)}/*!@:host([variant=\"warning\"]) .toast-icon svg*/[variant=\"warning\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-toast-icon-warning)}/*!@:host([variant=\"error\"]) .toast-icon svg*/[variant=\"error\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-toast-icon-error)}/*!@:host([variant=\"success\"]) .toast-icon svg*/[variant=\"success\"].sc-ic-toast-h .toast-icon.sc-ic-toast svg.sc-ic-toast{fill:var(--ic-toast-icon-success)}/*!@.toast-content*/.toast-content.sc-ic-toast{margin-left:var(--ic-space-xs);width:100%}/*!@.no-icon*/.no-icon.sc-ic-toast{margin-left:var(--ic-space-md)}/*!@.toast-text*/.toast-text.sc-ic-toast{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}/*!@.toast-heading*/.toast-heading.sc-ic-toast{--ic-typography-color:var(--ic-toast-title)}/*!@.toast-message*/.toast-message.sc-ic-toast{--ic-typography-color:var(--ic-toast-description)}/*!@.toast-action-container*/.toast-action-container.sc-ic-toast{padding-bottom:var(--ic-space-md)}/*!@#dismiss-button*/#dismiss-button.sc-ic-toast{padding:var(--ic-space-xs)}/*!@#dismiss-button > svg*/#dismiss-button.sc-ic-toast>svg.sc-ic-toast{color:var(--ic-toast-dismiss-button)}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-toast{--outer-color:transparent;--inner-color:var(--ic-action-light)}/*!@.toast-dismiss-timer*/.toast-dismiss-timer.sc-ic-toast{padding:var(--ic-space-sm)}@media (max-width: 576px){/*!@:host*/.sc-ic-toast-h{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){/*!@:host*/.sc-ic-toast-h{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){/*!@.container*/.container.sc-ic-toast{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}";
|
19286
19875
|
|
19287
19876
|
const AUTO_DISMISS_TIMER_REFRESH_RATE_MS = 1000;
|
19288
19877
|
const TOAST_HEADING_CHAR_LIMIT = 70;
|
@@ -19485,7 +20074,7 @@ class Toast {
|
|
19485
20074
|
} }), variant === "neutral" ? (hAsync("slot", { name: "neutral-icon" })) : (hAsync("span", { class: "toast-icon", innerHTML: VARIANT_ICONS[variant].icon })))), hAsync("div", { class: {
|
19486
20075
|
["toast-content"]: true,
|
19487
20076
|
["no-icon"]: variant === "neutral" && !isSlotUsed(this.el, "neutral-icon"),
|
19488
|
-
} }, hAsync("div", { class: "toast-
|
20077
|
+
} }, hAsync("div", { class: "toast-text" }, hAsync("ic-typography", { variant: "subtitle-large", class: "toast-heading" }, visible && hAsync("h5", null, heading)), message && (hAsync("ic-typography", { variant: "body", class: "toast-message" }, visible && hAsync("p", null, message)))), isSlotUsed(this.el, "action") && (hAsync("div", { class: "toast-action-container" }, hAsync("slot", { name: "action" })))), !isManual ? (hAsync("ic-loading-indicator", { class: "toast-dismiss-timer", theme: "dark", monochrome: true, size: "icon", progress: this.timerProgress, description: "" })) : (hAsync("ic-button", { id: "dismiss-button", innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", "aria-label": dismissButtonAriaLabel })))));
|
19489
20078
|
}
|
19490
20079
|
get el() { return getElement(this); }
|
19491
20080
|
static get watchers() { return {
|
@@ -19810,7 +20399,7 @@ class ToggleButtonGroup {
|
|
19810
20399
|
});
|
19811
20400
|
}
|
19812
20401
|
disconnectedCallback() {
|
19813
|
-
document.removeEventListener("keydown", this.keyListener);
|
20402
|
+
document === null || document === void 0 ? void 0 : document.removeEventListener("keydown", this.keyListener);
|
19814
20403
|
}
|
19815
20404
|
// trigger selectHandler when unable to add 'target'
|
19816
20405
|
proxySelectHandler(toggle) {
|