@ukic/web-components 2.1.0-beta.11 → 2.1.0-beta.13
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +2 -2
- package/dist/cjs/ic-alert.cjs.entry.js +2 -2
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +2 -2
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +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 +44 -10
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +4 -4
- package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +16 -18
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +11 -4
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +2 -2
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +2 -2
- package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +2 -2
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +2 -2
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +4 -2
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +2 -2
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +146 -63
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +3 -2
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +2 -2
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination-item.cjs.entry.js +51 -0
- package/dist/cjs/ic-pagination-item.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-pagination.cjs.entry.js +206 -0
- package/dist/cjs/ic-pagination.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-popover-menu.cjs.entry.js +8 -7
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +3 -3
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +3 -3
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +79 -12
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +153 -54
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +11 -3
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +2 -2
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +2 -2
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +2 -2
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +42 -5
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +3 -2
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +11 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +14 -2
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +50 -11
- 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-region.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +5 -1
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +7 -5
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +2 -2
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/{index-f79a4e53.js → index-a62312a7.js} +11 -1
- package/dist/cjs/index-a62312a7.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/types-3eb02246.js.map +1 -1
- package/dist/collection/assets/pagination-first-last.svg +3 -0
- package/dist/collection/assets/pagination-next-previous.svg +3 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/ic-alert/ic-alert.css +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +3 -3
- package/dist/collection/components/ic-button/ic-button.css +6 -2
- package/dist/collection/components/ic-button/ic-button.js +118 -1
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-card/ic-card.css +17 -7
- package/dist/collection/components/ic-card/ic-card.js +2 -2
- package/dist/collection/components/ic-card/ic-card.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +11 -8
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +28 -2
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css +3 -3
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +15 -21
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.types.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.css +11 -10
- package/dist/collection/components/ic-data-entity/ic-data-entity.css +1 -1
- package/dist/collection/components/ic-data-row/ic-data-row.css +1 -1
- package/dist/collection/components/ic-divider/ic-divider.css +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +23 -22
- package/dist/collection/components/ic-hero/ic-hero.js +2 -0
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-horizontal-scroll/ic-horizontal-scroll.css +4 -8
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +6 -5
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +4 -4
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +11 -3
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +39 -10
- package/dist/collection/components/ic-menu/ic-menu.js +188 -61
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-menu-item/ic-menu-item.css +1 -6
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.css +4 -0
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.css +2 -2
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.css +2 -2
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +1 -0
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.css +18 -14
- package/dist/collection/components/ic-page-header/ic-page-header.css +1 -1
- package/dist/collection/components/ic-pagination/ic-pagination.css +490 -0
- package/dist/collection/components/ic-pagination/ic-pagination.js +435 -0
- package/dist/collection/components/ic-pagination/ic-pagination.js.map +1 -0
- package/dist/collection/components/ic-pagination/ic-pagination.test.a11y.js +11 -0
- package/dist/collection/components/ic-pagination/ic-pagination.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-pagination/ic-pagination.types.js +2 -0
- package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +1 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.css +581 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js +225 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.js.map +1 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.types.js +2 -0
- package/dist/collection/components/ic-pagination-item/ic-pagination-item.types.js.map +1 -0
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.css +2 -1
- package/dist/collection/components/ic-popover-menu/ic-popover-menu.js +7 -6
- 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 +4 -4
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +6 -6
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +1 -1
- 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 +6 -10
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +172 -11
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +4 -4
- package/dist/collection/components/ic-select/ic-select.js +247 -53
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +43 -20
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +9 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +8 -7
- package/dist/collection/components/ic-step/ic-step.css +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +4 -4
- package/dist/collection/components/ic-tab/ic-tab.css +4 -4
- package/dist/collection/components/ic-tab/ic-tab.js +50 -0
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +79 -4
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.css +1 -1
- package/dist/collection/components/ic-tab-group/ic-tab-group.js +6 -2
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +0 -4
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +56 -3
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.css +2 -3
- package/dist/collection/components/ic-text-field/ic-text-field.js +129 -9
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-toast/ic-toast.js +7 -3
- package/dist/collection/components/ic-toast/ic-toast.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +53 -4
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +21 -15
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +5 -3
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.css +19 -1
- package/dist/collection/components/ic-typography/ic-typography.js +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/ic-alert.js +1 -1
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +1 -1
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-button2.js +23 -2
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card.js +3 -3
- package/dist/components/ic-card.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +16 -19
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +11 -3
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +1 -1
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-data-entity.js +1 -1
- package/dist/components/ic-data-entity.js.map +1 -1
- package/dist/components/ic-data-row.js +1 -1
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-divider2.js +1 -1
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-hero.js +3 -1
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +1 -1
- 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-loading-indicator2.js +12 -4
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-item2.js +1 -1
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu2.js +164 -64
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +1 -1
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +1 -1
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +2 -1
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +1 -1
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +1 -1
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-item.d.ts +11 -0
- package/dist/components/ic-pagination-item.js +8 -0
- package/dist/components/ic-pagination-item.js.map +1 -0
- package/dist/components/ic-pagination-item2.js +77 -0
- package/dist/components/ic-pagination-item2.js.map +1 -0
- package/dist/components/ic-pagination.d.ts +11 -0
- package/dist/components/ic-pagination.js +266 -0
- package/dist/components/ic-pagination.js.map +1 -0
- package/dist/components/ic-popover-menu.js +8 -8
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +2 -2
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +2 -2
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +82 -12
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select.js +158 -53
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +10 -2
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-status-tag.js +1 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +1 -1
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-switch.js +1 -1
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +44 -6
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +2 -1
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +11 -2
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +13 -1
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +54 -10
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-toast.js +7 -3
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-tooltip2.js +1817 -8
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +6 -4
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +1 -1
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/types.js.map +1 -1
- package/dist/core/core.css +8 -3
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-25b208ae.entry.js → p-002a63e9.entry.js} +2 -2
- package/dist/core/p-002a63e9.entry.js.map +1 -0
- package/dist/core/p-0575a77f.entry.js +2 -0
- package/dist/core/p-0575a77f.entry.js.map +1 -0
- package/dist/core/p-0a41c3cb.entry.js +2 -0
- package/dist/core/p-0a41c3cb.entry.js.map +1 -0
- package/dist/core/{p-b7fc1f35.entry.js → p-100dbcec.entry.js} +2 -2
- package/dist/core/{p-c9068822.entry.js → p-14835d6f.entry.js} +2 -2
- package/dist/core/p-14835d6f.entry.js.map +1 -0
- package/dist/core/p-1eb0992b.entry.js +2 -0
- package/dist/core/p-1eb0992b.entry.js.map +1 -0
- package/dist/core/{p-62b3516e.entry.js → p-223a214f.entry.js} +2 -2
- package/dist/core/{p-dd71a986.entry.js → p-276f7ecb.entry.js} +2 -2
- package/dist/core/{p-3d84a743.entry.js → p-28bc3bf0.entry.js} +2 -2
- package/dist/core/{p-8ffa00c9.entry.js → p-312c10b0.entry.js} +2 -2
- package/dist/core/p-3845b769.entry.js +2 -0
- package/dist/core/p-3845b769.entry.js.map +1 -0
- package/dist/core/{p-cc62d065.entry.js → p-3a67718c.entry.js} +2 -2
- package/dist/core/p-3c23f963.entry.js +2 -0
- package/dist/core/p-3c23f963.entry.js.map +1 -0
- package/dist/core/{p-ed6cf9b9.entry.js → p-3dc2ff7b.entry.js} +2 -2
- package/dist/core/p-3dc2ff7b.entry.js.map +1 -0
- package/dist/core/p-3e5eb873.entry.js +2 -0
- package/dist/core/p-3e5eb873.entry.js.map +1 -0
- package/dist/core/{p-58ff516f.entry.js → p-3fb307e6.entry.js} +2 -2
- package/dist/core/{p-d2508752.entry.js → p-454b1ecd.entry.js} +2 -2
- package/dist/core/{p-33a0aabe.entry.js → p-47b0ed42.entry.js} +2 -2
- package/dist/core/p-47b0ed42.entry.js.map +1 -0
- package/dist/core/p-4b87445b.entry.js +2 -0
- package/dist/core/p-4b87445b.entry.js.map +1 -0
- package/dist/core/p-4c8fcfe6.entry.js +2 -0
- package/dist/core/p-4c8fcfe6.entry.js.map +1 -0
- package/dist/core/p-52fd3533.entry.js +2 -0
- package/dist/core/p-52fd3533.entry.js.map +1 -0
- package/dist/core/{p-0a463a65.entry.js → p-546b620e.entry.js} +2 -2
- package/dist/core/p-56fe91ad.entry.js +2 -0
- package/dist/core/p-56fe91ad.entry.js.map +1 -0
- package/dist/core/{p-5450cebf.js → p-589f6dd3.js} +3 -3
- package/dist/core/p-589f6dd3.js.map +1 -0
- package/dist/core/p-5d077cf7.entry.js +2 -0
- package/dist/core/p-5d077cf7.entry.js.map +1 -0
- package/dist/core/{p-8c9cc4d5.entry.js → p-6a77992e.entry.js} +2 -2
- package/dist/core/{p-acb08809.entry.js → p-6b39f8b4.entry.js} +2 -2
- package/dist/core/p-6b39f8b4.entry.js.map +1 -0
- package/dist/core/p-6f57b13c.js.map +1 -1
- package/dist/core/p-80eff050.entry.js +2 -0
- package/dist/core/p-80eff050.entry.js.map +1 -0
- package/dist/core/p-864b46bf.entry.js +2 -0
- package/dist/core/p-864b46bf.entry.js.map +1 -0
- package/dist/core/p-8780890e.entry.js +2 -0
- package/dist/core/p-8780890e.entry.js.map +1 -0
- package/dist/core/p-895bda21.entry.js +2 -0
- package/dist/core/p-895bda21.entry.js.map +1 -0
- package/dist/core/p-92c4fa7f.entry.js +2 -0
- package/dist/core/p-92c4fa7f.entry.js.map +1 -0
- package/dist/core/{p-dbfdfa8a.entry.js → p-9413d639.entry.js} +2 -2
- package/dist/core/p-9413d639.entry.js.map +1 -0
- package/dist/core/{p-81652a98.entry.js → p-a0f4e641.entry.js} +2 -2
- package/dist/core/p-a0f4e641.entry.js.map +1 -0
- package/dist/core/{p-4d8392fe.entry.js → p-a33a04b2.entry.js} +2 -2
- package/dist/core/p-a5bee11f.entry.js +2 -0
- package/dist/core/p-a5bee11f.entry.js.map +1 -0
- package/dist/core/p-b61e76e2.entry.js +2 -0
- package/dist/core/p-b61e76e2.entry.js.map +1 -0
- package/dist/core/p-c0813424.entry.js +2 -0
- package/dist/core/p-c0813424.entry.js.map +1 -0
- package/dist/core/p-cb437317.entry.js +2 -0
- package/dist/core/p-cb437317.entry.js.map +1 -0
- package/dist/core/p-d5d9923a.entry.js +2 -0
- package/dist/core/p-d5d9923a.entry.js.map +1 -0
- package/dist/core/{p-f777679c.entry.js → p-db7131b6.entry.js} +2 -2
- package/dist/core/p-dc0b9e80.entry.js +2 -0
- package/dist/core/p-dc0b9e80.entry.js.map +1 -0
- package/dist/core/{p-7fd50355.entry.js → p-de45134c.entry.js} +2 -2
- package/dist/core/p-de45134c.entry.js.map +1 -0
- package/dist/core/p-de891d3d.entry.js +2 -0
- package/dist/core/p-de891d3d.entry.js.map +1 -0
- package/dist/core/p-e0f24ccd.entry.js +2 -0
- package/dist/core/p-e0f24ccd.entry.js.map +1 -0
- package/dist/core/{p-741b4ea3.entry.js → p-e384aaee.entry.js} +2 -2
- package/dist/core/{p-26c9e522.entry.js → p-e41e701a.entry.js} +2 -2
- package/dist/core/p-e41e701a.entry.js.map +1 -0
- package/dist/core/p-e839e5dc.entry.js +2 -0
- package/dist/core/p-e839e5dc.entry.js.map +1 -0
- package/dist/core/p-ea526b54.entry.js +2 -0
- package/dist/core/p-ea526b54.entry.js.map +1 -0
- package/dist/core/{p-4ee03271.entry.js → p-ec8b228c.entry.js} +2 -2
- package/dist/core/p-ec8b228c.entry.js.map +1 -0
- package/dist/core/p-f3e10149.entry.js +2 -0
- package/dist/core/p-f3e10149.entry.js.map +1 -0
- package/dist/core/{p-ad2477d8.entry.js → p-fc7dce3d.entry.js} +2 -2
- package/dist/core/p-ff6583e6.entry.js +2 -0
- package/dist/core/p-ff6583e6.entry.js.map +1 -0
- package/dist/esm/core.js +2 -2
- package/dist/esm/ic-alert.entry.js +2 -2
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +2 -2
- package/dist/esm/ic-back-to-top.entry.js.map +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 +44 -10
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +4 -4
- package/dist/esm/ic-card.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +16 -18
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +11 -4
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +2 -2
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +1 -1
- package/dist/esm/ic-data-entity.entry.js +2 -2
- package/dist/esm/ic-data-entity.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +2 -2
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +2 -2
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +1 -1
- package/dist/esm/ic-footer-link.entry.js +1 -1
- package/dist/esm/ic-footer.entry.js +1 -1
- package/dist/esm/ic-hero.entry.js +4 -2
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +2 -2
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +146 -63
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +1 -1
- package/dist/esm/ic-link.entry.js +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-menu-item.entry.js +2 -2
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +2 -2
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +2 -2
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +3 -2
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +2 -2
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +2 -2
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination-item.entry.js +47 -0
- package/dist/esm/ic-pagination-item.entry.js.map +1 -0
- package/dist/esm/ic-pagination.entry.js +202 -0
- package/dist/esm/ic-pagination.entry.js.map +1 -0
- package/dist/esm/ic-popover-menu.entry.js +8 -7
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +3 -3
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +3 -3
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +79 -12
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +1 -1
- package/dist/esm/ic-select.entry.js +153 -54
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +11 -3
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +1 -1
- package/dist/esm/ic-status-tag.entry.js +2 -2
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +2 -2
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +1 -1
- package/dist/esm/ic-switch.entry.js +2 -2
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +42 -5
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -2
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +11 -2
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +14 -2
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +50 -11
- 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-region.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +5 -1
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +7 -5
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +2 -2
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/{index-90721b3c.js → index-3b144b17.js} +11 -2
- package/dist/esm/index-3b144b17.js.map +1 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/types-dd515332.js.map +1 -1
- package/dist/types/components/ic-button/ic-button.d.ts +24 -0
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +4 -0
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +1 -3
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.types.d.ts +5 -0
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +2 -0
- package/dist/types/components/ic-menu/ic-menu.d.ts +26 -7
- package/dist/types/components/ic-pagination/ic-pagination.d.ts +74 -0
- package/dist/types/components/ic-pagination/ic-pagination.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +4 -0
- package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts +46 -0
- package/dist/types/components/ic-pagination-item/ic-pagination-item.types.d.ts +1 -0
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +30 -1
- package/dist/types/components/ic-select/ic-select.d.ts +31 -3
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +2 -1
- package/dist/types/components/ic-tab/ic-tab.d.ts +11 -0
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +13 -6
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +2 -1
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +25 -5
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +19 -0
- package/dist/types/components/ic-toast/ic-toast.d.ts +1 -0
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +7 -0
- package/dist/types/components.d.ts +359 -19
- package/dist/types/utils/types.d.ts +4 -1
- package/hydrate/index.js +931 -219
- package/package.json +3 -3
- package/dist/cjs/index-f79a4e53.js.map +0 -1
- package/dist/components/popper.js +0 -1801
- package/dist/components/popper.js.map +0 -1
- package/dist/core/p-037dfe9d.entry.js +0 -2
- package/dist/core/p-037dfe9d.entry.js.map +0 -1
- package/dist/core/p-05c5c6c4.entry.js +0 -2
- package/dist/core/p-05c5c6c4.entry.js.map +0 -1
- package/dist/core/p-0faf328a.entry.js +0 -2
- package/dist/core/p-0faf328a.entry.js.map +0 -1
- package/dist/core/p-102281fd.entry.js +0 -2
- package/dist/core/p-102281fd.entry.js.map +0 -1
- package/dist/core/p-1549adc1.entry.js +0 -2
- package/dist/core/p-1549adc1.entry.js.map +0 -1
- package/dist/core/p-25b208ae.entry.js.map +0 -1
- package/dist/core/p-26c9e522.entry.js.map +0 -1
- package/dist/core/p-31a595c1.entry.js +0 -2
- package/dist/core/p-31a595c1.entry.js.map +0 -1
- package/dist/core/p-33a0aabe.entry.js.map +0 -1
- package/dist/core/p-360adc51.entry.js +0 -2
- package/dist/core/p-360adc51.entry.js.map +0 -1
- package/dist/core/p-3fd4f8eb.entry.js +0 -2
- package/dist/core/p-3fd4f8eb.entry.js.map +0 -1
- package/dist/core/p-48a5c2a7.entry.js +0 -2
- package/dist/core/p-48a5c2a7.entry.js.map +0 -1
- package/dist/core/p-4ee03271.entry.js.map +0 -1
- package/dist/core/p-5450cebf.js.map +0 -1
- package/dist/core/p-73fddc63.entry.js +0 -2
- package/dist/core/p-73fddc63.entry.js.map +0 -1
- package/dist/core/p-7dcb9104.entry.js +0 -2
- package/dist/core/p-7dcb9104.entry.js.map +0 -1
- package/dist/core/p-7fd50355.entry.js.map +0 -1
- package/dist/core/p-81652a98.entry.js.map +0 -1
- package/dist/core/p-87c7ba3b.entry.js +0 -2
- package/dist/core/p-87c7ba3b.entry.js.map +0 -1
- package/dist/core/p-897e967a.entry.js +0 -2
- package/dist/core/p-897e967a.entry.js.map +0 -1
- package/dist/core/p-a2c7dc6c.entry.js +0 -2
- package/dist/core/p-a2c7dc6c.entry.js.map +0 -1
- package/dist/core/p-a3742d40.entry.js +0 -2
- package/dist/core/p-a3742d40.entry.js.map +0 -1
- package/dist/core/p-a44a0500.entry.js +0 -2
- package/dist/core/p-a44a0500.entry.js.map +0 -1
- package/dist/core/p-a8e969ea.entry.js +0 -2
- package/dist/core/p-a8e969ea.entry.js.map +0 -1
- package/dist/core/p-ac6ecdb6.entry.js +0 -2
- package/dist/core/p-ac6ecdb6.entry.js.map +0 -1
- package/dist/core/p-acb08809.entry.js.map +0 -1
- package/dist/core/p-affb42c7.entry.js +0 -2
- package/dist/core/p-affb42c7.entry.js.map +0 -1
- package/dist/core/p-b8b960a5.entry.js +0 -2
- package/dist/core/p-b8b960a5.entry.js.map +0 -1
- package/dist/core/p-b921bb19.entry.js +0 -2
- package/dist/core/p-b921bb19.entry.js.map +0 -1
- package/dist/core/p-c9068822.entry.js.map +0 -1
- package/dist/core/p-c996810e.entry.js +0 -2
- package/dist/core/p-c996810e.entry.js.map +0 -1
- package/dist/core/p-d28d7f24.entry.js +0 -2
- package/dist/core/p-d28d7f24.entry.js.map +0 -1
- package/dist/core/p-dbfdfa8a.entry.js.map +0 -1
- package/dist/core/p-e4547265.entry.js +0 -2
- package/dist/core/p-e4547265.entry.js.map +0 -1
- package/dist/core/p-ea0c4aca.entry.js +0 -2
- package/dist/core/p-ea0c4aca.entry.js.map +0 -1
- package/dist/core/p-ed6cf9b9.entry.js.map +0 -1
- package/dist/core/p-f6ddd32f.entry.js +0 -2
- package/dist/core/p-f6ddd32f.entry.js.map +0 -1
- package/dist/esm/index-90721b3c.js.map +0 -1
- /package/dist/core/{p-b7fc1f35.entry.js.map → p-100dbcec.entry.js.map} +0 -0
- /package/dist/core/{p-62b3516e.entry.js.map → p-223a214f.entry.js.map} +0 -0
- /package/dist/core/{p-dd71a986.entry.js.map → p-276f7ecb.entry.js.map} +0 -0
- /package/dist/core/{p-3d84a743.entry.js.map → p-28bc3bf0.entry.js.map} +0 -0
- /package/dist/core/{p-8ffa00c9.entry.js.map → p-312c10b0.entry.js.map} +0 -0
- /package/dist/core/{p-cc62d065.entry.js.map → p-3a67718c.entry.js.map} +0 -0
- /package/dist/core/{p-58ff516f.entry.js.map → p-3fb307e6.entry.js.map} +0 -0
- /package/dist/core/{p-d2508752.entry.js.map → p-454b1ecd.entry.js.map} +0 -0
- /package/dist/core/{p-0a463a65.entry.js.map → p-546b620e.entry.js.map} +0 -0
- /package/dist/core/{p-8c9cc4d5.entry.js.map → p-6a77992e.entry.js.map} +0 -0
- /package/dist/core/{p-4d8392fe.entry.js.map → p-a33a04b2.entry.js.map} +0 -0
- /package/dist/core/{p-f777679c.entry.js.map → p-db7131b6.entry.js.map} +0 -0
- /package/dist/core/{p-741b4ea3.entry.js.map → p-e384aaee.entry.js.map} +0 -0
- /package/dist/core/{p-ad2477d8.entry.js.map → p-fc7dce3d.entry.js.map} +0 -0
package/hydrate/index.js
CHANGED
@@ -5602,7 +5602,7 @@ const callRender = (e, t, o) => {
|
|
5602
5602
|
}, setContentReference = e => {
|
5603
5603
|
const t = e["s-cr"] = doc.createComment("");
|
5604
5604
|
t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
|
5605
|
-
}, addHostEventListeners = (e, t, o, n) => {
|
5605
|
+
}, Fragment = (e, t) => t, addHostEventListeners = (e, t, o, n) => {
|
5606
5606
|
o && (o.map((([o, n, s]) => {
|
5607
5607
|
const l = getHostListenerTarget(e, o) , a = hostListenerProxy(t, s), r = hostListenerOpts(o);
|
5608
5608
|
plt.ael(l, n, a, r), (t.$rmListeners$ = t.$rmListeners$ || []).push((() => plt.rel(l, n, a, r)));
|
@@ -6313,7 +6313,7 @@ const pxToRem = (px, base = 16) => {
|
|
6313
6313
|
return `${(1 / base) * tempPx}rem`;
|
6314
6314
|
};
|
6315
6315
|
|
6316
|
-
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}/*!@.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-architectural-40)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-background)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-background)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-background)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-background)}/*!@.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-architectural-500)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-status-warning-mid)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-status-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-status-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.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}/*!@.icon-neutral > svg*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-architectural-500)}/*!@: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)}/*!@: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-mid)}/*!@: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)}/*!@: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)}/*!@.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;font-size:0}/*!@.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:
|
6316
|
+
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}/*!@.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-architectural-40)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-background)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-background)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-background)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-background)}/*!@.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-architectural-500)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-status-warning-mid)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-status-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-status-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:1.375rem;margin-left:1.125rem}/*!@.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}/*!@.icon-neutral > svg*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-architectural-500)}/*!@: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)}/*!@: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-mid)}/*!@: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)}/*!@: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)}/*!@.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;font-size:0}/*!@.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-hc-border)}}";
|
6317
6317
|
|
6318
6318
|
/**
|
6319
6319
|
* @slot message - Content is placed to the right of the title.
|
@@ -6400,7 +6400,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" a
|
|
6400
6400
|
</svg>
|
6401
6401
|
`;
|
6402
6402
|
|
6403
|
-
const icBackToTopCss = "/*!@html*/html.sc-ic-back-to-top{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-back-to-top{margin:0}/*!@main*/main.sc-ic-back-to-top{display:block}/*!@h1*/h1.sc-ic-back-to-top{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-back-to-top{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-back-to-top{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-back-to-top{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-back-to-top,strong.sc-ic-back-to-top{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-back-to-top,kbd.sc-ic-back-to-top,samp.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-back-to-top{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-back-to-top,sup.sc-ic-back-to-top{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-back-to-top{bottom:-0.25em}/*!@sup*/sup.sc-ic-back-to-top{top:-0.5em}/*!@img*/img.sc-ic-back-to-top{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-back-to-top,input.sc-ic-back-to-top,optgroup.sc-ic-back-to-top,select.sc-ic-back-to-top,textarea.sc-ic-back-to-top{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-back-to-top,input.sc-ic-back-to-top{overflow:visible}/*!@button,\nselect*/button.sc-ic-back-to-top,select.sc-ic-back-to-top{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-back-to-top,[type=\"button\"].sc-ic-back-to-top,[type=\"reset\"].sc-ic-back-to-top,[type=\"submit\"].sc-ic-back-to-top{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-back-to-top::-moz-focus-inner,[type=\"button\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"reset\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"submit\"].sc-ic-back-to-top::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-back-to-top:-moz-focusring,[type=\"button\"].sc-ic-back-to-top:-moz-focusring,[type=\"reset\"].sc-ic-back-to-top:-moz-focusring,[type=\"submit\"].sc-ic-back-to-top:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-back-to-top{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-back-to-top{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-back-to-top{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-back-to-top{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-back-to-top,[type=\"radio\"].sc-ic-back-to-top{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-back-to-top::-webkit-inner-spin-button,[type=\"number\"].sc-ic-back-to-top::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-back-to-top{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-back-to-top::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-back-to-top::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-back-to-top{display:block}/*!@summary*/summary.sc-ic-back-to-top{display:list-item}/*!@template*/template.sc-ic-back-to-top{display:none}/*!@[hidden]*/[hidden].sc-ic-back-to-top{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-back-to-top,body.sc-ic-back-to-top,div.sc-ic-back-to-top,span.sc-ic-back-to-top,applet.sc-ic-back-to-top,object.sc-ic-back-to-top,iframe.sc-ic-back-to-top,h1.sc-ic-back-to-top,h2.sc-ic-back-to-top,h3.sc-ic-back-to-top,h4.sc-ic-back-to-top,h5.sc-ic-back-to-top,h6.sc-ic-back-to-top,p.sc-ic-back-to-top,blockquote.sc-ic-back-to-top,pre.sc-ic-back-to-top,a.sc-ic-back-to-top,abbr.sc-ic-back-to-top,acronym.sc-ic-back-to-top,address.sc-ic-back-to-top,big.sc-ic-back-to-top,cite.sc-ic-back-to-top,code.sc-ic-back-to-top,del.sc-ic-back-to-top,dfn.sc-ic-back-to-top,em.sc-ic-back-to-top,img.sc-ic-back-to-top,ins.sc-ic-back-to-top,kbd.sc-ic-back-to-top,q.sc-ic-back-to-top,s.sc-ic-back-to-top,samp.sc-ic-back-to-top,small.sc-ic-back-to-top,strike.sc-ic-back-to-top,strong.sc-ic-back-to-top,sub.sc-ic-back-to-top,sup.sc-ic-back-to-top,tt.sc-ic-back-to-top,var.sc-ic-back-to-top,b.sc-ic-back-to-top,u.sc-ic-back-to-top,i.sc-ic-back-to-top,center.sc-ic-back-to-top,dl.sc-ic-back-to-top,dt.sc-ic-back-to-top,dd.sc-ic-back-to-top,ol.sc-ic-back-to-top,ul.sc-ic-back-to-top,li.sc-ic-back-to-top,fieldset.sc-ic-back-to-top,form.sc-ic-back-to-top,label.sc-ic-back-to-top,legend.sc-ic-back-to-top,table.sc-ic-back-to-top,caption.sc-ic-back-to-top,tbody.sc-ic-back-to-top,tfoot.sc-ic-back-to-top,thead.sc-ic-back-to-top,tr.sc-ic-back-to-top,th.sc-ic-back-to-top,td.sc-ic-back-to-top,article.sc-ic-back-to-top,aside.sc-ic-back-to-top,canvas.sc-ic-back-to-top,details.sc-ic-back-to-top,embed.sc-ic-back-to-top,figure.sc-ic-back-to-top,figcaption.sc-ic-back-to-top,footer.sc-ic-back-to-top,header.sc-ic-back-to-top,hgroup.sc-ic-back-to-top,menu.sc-ic-back-to-top,nav.sc-ic-back-to-top,output.sc-ic-back-to-top,ruby.sc-ic-back-to-top,section.sc-ic-back-to-top,summary.sc-ic-back-to-top,time.sc-ic-back-to-top,mark.sc-ic-back-to-top,audio.sc-ic-back-to-top,video.sc-ic-back-to-top{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-back-to-top-h{display:block;position:absolute;right:0}/*!@button*/button.sc-ic-back-to-top{position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);height:2.5rem;align-items:center;padding:var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);margin:0;gap:var(--ic-space-xs);display:flex;background-color:var(--ic-architectural-white);border:
|
6403
|
+
const icBackToTopCss = "/*!@html*/html.sc-ic-back-to-top{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-back-to-top{margin:0}/*!@main*/main.sc-ic-back-to-top{display:block}/*!@h1*/h1.sc-ic-back-to-top{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-back-to-top{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-back-to-top{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-back-to-top{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-back-to-top,strong.sc-ic-back-to-top{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-back-to-top,kbd.sc-ic-back-to-top,samp.sc-ic-back-to-top{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-back-to-top{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-back-to-top,sup.sc-ic-back-to-top{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-back-to-top{bottom:-0.25em}/*!@sup*/sup.sc-ic-back-to-top{top:-0.5em}/*!@img*/img.sc-ic-back-to-top{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-back-to-top,input.sc-ic-back-to-top,optgroup.sc-ic-back-to-top,select.sc-ic-back-to-top,textarea.sc-ic-back-to-top{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-back-to-top,input.sc-ic-back-to-top{overflow:visible}/*!@button,\nselect*/button.sc-ic-back-to-top,select.sc-ic-back-to-top{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-back-to-top,[type=\"button\"].sc-ic-back-to-top,[type=\"reset\"].sc-ic-back-to-top,[type=\"submit\"].sc-ic-back-to-top{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-back-to-top::-moz-focus-inner,[type=\"button\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"reset\"].sc-ic-back-to-top::-moz-focus-inner,[type=\"submit\"].sc-ic-back-to-top::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-back-to-top:-moz-focusring,[type=\"button\"].sc-ic-back-to-top:-moz-focusring,[type=\"reset\"].sc-ic-back-to-top:-moz-focusring,[type=\"submit\"].sc-ic-back-to-top:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-back-to-top{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-back-to-top{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-back-to-top{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-back-to-top{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-back-to-top,[type=\"radio\"].sc-ic-back-to-top{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-back-to-top::-webkit-inner-spin-button,[type=\"number\"].sc-ic-back-to-top::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-back-to-top{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-back-to-top::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-back-to-top::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-back-to-top{display:block}/*!@summary*/summary.sc-ic-back-to-top{display:list-item}/*!@template*/template.sc-ic-back-to-top{display:none}/*!@[hidden]*/[hidden].sc-ic-back-to-top{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-back-to-top,body.sc-ic-back-to-top,div.sc-ic-back-to-top,span.sc-ic-back-to-top,applet.sc-ic-back-to-top,object.sc-ic-back-to-top,iframe.sc-ic-back-to-top,h1.sc-ic-back-to-top,h2.sc-ic-back-to-top,h3.sc-ic-back-to-top,h4.sc-ic-back-to-top,h5.sc-ic-back-to-top,h6.sc-ic-back-to-top,p.sc-ic-back-to-top,blockquote.sc-ic-back-to-top,pre.sc-ic-back-to-top,a.sc-ic-back-to-top,abbr.sc-ic-back-to-top,acronym.sc-ic-back-to-top,address.sc-ic-back-to-top,big.sc-ic-back-to-top,cite.sc-ic-back-to-top,code.sc-ic-back-to-top,del.sc-ic-back-to-top,dfn.sc-ic-back-to-top,em.sc-ic-back-to-top,img.sc-ic-back-to-top,ins.sc-ic-back-to-top,kbd.sc-ic-back-to-top,q.sc-ic-back-to-top,s.sc-ic-back-to-top,samp.sc-ic-back-to-top,small.sc-ic-back-to-top,strike.sc-ic-back-to-top,strong.sc-ic-back-to-top,sub.sc-ic-back-to-top,sup.sc-ic-back-to-top,tt.sc-ic-back-to-top,var.sc-ic-back-to-top,b.sc-ic-back-to-top,u.sc-ic-back-to-top,i.sc-ic-back-to-top,center.sc-ic-back-to-top,dl.sc-ic-back-to-top,dt.sc-ic-back-to-top,dd.sc-ic-back-to-top,ol.sc-ic-back-to-top,ul.sc-ic-back-to-top,li.sc-ic-back-to-top,fieldset.sc-ic-back-to-top,form.sc-ic-back-to-top,label.sc-ic-back-to-top,legend.sc-ic-back-to-top,table.sc-ic-back-to-top,caption.sc-ic-back-to-top,tbody.sc-ic-back-to-top,tfoot.sc-ic-back-to-top,thead.sc-ic-back-to-top,tr.sc-ic-back-to-top,th.sc-ic-back-to-top,td.sc-ic-back-to-top,article.sc-ic-back-to-top,aside.sc-ic-back-to-top,canvas.sc-ic-back-to-top,details.sc-ic-back-to-top,embed.sc-ic-back-to-top,figure.sc-ic-back-to-top,figcaption.sc-ic-back-to-top,footer.sc-ic-back-to-top,header.sc-ic-back-to-top,hgroup.sc-ic-back-to-top,menu.sc-ic-back-to-top,nav.sc-ic-back-to-top,output.sc-ic-back-to-top,ruby.sc-ic-back-to-top,section.sc-ic-back-to-top,summary.sc-ic-back-to-top,time.sc-ic-back-to-top,mark.sc-ic-back-to-top,audio.sc-ic-back-to-top,video.sc-ic-back-to-top{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-back-to-top-h{display:block;position:absolute;right:0}/*!@button*/button.sc-ic-back-to-top{position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);height:2.5rem;align-items:center;padding:var(--ic-space-xs) var(--ic-space-md) var(--ic-space-xs)\n var(--ic-space-sm);margin:0;gap:var(--ic-space-xs);display:flex;background-color:var(--ic-architectural-white);border:var(--ic-space-1px) solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:5rem;text-decoration:none;visibility:hidden;opacity:0;transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);cursor:pointer;z-index:var(--ic-z-index-back-to-top)}/*!@button:hover*/button.sc-ic-back-to-top:hover{text-decoration:none;background-color:var(--ic-action-default-bg-hover-no-alpha);border:var(--ic-space-1px) solid var(--ic-action-default-hover)}/*!@button:active*/button.sc-ic-back-to-top:active{text-decoration:none;background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-space-1px) solid var(--ic-action-default-active)}/*!@button:focus*/button.sc-ic-back-to-top:focus{box-shadow:var(--ic-border-focus)}/*!@.ic-back-to-top-link.show*/.ic-back-to-top-link.show.sc-ic-back-to-top{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}/*!@.ic-back-to-top-link.by-footer*/.ic-back-to-top-link.by-footer.sc-ic-back-to-top{position:relative;right:var(--ic-space-md);bottom:3.5rem}/*!@.ic-back-to-top-link.offset-banner*/.ic-back-to-top-link.offset-banner.sc-ic-back-to-top{margin-bottom:var(--ic-space-lg)}/*!@.ic-back-to-top-icon*/.ic-back-to-top-icon.sc-ic-back-to-top{fill:var(--ic-action-default);padding-left:var(--ic-space-xxs);padding-top:var(--ic-space-xxxs)}/*!@.ic-back-to-top-icon > svg*/.ic-back-to-top-icon.sc-ic-back-to-top>svg.sc-ic-back-to-top{height:var(--ic-space-md);width:var(--ic-space-md);display:inline-block}/*!@.ic-back-to-top-link span*/.ic-back-to-top-link.sc-ic-back-to-top span.sc-ic-back-to-top{color:var(--ic-action-default)}/*!@.ic-back-to-top-link:hover .ic-back-to-top-icon*/.ic-back-to-top-link.sc-ic-back-to-top:hover .ic-back-to-top-icon.sc-ic-back-to-top{fill:var(--ic-action-default-hover)}/*!@.ic-back-to-top-link:hover span*/.ic-back-to-top-link.sc-ic-back-to-top:hover span.sc-ic-back-to-top{color:var(--ic-action-default-hover)}@media (forced-colors: active){/*!@.ic-back-to-top-icon*/.ic-back-to-top-icon.sc-ic-back-to-top{fill:currentcolor}}";
|
6404
6404
|
|
6405
6405
|
const backToTopLabel = "Back to top";
|
6406
6406
|
class BackToTop {
|
@@ -6807,7 +6807,7 @@ class BreadcrumbGroup {
|
|
6807
6807
|
}; }
|
6808
6808
|
}
|
6809
6809
|
|
6810
|
-
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button*/.button.sc-ic-button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:6.25rem;display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@.button:hover*/.button.sc-ic-button:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.light) .button:focus*/.light.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible*/.button.sc-ic-button:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.dark) .button*/.dark.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button*/.light.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.button-variant-primary.light) .button*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.button-variant-primary) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary.disabled) .button*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button{border:0.063rem solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--button-default);min-width:0}/*!@:host(.button-variant-icon) .button:hover:not(:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:2.5rem;padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:2.5rem;width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}/*!@::slotted(*)*/.sc-ic-button-s>*{width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}@media (forced-colors: active){/*!@.button*/.button.sc-ic-button{border:0.125rem solid transparent}}";
|
6810
|
+
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button*/.button.sc-ic-button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@.button:hover*/.button.sc-ic-button:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.light) .button:focus*/.light.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible*/.button.sc-ic-button:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(.dark) .button*/.dark.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button*/.light.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.button-variant-primary.light) .button*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.button-variant-primary) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary.disabled) .button*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button{border:var(--ic-space-1px) solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--button-default);min-width:0}/*!@:host(.button-variant-icon) .button:hover:not(:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:2.5rem;padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:0.375rem}/*!@:host(.button-size-small.button-variant-icon) .button*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:2.5rem;width:2.5rem;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center;width:100%}/*!@ic-loading-indicator*/ic-loading-indicator.sc-ic-button{--outer-color:transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}/*!@::slotted(*)*/.sc-ic-button-s>*{width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:1.25rem;--icon-width:1.25rem}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:1rem;--icon-width:1rem}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:0.875rem;--icon-width:0.875rem}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}@media (forced-colors: active){/*!@.button*/.button.sc-ic-button{border:0.125rem solid transparent}}";
|
6811
6811
|
|
6812
6812
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
6813
6813
|
var t = {};
|
@@ -6860,6 +6860,12 @@ class Button {
|
|
6860
6860
|
this.disableTooltip = false;
|
6861
6861
|
this.tooltipPlacement = "bottom";
|
6862
6862
|
this.appearance = "default";
|
6863
|
+
this.form = undefined;
|
6864
|
+
this.formaction = undefined;
|
6865
|
+
this.formenctype = undefined;
|
6866
|
+
this.formmethod = undefined;
|
6867
|
+
this.formnovalidate = undefined;
|
6868
|
+
this.formtarget = undefined;
|
6863
6869
|
}
|
6864
6870
|
handleHostClick(event) {
|
6865
6871
|
if (this.disabled || this.loading) {
|
@@ -6926,7 +6932,16 @@ class Button {
|
|
6926
6932
|
const TagType = (this.href && "a") || "button";
|
6927
6933
|
const _a = this.inheritedAttributes, { title, "aria-label": ariaLabel } = _a, restInheritedAttributes = __rest(_a, ["title", "aria-label"]);
|
6928
6934
|
const buttonAttrs = TagType === "button"
|
6929
|
-
? {
|
6935
|
+
? {
|
6936
|
+
type: this.type,
|
6937
|
+
disabled: this.disabled,
|
6938
|
+
form: this.form,
|
6939
|
+
formaction: this.formaction,
|
6940
|
+
formenctype: this.formenctype,
|
6941
|
+
formmethod: this.formmethod,
|
6942
|
+
formnovalidate: this.formnovalidate,
|
6943
|
+
formtarget: this.formtarget,
|
6944
|
+
}
|
6930
6945
|
: {
|
6931
6946
|
download: this.download !== false ? this.download : null,
|
6932
6947
|
href: this.href,
|
@@ -6995,6 +7010,12 @@ class Button {
|
|
6995
7010
|
"disableTooltip": [4, "disable-tooltip"],
|
6996
7011
|
"tooltipPlacement": [1, "tooltip-placement"],
|
6997
7012
|
"appearance": [1025],
|
7013
|
+
"form": [1],
|
7014
|
+
"formaction": [1],
|
7015
|
+
"formenctype": [1],
|
7016
|
+
"formmethod": [1],
|
7017
|
+
"formnovalidate": [4],
|
7018
|
+
"formtarget": [1],
|
6998
7019
|
"setFocus": [64],
|
6999
7020
|
"updateAriaLabel": [64]
|
7000
7021
|
},
|
@@ -7004,7 +7025,7 @@ class Button {
|
|
7004
7025
|
}; }
|
7005
7026
|
}
|
7006
7027
|
|
7007
|
-
const icCardCss = "/*!@html*/html.sc-ic-card{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card{margin:0}/*!@main*/main.sc-ic-card{display:block}/*!@h1*/h1.sc-ic-card{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card,strong.sc-ic-card{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card,kbd.sc-ic-card,samp.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card,sup.sc-ic-card{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card{bottom:-0.25em}/*!@sup*/sup.sc-ic-card{top:-0.5em}/*!@img*/img.sc-ic-card{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card,input.sc-ic-card,optgroup.sc-ic-card,select.sc-ic-card,textarea.sc-ic-card{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card,input.sc-ic-card{overflow:visible}/*!@button,\nselect*/button.sc-ic-card,select.sc-ic-card{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card,[type=\"button\"].sc-ic-card,[type=\"reset\"].sc-ic-card,[type=\"submit\"].sc-ic-card{-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::-moz-focus-inner,[type=\"button\"].sc-ic-card::-moz-focus-inner,[type=\"reset\"].sc-ic-card::-moz-focus-inner,[type=\"submit\"].sc-ic-card::-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:-moz-focusring,[type=\"button\"].sc-ic-card:-moz-focusring,[type=\"reset\"].sc-ic-card:-moz-focusring,[type=\"submit\"].sc-ic-card:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card,[type=\"radio\"].sc-ic-card{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card{display:block}/*!@summary*/summary.sc-ic-card{display:list-item}/*!@template*/template.sc-ic-card{display:none}/*!@[hidden]*/[hidden].sc-ic-card{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,body.sc-ic-card,div.sc-ic-card,span.sc-ic-card,applet.sc-ic-card,object.sc-ic-card,iframe.sc-ic-card,h1.sc-ic-card,h2.sc-ic-card,h3.sc-ic-card,h4.sc-ic-card,h5.sc-ic-card,h6.sc-ic-card,p.sc-ic-card,blockquote.sc-ic-card,pre.sc-ic-card,a.sc-ic-card,abbr.sc-ic-card,acronym.sc-ic-card,address.sc-ic-card,big.sc-ic-card,cite.sc-ic-card,code.sc-ic-card,del.sc-ic-card,dfn.sc-ic-card,em.sc-ic-card,img.sc-ic-card,ins.sc-ic-card,kbd.sc-ic-card,q.sc-ic-card,s.sc-ic-card,samp.sc-ic-card,small.sc-ic-card,strike.sc-ic-card,strong.sc-ic-card,sub.sc-ic-card,sup.sc-ic-card,tt.sc-ic-card,var.sc-ic-card,b.sc-ic-card,u.sc-ic-card,i.sc-ic-card,center.sc-ic-card,dl.sc-ic-card,dt.sc-ic-card,dd.sc-ic-card,ol.sc-ic-card,ul.sc-ic-card,li.sc-ic-card,fieldset.sc-ic-card,form.sc-ic-card,label.sc-ic-card,legend.sc-ic-card,table.sc-ic-card,caption.sc-ic-card,tbody.sc-ic-card,tfoot.sc-ic-card,thead.sc-ic-card,tr.sc-ic-card,th.sc-ic-card,td.sc-ic-card,article.sc-ic-card,aside.sc-ic-card,canvas.sc-ic-card,details.sc-ic-card,embed.sc-ic-card,figure.sc-ic-card,figcaption.sc-ic-card,footer.sc-ic-card,header.sc-ic-card,hgroup.sc-ic-card,menu.sc-ic-card,nav.sc-ic-card,output.sc-ic-card,ruby.sc-ic-card,section.sc-ic-card,summary.sc-ic-card,time.sc-ic-card,mark.sc-ic-card,audio.sc-ic-card,video.sc-ic-card{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-h{display:flex}/*!@a*/a.sc-ic-card{text-decoration:none !important;color:var(--ic-architechtural-black) !important}/*!@button*/button.sc-ic-card{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline)}/*!@.card,\n.card.clickable*/.card.sc-ic-card,.card.clickable.sc-ic-card{border:
|
7028
|
+
const icCardCss = "/*!@html*/html.sc-ic-card{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-card{margin:0}/*!@main*/main.sc-ic-card{display:block}/*!@h1*/h1.sc-ic-card{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-card{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-card{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-card{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-card,strong.sc-ic-card{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-card,kbd.sc-ic-card,samp.sc-ic-card{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-card{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-card,sup.sc-ic-card{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-card{bottom:-0.25em}/*!@sup*/sup.sc-ic-card{top:-0.5em}/*!@img*/img.sc-ic-card{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-card,input.sc-ic-card,optgroup.sc-ic-card,select.sc-ic-card,textarea.sc-ic-card{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-card,input.sc-ic-card{overflow:visible}/*!@button,\nselect*/button.sc-ic-card,select.sc-ic-card{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-card,[type=\"button\"].sc-ic-card,[type=\"reset\"].sc-ic-card,[type=\"submit\"].sc-ic-card{-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::-moz-focus-inner,[type=\"button\"].sc-ic-card::-moz-focus-inner,[type=\"reset\"].sc-ic-card::-moz-focus-inner,[type=\"submit\"].sc-ic-card::-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:-moz-focusring,[type=\"button\"].sc-ic-card:-moz-focusring,[type=\"reset\"].sc-ic-card:-moz-focusring,[type=\"submit\"].sc-ic-card:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-card{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-card{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-card{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-card{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-card,[type=\"radio\"].sc-ic-card{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-card::-webkit-inner-spin-button,[type=\"number\"].sc-ic-card::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-card{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-card::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-card::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-card{display:block}/*!@summary*/summary.sc-ic-card{display:list-item}/*!@template*/template.sc-ic-card{display:none}/*!@[hidden]*/[hidden].sc-ic-card{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,body.sc-ic-card,div.sc-ic-card,span.sc-ic-card,applet.sc-ic-card,object.sc-ic-card,iframe.sc-ic-card,h1.sc-ic-card,h2.sc-ic-card,h3.sc-ic-card,h4.sc-ic-card,h5.sc-ic-card,h6.sc-ic-card,p.sc-ic-card,blockquote.sc-ic-card,pre.sc-ic-card,a.sc-ic-card,abbr.sc-ic-card,acronym.sc-ic-card,address.sc-ic-card,big.sc-ic-card,cite.sc-ic-card,code.sc-ic-card,del.sc-ic-card,dfn.sc-ic-card,em.sc-ic-card,img.sc-ic-card,ins.sc-ic-card,kbd.sc-ic-card,q.sc-ic-card,s.sc-ic-card,samp.sc-ic-card,small.sc-ic-card,strike.sc-ic-card,strong.sc-ic-card,sub.sc-ic-card,sup.sc-ic-card,tt.sc-ic-card,var.sc-ic-card,b.sc-ic-card,u.sc-ic-card,i.sc-ic-card,center.sc-ic-card,dl.sc-ic-card,dt.sc-ic-card,dd.sc-ic-card,ol.sc-ic-card,ul.sc-ic-card,li.sc-ic-card,fieldset.sc-ic-card,form.sc-ic-card,label.sc-ic-card,legend.sc-ic-card,table.sc-ic-card,caption.sc-ic-card,tbody.sc-ic-card,tfoot.sc-ic-card,thead.sc-ic-card,tr.sc-ic-card,th.sc-ic-card,td.sc-ic-card,article.sc-ic-card,aside.sc-ic-card,canvas.sc-ic-card,details.sc-ic-card,embed.sc-ic-card,figure.sc-ic-card,figcaption.sc-ic-card,footer.sc-ic-card,header.sc-ic-card,hgroup.sc-ic-card,menu.sc-ic-card,nav.sc-ic-card,output.sc-ic-card,ruby.sc-ic-card,section.sc-ic-card,summary.sc-ic-card,time.sc-ic-card,mark.sc-ic-card,audio.sc-ic-card,video.sc-ic-card{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-card-h{display:flex}/*!@a*/a.sc-ic-card{text-decoration:none !important;color:var(--ic-architechtural-black) !important}/*!@button*/button.sc-ic-card{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline)}/*!@.card,\n.card.clickable*/.card.sc-ic-card,.card.clickable.sc-ic-card{display:flex;flex-direction:column;border:var(--ic-space-1px) solid var(--ic-architectural-300);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)}/*!@.dark.card,\n.dark.card.clickable*/.dark.card.sc-ic-card,.dark.card.clickable.sc-ic-card{border:var(--ic-space-1px) solid var(--ic-architectural-700)}/*!@.card.clickable:hover*/.card.clickable.sc-ic-card:hover{background-color:var(--ic-action-default-bg-hover);border-color:var(--ic-action-default-hover);cursor:pointer}/*!@.card.clickable:focus,\n.card.clickable.focussed*/.card.clickable.sc-ic-card:focus,.card.clickable.focussed.sc-ic-card{background-color:var(--ic-action-default-bg-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@.card.clickable:active*/.card.clickable.sc-ic-card:active{background-color:var(--ic-action-default-bg-active);box-shadow:var(--ic-border-focus)}/*!@.card.disabled*/.card.disabled.sc-ic-card{border:var(--ic-border-disabled)}/*!@.card.fullwidth*/.card.fullwidth.sc-ic-card{width:100%}/*!@.card-header*/.card-header.sc-ic-card{display:flex;align-items:center}/*!@.icon*/.icon.sc-ic-card{display:flex;align-items:center;padding-right:var(--ic-space-xs)}/*!@.card.disabled ::slotted(svg)*/.card.disabled .sc-ic-card-s>svg{fill:var(--ic-color-tertiary-text)}/*!@.card.clickable .card-title*/.card.clickable.sc-ic-card .card-title.sc-ic-card{color:var(--ic-hyperlink);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:hover .card-title.sc-ic-card,.card.clickable.sc-ic-card:focus .card-title.sc-ic-card,.card.clickable.focussed.sc-ic-card .card-title.sc-ic-card{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){/*!@.card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title*/.card.clickable.sc-ic-card:hover .card-title.sc-ic-card,.card.clickable.sc-ic-card:focus .card-title.sc-ic-card,.card.clickable.focussed.sc-ic-card .card-title.sc-ic-card{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:active .card-title.sc-ic-card{text-decoration:none}/*!@.card.disabled .card-title*/.card.disabled.sc-ic-card .card-title.sc-ic-card{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-color-tertiary-text);color:var(--ic-color-tertiary-text)}/*!@.subheading*/.subheading.sc-ic-card{margin-top:var(--ic-space-xxs)}/*!@.adornment*/.adornment.sc-ic-card{margin-top:var(--ic-space-xxs)}/*!@.card-message*/.card-message.sc-ic-card{margin-top:var(--ic-space-md);align-items:left}/*!@.card.disabled .card-message,\n.card.disabled .subheading*/.card.disabled.sc-ic-card .card-message.sc-ic-card,.card.disabled.sc-ic-card .subheading.sc-ic-card{color:var(--ic-color-tertiary-text)}/*!@.interaction-button*/.interaction-button.sc-ic-card{margin-left:auto}/*!@.image-top*/.image-top.sc-ic-card{margin-bottom:var(--ic-space-md);display:flex;justify-content:center}/*!@.image-mid*/.image-mid.sc-ic-card{margin-top:var(--ic-space-md);display:flex;justify-content:center}/*!@.interaction-area*/.interaction-area.sc-ic-card{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{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ic-space-sm)}/*!@.toggle-button*/.toggle-button.sc-ic-card{margin-left:auto}/*!@.toggle-button-closed svg*/.toggle-button-closed.sc-ic-card svg.sc-ic-card{transform:rotate(90deg)}/*!@.toggle-button-expanded svg*/.toggle-button-expanded.sc-ic-card svg.sc-ic-card{transform:rotate(-90deg)}/*!@.expanded-content*/.expanded-content.sc-ic-card{margin-top:var(--ic-space-md)}";
|
7008
7029
|
|
7009
7030
|
/**
|
7010
7031
|
* @slot heading - Content will be placed at the top of the card to the right of the icon.
|
@@ -7119,11 +7140,11 @@ class Card {
|
|
7119
7140
|
["dark"]: this.appearance === IcThemeForegroundEnum.Dark,
|
7120
7141
|
}, 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: {
|
7121
7142
|
["card-message"]: true,
|
7122
|
-
} }, hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message)))), (isSlotUsed(this.el, "interaction-controls") || expandable) && (hAsync("div", { class: "interaction-controls" }, hAsync("slot", { name: "interaction-controls" }), expandable && (hAsync("ic-button", { class: {
|
7143
|
+
} }, hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, 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-button", { class: {
|
7123
7144
|
["toggle-button"]: true,
|
7124
7145
|
["toggle-button-closed"]: !this.areaExpanded,
|
7125
7146
|
["toggle-button-expanded"]: this.areaExpanded,
|
7126
|
-
}, variant: "icon", disableTooltip: true, "aria-label": "Toggle expandable area", "aria-expanded": this.areaExpanded, "aria-controls": "expanded-content-area", 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" })))));
|
7147
|
+
}, variant: "icon", size: "large", disableTooltip: true, "aria-label": "Toggle expandable area", "aria-expanded": this.areaExpanded, "aria-controls": "expanded-content-area", 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" })))));
|
7127
7148
|
}
|
7128
7149
|
get el() { return getElement(this); }
|
7129
7150
|
static get style() { return icCardCss; }
|
@@ -7156,8 +7177,9 @@ class Card {
|
|
7156
7177
|
}; }
|
7157
7178
|
}
|
7158
7179
|
|
7159
|
-
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host([disabled])*/[disabled].sc-ic-checkbox-h{color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs)}/*!@:host([small]) .container*/[small].sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:0.063rem solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:0.063rem 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:transparent;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);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-active)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:0.063rem solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:0.063rem solid var(--ic-action-default-active)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:0.063rem 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}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:0.875rem;height:var(--ic-space-xxxs);top:0.688rem;right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-action-default);pointer-events:none}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-active)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
|
7180
|
+
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.disabled)*/.disabled.sc-ic-checkbox-h{color:var(--ic-architectural-200);pointer-events:none}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}/*!@:host(.small) .container*/.small.sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:var(--ic-space-xxxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:var(--ic-space-1px) solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:var(--ic-space-1px) 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:transparent;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);border:0.125rem solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-active)}/*!@.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active*/.checkbox.sc-ic-checkbox:indeterminate:active,.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-space-1px) solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active);border:var(--ic-space-1px) solid var(--ic-action-default-active)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:var(--ic-space-1px) 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}/*!@.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}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-active)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{transition:none}/*!@.checkbox:focus-visible*/.checkbox.sc-ic-checkbox:focus-visible{outline:0.125rem solid highlight}/*!@.checkbox:disabled:not(:checked)*/.checkbox.sc-ic-checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.checkmark*/.checkmark.sc-ic-checkbox{fill:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{display:none}}";
|
7160
7181
|
|
7182
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
7161
7183
|
class Checkbox {
|
7162
7184
|
constructor(hostRef) {
|
7163
7185
|
registerInstance(this, hostRef);
|
@@ -7180,6 +7202,7 @@ class Checkbox {
|
|
7180
7202
|
this.dynamicText = "This selection requires additional answers";
|
7181
7203
|
this.additionalFieldDisplay = "static";
|
7182
7204
|
this.indeterminate = false;
|
7205
|
+
this.small = false;
|
7183
7206
|
this.initiallyChecked = this.checked;
|
7184
7207
|
}
|
7185
7208
|
/**
|
@@ -7211,7 +7234,10 @@ class Checkbox {
|
|
7211
7234
|
}
|
7212
7235
|
}
|
7213
7236
|
componentWillLoad() {
|
7237
|
+
var _a;
|
7214
7238
|
addFormResetListener(this.host, this.handleFormReset);
|
7239
|
+
(_a = this.host
|
7240
|
+
.querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.addEventListener("icChange", (e) => e.stopImmediatePropagation());
|
7215
7241
|
}
|
7216
7242
|
componentDidLoad() {
|
7217
7243
|
onComponentRequiredPropUndefined([
|
@@ -7220,7 +7246,10 @@ class Checkbox {
|
|
7220
7246
|
], "Checkbox");
|
7221
7247
|
}
|
7222
7248
|
disconnectedCallback() {
|
7249
|
+
var _a;
|
7223
7250
|
removeFormResetListener(this.host, this.handleFormReset);
|
7251
|
+
(_a = this.host
|
7252
|
+
.querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.removeEventListener("icChange", (e) => e.stopImmediatePropagation());
|
7224
7253
|
}
|
7225
7254
|
render() {
|
7226
7255
|
let id = `ic-checkbox-${this.label !== undefined ? this.label : this.value}-${this.groupLabel}`;
|
@@ -7228,11 +7257,11 @@ class Checkbox {
|
|
7228
7257
|
this.checked
|
7229
7258
|
? renderHiddenInput(true, this.host, this.name, this.checked && this.value, this.disabled)
|
7230
7259
|
: removeHiddenInput(this.host);
|
7231
|
-
return (hAsync(Host,
|
7260
|
+
return (hAsync(Host, { class: { ["disabled"]: this.disabled, ["small"]: this.small } }, hAsync("div", { class: "container" }, this.checked && !this.indeterminate && (hAsync("svg", { class: "checkmark", width: "1.5rem", height: "1.5rem", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "fill-rule": "evenodd", "clip-rule": "evenodd" }, hAsync("title", null, "checkmark icon"), hAsync("path", { d: "M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z" }))), this.checked && this.indeterminate && (hAsync("div", { class: "indeterminate-symbol" })), hAsync("input", { role: "checkbox", class: {
|
7232
7261
|
["checkbox"]: true,
|
7233
7262
|
["checked"]: this.checked,
|
7234
7263
|
["indeterminate"]: this.indeterminate,
|
7235
|
-
}, type: "checkbox", name: this.name, id: id, value: this.value, disabled: this.disabled ? true : null, checked: this.checked, indeterminate: this.indeterminate, onClick: this.handleClick }), hAsync("ic-typography", { variant: "body" }, hAsync("label", {
|
7264
|
+
}, type: "checkbox", name: this.name, id: id, value: this.value, disabled: this.disabled ? true : null, checked: this.checked, indeterminate: this.indeterminate, onClick: this.handleClick }), hAsync("ic-typography", { class: "checkbox-label", variant: "body" }, hAsync("label", { htmlFor: id }, this.label))), isSlotUsed(this.host, "additional-field") && (hAsync("div", { class: "dynamic-container", ref: (el) => (this.additionalFieldContainer = el) }, this.additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, this.additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text", "aria-live": "polite" }, this.dynamicText))), hAsync("div", { class: {
|
7236
7265
|
"additional-field-wrapper": this.additionalFieldDisplay === "static",
|
7237
7266
|
} }, hAsync("slot", { name: "additional-field" })))))));
|
7238
7267
|
}
|
@@ -7252,6 +7281,7 @@ class Checkbox {
|
|
7252
7281
|
"dynamicText": [1, "dynamic-text"],
|
7253
7282
|
"additionalFieldDisplay": [513, "additional-field-display"],
|
7254
7283
|
"indeterminate": [4],
|
7284
|
+
"small": [4],
|
7255
7285
|
"initiallyChecked": [32],
|
7256
7286
|
"setFocus": [64]
|
7257
7287
|
},
|
@@ -7261,8 +7291,9 @@ class Checkbox {
|
|
7261
7291
|
}; }
|
7262
7292
|
}
|
7263
7293
|
|
7264
|
-
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-status-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(
|
7294
|
+
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-status-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(.small) ic-input-label ic-typography*/.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(.small) ic-input-validation*/.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(.small) .checkboxes-container*/.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}";
|
7265
7295
|
|
7296
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
7266
7297
|
class CheckboxGroup {
|
7267
7298
|
constructor(hostRef) {
|
7268
7299
|
registerInstance(this, hostRef);
|
@@ -7276,25 +7307,23 @@ class CheckboxGroup {
|
|
7276
7307
|
this.small = false;
|
7277
7308
|
this.validationStatus = "";
|
7278
7309
|
this.validationText = "";
|
7279
|
-
this.checkedOptions = [];
|
7280
7310
|
}
|
7281
|
-
selectHandler() {
|
7282
|
-
|
7283
|
-
this.
|
7284
|
-
|
7285
|
-
|
7286
|
-
|
7287
|
-
|
7311
|
+
selectHandler(ev) {
|
7312
|
+
const checkedOptions = Array.from(this.host.querySelectorAll("ic-checkbox")).filter((checkbox) => checkbox.checked && !checkbox.disabled);
|
7313
|
+
this.icChange.emit({
|
7314
|
+
value: checkedOptions.map((opt) => opt.value),
|
7315
|
+
checkedOptions: checkedOptions.map((opt) => {
|
7316
|
+
var _a;
|
7317
|
+
return ({
|
7318
|
+
checkbox: opt,
|
7319
|
+
textFieldValue: (_a = opt.querySelector("ic-text-field")) === null || _a === void 0 ? void 0 : _a.value,
|
7320
|
+
});
|
7321
|
+
}),
|
7322
|
+
selectedOption: ev.target,
|
7288
7323
|
});
|
7289
|
-
this.icChange.emit({ value: this.checkedOptions });
|
7290
7324
|
}
|
7291
7325
|
componentDidLoad() {
|
7292
|
-
|
7293
|
-
this.checkboxOptions.forEach((checkbox) => {
|
7294
|
-
if (checkbox.checked &&
|
7295
|
-
this.checkedOptions.indexOf(checkbox.value) === -1) {
|
7296
|
-
this.checkedOptions.push(checkbox.value);
|
7297
|
-
}
|
7326
|
+
Array.from(this.host.querySelectorAll("ic-checkbox")).forEach((checkbox) => {
|
7298
7327
|
if (!checkbox.name)
|
7299
7328
|
checkbox.name = this.name;
|
7300
7329
|
checkbox.groupLabel = this.label;
|
@@ -7307,7 +7336,7 @@ class CheckboxGroup {
|
|
7307
7336
|
render() {
|
7308
7337
|
const describedBy = getInputDescribedByText(this.name, this.helperText !== "", this.validationStatus !== "");
|
7309
7338
|
const hadValidationStatus = hasValidationStatus(this.validationStatus, this.disabled);
|
7310
|
-
return (hAsync(Host,
|
7339
|
+
return (hAsync(Host, { class: { ["small"]: this.small } }, (this.validationStatus === "error" ||
|
7311
7340
|
this.required ||
|
7312
7341
|
this.hideLabel) && (hAsync("span", { id: "screenReaderOnlyText", class: "screen-reader-only-text", "aria-hidden": "true" }, this.label, " ", this.validationStatus === "error" ? "invalid data " : null, " ", this.required ? "required" : null)), hAsync("fieldset", { id: this.name, "aria-labelledby": `${this.validationStatus === "error" || this.required || this.hideLabel
|
7313
7342
|
? "screenReaderOnlyText"
|
@@ -7327,8 +7356,7 @@ class CheckboxGroup {
|
|
7327
7356
|
"helperText": [1, "helper-text"],
|
7328
7357
|
"small": [4],
|
7329
7358
|
"validationStatus": [1, "validation-status"],
|
7330
|
-
"validationText": [1, "validation-text"]
|
7331
|
-
"checkedOptions": [32]
|
7359
|
+
"validationText": [1, "validation-text"]
|
7332
7360
|
},
|
7333
7361
|
"$listeners$": [[0, "icCheck", "selectHandler"]],
|
7334
7362
|
"$lazyBundleId$": "-",
|
@@ -7341,7 +7369,7 @@ var dismissIcon = `<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org
|
|
7341
7369
|
</svg>
|
7342
7370
|
`;
|
7343
7371
|
|
7344
|
-
const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:
|
7372
|
+
const icChipCss = "/*!@html*/html.sc-ic-chip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-chip{margin:0}/*!@main*/main.sc-ic-chip{display:block}/*!@h1*/h1.sc-ic-chip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-chip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-chip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-chip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-chip,strong.sc-ic-chip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-chip,kbd.sc-ic-chip,samp.sc-ic-chip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-chip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-chip,sup.sc-ic-chip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-chip{bottom:-0.25em}/*!@sup*/sup.sc-ic-chip{top:-0.5em}/*!@img*/img.sc-ic-chip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-chip,input.sc-ic-chip,optgroup.sc-ic-chip,select.sc-ic-chip,textarea.sc-ic-chip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-chip,input.sc-ic-chip{overflow:visible}/*!@button,\nselect*/button.sc-ic-chip,select.sc-ic-chip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-chip,[type=\"button\"].sc-ic-chip,[type=\"reset\"].sc-ic-chip,[type=\"submit\"].sc-ic-chip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-chip::-moz-focus-inner,[type=\"button\"].sc-ic-chip::-moz-focus-inner,[type=\"reset\"].sc-ic-chip::-moz-focus-inner,[type=\"submit\"].sc-ic-chip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-chip:-moz-focusring,[type=\"button\"].sc-ic-chip:-moz-focusring,[type=\"reset\"].sc-ic-chip:-moz-focusring,[type=\"submit\"].sc-ic-chip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-chip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-chip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-chip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-chip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-chip,[type=\"radio\"].sc-ic-chip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-chip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-chip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-chip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-chip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-chip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-chip{display:block}/*!@summary*/summary.sc-ic-chip{display:list-item}/*!@template*/template.sc-ic-chip{display:none}/*!@[hidden]*/[hidden].sc-ic-chip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-chip,body.sc-ic-chip,div.sc-ic-chip,span.sc-ic-chip,applet.sc-ic-chip,object.sc-ic-chip,iframe.sc-ic-chip,h1.sc-ic-chip,h2.sc-ic-chip,h3.sc-ic-chip,h4.sc-ic-chip,h5.sc-ic-chip,h6.sc-ic-chip,p.sc-ic-chip,blockquote.sc-ic-chip,pre.sc-ic-chip,a.sc-ic-chip,abbr.sc-ic-chip,acronym.sc-ic-chip,address.sc-ic-chip,big.sc-ic-chip,cite.sc-ic-chip,code.sc-ic-chip,del.sc-ic-chip,dfn.sc-ic-chip,em.sc-ic-chip,img.sc-ic-chip,ins.sc-ic-chip,kbd.sc-ic-chip,q.sc-ic-chip,s.sc-ic-chip,samp.sc-ic-chip,small.sc-ic-chip,strike.sc-ic-chip,strong.sc-ic-chip,sub.sc-ic-chip,sup.sc-ic-chip,tt.sc-ic-chip,var.sc-ic-chip,b.sc-ic-chip,u.sc-ic-chip,i.sc-ic-chip,center.sc-ic-chip,dl.sc-ic-chip,dt.sc-ic-chip,dd.sc-ic-chip,ol.sc-ic-chip,ul.sc-ic-chip,li.sc-ic-chip,fieldset.sc-ic-chip,form.sc-ic-chip,label.sc-ic-chip,legend.sc-ic-chip,table.sc-ic-chip,caption.sc-ic-chip,tbody.sc-ic-chip,tfoot.sc-ic-chip,thead.sc-ic-chip,tr.sc-ic-chip,th.sc-ic-chip,td.sc-ic-chip,article.sc-ic-chip,aside.sc-ic-chip,canvas.sc-ic-chip,details.sc-ic-chip,embed.sc-ic-chip,figure.sc-ic-chip,figcaption.sc-ic-chip,footer.sc-ic-chip,header.sc-ic-chip,hgroup.sc-ic-chip,menu.sc-ic-chip,nav.sc-ic-chip,output.sc-ic-chip,ruby.sc-ic-chip,section.sc-ic-chip,summary.sc-ic-chip,time.sc-ic-chip,mark.sc-ic-chip,audio.sc-ic-chip,video.sc-ic-chip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-chip-h{display:inline-block}/*!@.chip*/.chip.sc-ic-chip{display:flex;padding:var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}/*!@.label*/.label.sc-ic-chip{padding:0 var(--ic-space-xs)}/*!@.chip.hovered:not(:focus-within)*/.chip.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-architectural-300)}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}/*!@.chip.outline.hovered:not(:focus-within)*/.chip.outline.hovered.sc-ic-chip:not(:focus-within){background-color:var(--ic-action-dark-bg-hover)}/*!@ic-tooltip:focus-within*/ic-tooltip.sc-ic-chip:focus-within{z-index:1}/*!@.filled*/.filled.sc-ic-chip{background-color:var(--ic-architectural-200);color:black;border:none}/*!@.filled.disabled*/.filled.disabled.sc-ic-chip{background-color:var(--ic-architectural-100)}/*!@.outline*/.outline.sc-ic-chip{color:var(--ic-architectural-900);border:var(--ic-space-1px) solid var(--ic-architectural-900);padding:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.outline.small*/.outline.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.outline.large*/.outline.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.outline.disabled*/.outline.disabled.sc-ic-chip{border:var(--ic-border-disabled);background:none}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:var(--ic-architectural-200)}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-chip{border:none;border-radius:50%;padding:0;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}/*!@.dismiss-icon:focus*/.dismiss-icon.sc-ic-chip:focus{outline:var(--ic-hc-focus-outline)}/*!@.dismiss-icon[disabled]*/.dismiss-icon[disabled].sc-ic-chip{pointer-events:none;color:var(--ic-architectural-200)}/*!@.icon*/.icon.sc-ic-chip{padding:var(--ic-space-xxxs);box-sizing:border-box}/*!@.icon,\nic-tooltip*/.icon.sc-ic-chip,ic-tooltip.sc-ic-chip{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@.chip.disabled path,\n.chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled .sc-ic-chip-s>svg{fill:var(--ic-architectural-200)}@media (forced-colors: active){/*!@.chip*/.chip.sc-ic-chip{border:var(--ic-hc-border)}/*!@.filled.small*/.filled.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - var(--ic-space-1px))}/*!@.filled*/.filled.sc-ic-chip{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))}/*!@.filled.large*/.filled.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))}/*!@.chip.disabled*/.chip.disabled.sc-ic-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}/*!@.chip.disabled ic-typography*/.chip.disabled.sc-ic-chip ic-typography.sc-ic-chip{color:GrayText}/*!@.chip.disabled path,\n .chip.disabled ::slotted(svg)*/.chip.disabled.sc-ic-chip path.sc-ic-chip,.chip.disabled .sc-ic-chip-s>svg{fill:GrayText}/*!@.chip:focus-within*/.chip.sc-ic-chip:focus-within{outline:none;border-color:Highlight}}";
|
7345
7373
|
|
7346
7374
|
/**
|
7347
7375
|
* @slot icon - Content will be rendered at the start of the chip.
|
@@ -7469,7 +7497,7 @@ class ClassificationBanner {
|
|
7469
7497
|
}; }
|
7470
7498
|
}
|
7471
7499
|
|
7472
|
-
const icDataEntityCss = "/*!@html*/html.sc-ic-data-entity{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-entity{margin:0}/*!@main*/main.sc-ic-data-entity{display:block}/*!@h1*/h1.sc-ic-data-entity{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-entity{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-entity{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-entity{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-entity,strong.sc-ic-data-entity{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-entity,kbd.sc-ic-data-entity,samp.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-entity{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-entity,sup.sc-ic-data-entity{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-entity{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-entity{top:-0.5em}/*!@img*/img.sc-ic-data-entity{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-entity,input.sc-ic-data-entity,optgroup.sc-ic-data-entity,select.sc-ic-data-entity,textarea.sc-ic-data-entity{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-entity,input.sc-ic-data-entity{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-entity,select.sc-ic-data-entity{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-entity,[type=\"button\"].sc-ic-data-entity,[type=\"reset\"].sc-ic-data-entity,[type=\"submit\"].sc-ic-data-entity{-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-data-entity::-moz-focus-inner,[type=\"button\"].sc-ic-data-entity::-moz-focus-inner,[type=\"reset\"].sc-ic-data-entity::-moz-focus-inner,[type=\"submit\"].sc-ic-data-entity::-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-data-entity:-moz-focusring,[type=\"button\"].sc-ic-data-entity:-moz-focusring,[type=\"reset\"].sc-ic-data-entity:-moz-focusring,[type=\"submit\"].sc-ic-data-entity:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-entity{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-entity{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-entity{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-entity{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-entity,[type=\"radio\"].sc-ic-data-entity{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-entity::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-entity::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-entity{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-entity::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-entity::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-entity{display:block}/*!@summary*/summary.sc-ic-data-entity{display:list-item}/*!@template*/template.sc-ic-data-entity{display:none}/*!@[hidden]*/[hidden].sc-ic-data-entity{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-data-entity,body.sc-ic-data-entity,div.sc-ic-data-entity,span.sc-ic-data-entity,applet.sc-ic-data-entity,object.sc-ic-data-entity,iframe.sc-ic-data-entity,h1.sc-ic-data-entity,h2.sc-ic-data-entity,h3.sc-ic-data-entity,h4.sc-ic-data-entity,h5.sc-ic-data-entity,h6.sc-ic-data-entity,p.sc-ic-data-entity,blockquote.sc-ic-data-entity,pre.sc-ic-data-entity,a.sc-ic-data-entity,abbr.sc-ic-data-entity,acronym.sc-ic-data-entity,address.sc-ic-data-entity,big.sc-ic-data-entity,cite.sc-ic-data-entity,code.sc-ic-data-entity,del.sc-ic-data-entity,dfn.sc-ic-data-entity,em.sc-ic-data-entity,img.sc-ic-data-entity,ins.sc-ic-data-entity,kbd.sc-ic-data-entity,q.sc-ic-data-entity,s.sc-ic-data-entity,samp.sc-ic-data-entity,small.sc-ic-data-entity,strike.sc-ic-data-entity,strong.sc-ic-data-entity,sub.sc-ic-data-entity,sup.sc-ic-data-entity,tt.sc-ic-data-entity,var.sc-ic-data-entity,b.sc-ic-data-entity,u.sc-ic-data-entity,i.sc-ic-data-entity,center.sc-ic-data-entity,dl.sc-ic-data-entity,dt.sc-ic-data-entity,dd.sc-ic-data-entity,ol.sc-ic-data-entity,ul.sc-ic-data-entity,li.sc-ic-data-entity,fieldset.sc-ic-data-entity,form.sc-ic-data-entity,label.sc-ic-data-entity,legend.sc-ic-data-entity,table.sc-ic-data-entity,caption.sc-ic-data-entity,tbody.sc-ic-data-entity,tfoot.sc-ic-data-entity,thead.sc-ic-data-entity,tr.sc-ic-data-entity,th.sc-ic-data-entity,td.sc-ic-data-entity,article.sc-ic-data-entity,aside.sc-ic-data-entity,canvas.sc-ic-data-entity,details.sc-ic-data-entity,embed.sc-ic-data-entity,figure.sc-ic-data-entity,figcaption.sc-ic-data-entity,footer.sc-ic-data-entity,header.sc-ic-data-entity,hgroup.sc-ic-data-entity,menu.sc-ic-data-entity,nav.sc-ic-data-entity,output.sc-ic-data-entity,ruby.sc-ic-data-entity,section.sc-ic-data-entity,summary.sc-ic-data-entity,time.sc-ic-data-entity,mark.sc-ic-data-entity,audio.sc-ic-data-entity,video.sc-ic-data-entity{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-entity-h{display:block}/*!@.rows*/.rows.sc-ic-data-entity{display:flex;flex-direction:column;gap:var(--ic-space-md)}/*!@:host(.small) .rows*/.small.sc-ic-data-entity-h .rows.sc-ic-data-entity{gap:var(--ic-space-xs)}/*!@.divider*/.divider.sc-ic-data-entity{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:
|
7500
|
+
const icDataEntityCss = "/*!@html*/html.sc-ic-data-entity{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-entity{margin:0}/*!@main*/main.sc-ic-data-entity{display:block}/*!@h1*/h1.sc-ic-data-entity{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-entity{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-entity{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-entity{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-entity,strong.sc-ic-data-entity{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-entity,kbd.sc-ic-data-entity,samp.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-entity{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-entity,sup.sc-ic-data-entity{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-entity{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-entity{top:-0.5em}/*!@img*/img.sc-ic-data-entity{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-entity,input.sc-ic-data-entity,optgroup.sc-ic-data-entity,select.sc-ic-data-entity,textarea.sc-ic-data-entity{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-entity,input.sc-ic-data-entity{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-entity,select.sc-ic-data-entity{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-entity,[type=\"button\"].sc-ic-data-entity,[type=\"reset\"].sc-ic-data-entity,[type=\"submit\"].sc-ic-data-entity{-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-data-entity::-moz-focus-inner,[type=\"button\"].sc-ic-data-entity::-moz-focus-inner,[type=\"reset\"].sc-ic-data-entity::-moz-focus-inner,[type=\"submit\"].sc-ic-data-entity::-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-data-entity:-moz-focusring,[type=\"button\"].sc-ic-data-entity:-moz-focusring,[type=\"reset\"].sc-ic-data-entity:-moz-focusring,[type=\"submit\"].sc-ic-data-entity:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-entity{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-entity{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-entity{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-entity{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-entity,[type=\"radio\"].sc-ic-data-entity{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-entity::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-entity::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-entity{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-entity::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-entity::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-entity{display:block}/*!@summary*/summary.sc-ic-data-entity{display:list-item}/*!@template*/template.sc-ic-data-entity{display:none}/*!@[hidden]*/[hidden].sc-ic-data-entity{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-data-entity,body.sc-ic-data-entity,div.sc-ic-data-entity,span.sc-ic-data-entity,applet.sc-ic-data-entity,object.sc-ic-data-entity,iframe.sc-ic-data-entity,h1.sc-ic-data-entity,h2.sc-ic-data-entity,h3.sc-ic-data-entity,h4.sc-ic-data-entity,h5.sc-ic-data-entity,h6.sc-ic-data-entity,p.sc-ic-data-entity,blockquote.sc-ic-data-entity,pre.sc-ic-data-entity,a.sc-ic-data-entity,abbr.sc-ic-data-entity,acronym.sc-ic-data-entity,address.sc-ic-data-entity,big.sc-ic-data-entity,cite.sc-ic-data-entity,code.sc-ic-data-entity,del.sc-ic-data-entity,dfn.sc-ic-data-entity,em.sc-ic-data-entity,img.sc-ic-data-entity,ins.sc-ic-data-entity,kbd.sc-ic-data-entity,q.sc-ic-data-entity,s.sc-ic-data-entity,samp.sc-ic-data-entity,small.sc-ic-data-entity,strike.sc-ic-data-entity,strong.sc-ic-data-entity,sub.sc-ic-data-entity,sup.sc-ic-data-entity,tt.sc-ic-data-entity,var.sc-ic-data-entity,b.sc-ic-data-entity,u.sc-ic-data-entity,i.sc-ic-data-entity,center.sc-ic-data-entity,dl.sc-ic-data-entity,dt.sc-ic-data-entity,dd.sc-ic-data-entity,ol.sc-ic-data-entity,ul.sc-ic-data-entity,li.sc-ic-data-entity,fieldset.sc-ic-data-entity,form.sc-ic-data-entity,label.sc-ic-data-entity,legend.sc-ic-data-entity,table.sc-ic-data-entity,caption.sc-ic-data-entity,tbody.sc-ic-data-entity,tfoot.sc-ic-data-entity,thead.sc-ic-data-entity,tr.sc-ic-data-entity,th.sc-ic-data-entity,td.sc-ic-data-entity,article.sc-ic-data-entity,aside.sc-ic-data-entity,canvas.sc-ic-data-entity,details.sc-ic-data-entity,embed.sc-ic-data-entity,figure.sc-ic-data-entity,figcaption.sc-ic-data-entity,footer.sc-ic-data-entity,header.sc-ic-data-entity,hgroup.sc-ic-data-entity,menu.sc-ic-data-entity,nav.sc-ic-data-entity,output.sc-ic-data-entity,ruby.sc-ic-data-entity,section.sc-ic-data-entity,summary.sc-ic-data-entity,time.sc-ic-data-entity,mark.sc-ic-data-entity,audio.sc-ic-data-entity,video.sc-ic-data-entity{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-entity-h{display:block}/*!@.rows*/.rows.sc-ic-data-entity{display:flex;flex-direction:column;gap:var(--ic-space-md)}/*!@:host(.small) .rows*/.small.sc-ic-data-entity-h .rows.sc-ic-data-entity{gap:var(--ic-space-xs)}/*!@.divider*/.divider.sc-ic-data-entity{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-space-1px);background-color:var(--ic-architectural-300)}/*!@:host(.small) .divider*/.small.sc-ic-data-entity-h .divider.sc-ic-data-entity{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){/*!@.divider*/.divider.sc-ic-data-entity{background-color:canvastext}}";
|
7473
7501
|
|
7474
7502
|
class DataEntity {
|
7475
7503
|
constructor(hostRef) {
|
@@ -7502,7 +7530,7 @@ class DataEntity {
|
|
7502
7530
|
}; }
|
7503
7531
|
}
|
7504
7532
|
|
7505
|
-
const icDataRowCss = "/*!@html*/html.sc-ic-data-row{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-row{margin:0}/*!@main*/main.sc-ic-data-row{display:block}/*!@h1*/h1.sc-ic-data-row{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-row{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-row{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-row{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-row,strong.sc-ic-data-row{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-row,kbd.sc-ic-data-row,samp.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-row{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-row,sup.sc-ic-data-row{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-row{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-row{top:-0.5em}/*!@img*/img.sc-ic-data-row{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-row,input.sc-ic-data-row,optgroup.sc-ic-data-row,select.sc-ic-data-row,textarea.sc-ic-data-row{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-row,input.sc-ic-data-row{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-row,select.sc-ic-data-row{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-row,[type=\"button\"].sc-ic-data-row,[type=\"reset\"].sc-ic-data-row,[type=\"submit\"].sc-ic-data-row{-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-data-row::-moz-focus-inner,[type=\"button\"].sc-ic-data-row::-moz-focus-inner,[type=\"reset\"].sc-ic-data-row::-moz-focus-inner,[type=\"submit\"].sc-ic-data-row::-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-data-row:-moz-focusring,[type=\"button\"].sc-ic-data-row:-moz-focusring,[type=\"reset\"].sc-ic-data-row:-moz-focusring,[type=\"submit\"].sc-ic-data-row:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-row{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-row{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-row{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-row{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-row,[type=\"radio\"].sc-ic-data-row{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-row::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-row::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-row{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-row::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-row::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-row{display:block}/*!@summary*/summary.sc-ic-data-row{display:list-item}/*!@template*/template.sc-ic-data-row{display:none}/*!@[hidden]*/[hidden].sc-ic-data-row{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-data-row,body.sc-ic-data-row,div.sc-ic-data-row,span.sc-ic-data-row,applet.sc-ic-data-row,object.sc-ic-data-row,iframe.sc-ic-data-row,h1.sc-ic-data-row,h2.sc-ic-data-row,h3.sc-ic-data-row,h4.sc-ic-data-row,h5.sc-ic-data-row,h6.sc-ic-data-row,p.sc-ic-data-row,blockquote.sc-ic-data-row,pre.sc-ic-data-row,a.sc-ic-data-row,abbr.sc-ic-data-row,acronym.sc-ic-data-row,address.sc-ic-data-row,big.sc-ic-data-row,cite.sc-ic-data-row,code.sc-ic-data-row,del.sc-ic-data-row,dfn.sc-ic-data-row,em.sc-ic-data-row,img.sc-ic-data-row,ins.sc-ic-data-row,kbd.sc-ic-data-row,q.sc-ic-data-row,s.sc-ic-data-row,samp.sc-ic-data-row,small.sc-ic-data-row,strike.sc-ic-data-row,strong.sc-ic-data-row,sub.sc-ic-data-row,sup.sc-ic-data-row,tt.sc-ic-data-row,var.sc-ic-data-row,b.sc-ic-data-row,u.sc-ic-data-row,i.sc-ic-data-row,center.sc-ic-data-row,dl.sc-ic-data-row,dt.sc-ic-data-row,dd.sc-ic-data-row,ol.sc-ic-data-row,ul.sc-ic-data-row,li.sc-ic-data-row,fieldset.sc-ic-data-row,form.sc-ic-data-row,label.sc-ic-data-row,legend.sc-ic-data-row,table.sc-ic-data-row,caption.sc-ic-data-row,tbody.sc-ic-data-row,tfoot.sc-ic-data-row,thead.sc-ic-data-row,tr.sc-ic-data-row,th.sc-ic-data-row,td.sc-ic-data-row,article.sc-ic-data-row,aside.sc-ic-data-row,canvas.sc-ic-data-row,details.sc-ic-data-row,embed.sc-ic-data-row,figure.sc-ic-data-row,figcaption.sc-ic-data-row,footer.sc-ic-data-row,header.sc-ic-data-row,hgroup.sc-ic-data-row,menu.sc-ic-data-row,nav.sc-ic-data-row,output.sc-ic-data-row,ruby.sc-ic-data-row,section.sc-ic-data-row,summary.sc-ic-data-row,time.sc-ic-data-row,mark.sc-ic-data-row,audio.sc-ic-data-row,video.sc-ic-data-row{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-row-h{position:relative;display:block}/*!@.data*/.data.sc-ic-data-row{display:flex;align-items:center}/*!@.text-cells*/.text-cells.sc-ic-data-row{display:flex;flex-grow:1;min-width:0}/*!@.label*/.label.sc-ic-data-row{width:12.5rem;min-width:12.5rem;margin-right:var(--ic-space-md);color:var(--ic-color-tertiary-text)}/*!@.value*/.value.sc-ic-data-row{flex-grow:1}/*!@slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[readonly][hide-label]{margin-top:calc(var(--ic-space-xs) * -1)}/*!@slot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[small][readonly][hide-label]{margin-top:calc(var(--ic-space-xxs) * -1)}/*!@slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[readonly][hide-label][rows]{margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}/*!@.end-component*/.end-component.sc-ic-data-row{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}/*!@.divider*/.divider.sc-ic-data-row{margin-top:var(--ic-space-md);height:
|
7533
|
+
const icDataRowCss = "/*!@html*/html.sc-ic-data-row{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-row{margin:0}/*!@main*/main.sc-ic-data-row{display:block}/*!@h1*/h1.sc-ic-data-row{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-row{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-row{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-row{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-row,strong.sc-ic-data-row{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-row,kbd.sc-ic-data-row,samp.sc-ic-data-row{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-row{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-row,sup.sc-ic-data-row{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-row{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-row{top:-0.5em}/*!@img*/img.sc-ic-data-row{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-row,input.sc-ic-data-row,optgroup.sc-ic-data-row,select.sc-ic-data-row,textarea.sc-ic-data-row{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-row,input.sc-ic-data-row{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-row,select.sc-ic-data-row{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-row,[type=\"button\"].sc-ic-data-row,[type=\"reset\"].sc-ic-data-row,[type=\"submit\"].sc-ic-data-row{-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-data-row::-moz-focus-inner,[type=\"button\"].sc-ic-data-row::-moz-focus-inner,[type=\"reset\"].sc-ic-data-row::-moz-focus-inner,[type=\"submit\"].sc-ic-data-row::-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-data-row:-moz-focusring,[type=\"button\"].sc-ic-data-row:-moz-focusring,[type=\"reset\"].sc-ic-data-row:-moz-focusring,[type=\"submit\"].sc-ic-data-row:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-row{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-row{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-row{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-row{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-row,[type=\"radio\"].sc-ic-data-row{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-row::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-row::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-row{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-row::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-row::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-row{display:block}/*!@summary*/summary.sc-ic-data-row{display:list-item}/*!@template*/template.sc-ic-data-row{display:none}/*!@[hidden]*/[hidden].sc-ic-data-row{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-data-row,body.sc-ic-data-row,div.sc-ic-data-row,span.sc-ic-data-row,applet.sc-ic-data-row,object.sc-ic-data-row,iframe.sc-ic-data-row,h1.sc-ic-data-row,h2.sc-ic-data-row,h3.sc-ic-data-row,h4.sc-ic-data-row,h5.sc-ic-data-row,h6.sc-ic-data-row,p.sc-ic-data-row,blockquote.sc-ic-data-row,pre.sc-ic-data-row,a.sc-ic-data-row,abbr.sc-ic-data-row,acronym.sc-ic-data-row,address.sc-ic-data-row,big.sc-ic-data-row,cite.sc-ic-data-row,code.sc-ic-data-row,del.sc-ic-data-row,dfn.sc-ic-data-row,em.sc-ic-data-row,img.sc-ic-data-row,ins.sc-ic-data-row,kbd.sc-ic-data-row,q.sc-ic-data-row,s.sc-ic-data-row,samp.sc-ic-data-row,small.sc-ic-data-row,strike.sc-ic-data-row,strong.sc-ic-data-row,sub.sc-ic-data-row,sup.sc-ic-data-row,tt.sc-ic-data-row,var.sc-ic-data-row,b.sc-ic-data-row,u.sc-ic-data-row,i.sc-ic-data-row,center.sc-ic-data-row,dl.sc-ic-data-row,dt.sc-ic-data-row,dd.sc-ic-data-row,ol.sc-ic-data-row,ul.sc-ic-data-row,li.sc-ic-data-row,fieldset.sc-ic-data-row,form.sc-ic-data-row,label.sc-ic-data-row,legend.sc-ic-data-row,table.sc-ic-data-row,caption.sc-ic-data-row,tbody.sc-ic-data-row,tfoot.sc-ic-data-row,thead.sc-ic-data-row,tr.sc-ic-data-row,th.sc-ic-data-row,td.sc-ic-data-row,article.sc-ic-data-row,aside.sc-ic-data-row,canvas.sc-ic-data-row,details.sc-ic-data-row,embed.sc-ic-data-row,figure.sc-ic-data-row,figcaption.sc-ic-data-row,footer.sc-ic-data-row,header.sc-ic-data-row,hgroup.sc-ic-data-row,menu.sc-ic-data-row,nav.sc-ic-data-row,output.sc-ic-data-row,ruby.sc-ic-data-row,section.sc-ic-data-row,summary.sc-ic-data-row,time.sc-ic-data-row,mark.sc-ic-data-row,audio.sc-ic-data-row,video.sc-ic-data-row{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-row-h{position:relative;display:block}/*!@.data*/.data.sc-ic-data-row{display:flex;align-items:center}/*!@.text-cells*/.text-cells.sc-ic-data-row{display:flex;flex-grow:1;min-width:0}/*!@.label*/.label.sc-ic-data-row{width:12.5rem;min-width:12.5rem;margin-right:var(--ic-space-md);color:var(--ic-color-tertiary-text)}/*!@.value*/.value.sc-ic-data-row{flex-grow:1}/*!@slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[readonly][hide-label]{margin-top:calc(var(--ic-space-xs) * -1)}/*!@slot[name=\"value\"]::slotted(ic-text-field[small][readonly][hide-label])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[small][readonly][hide-label]{margin-top:calc(var(--ic-space-xxs) * -1)}/*!@slot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows])*/slot[name=\"value\"].sc-ic-data-row-s>ic-text-field[readonly][hide-label][rows]{margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}/*!@.end-component*/.end-component.sc-ic-data-row{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}/*!@.divider*/.divider.sc-ic-data-row{margin-top:var(--ic-space-md);height:var(--ic-space-1px);background-color:var(--ic-architectural-300)}/*!@:host(.small) .divider*/.small.sc-ic-data-row-h .divider.sc-ic-data-row{margin-top:var(--ic-space-xs)}/*!@:host(.breakpoint-medium) .label*/.breakpoint-medium.sc-ic-data-row-h .label.sc-ic-data-row{width:10rem;min-width:10rem}/*!@:host(.breakpoint-xs) .text-cells*/.breakpoint-xs.sc-ic-data-row-h .text-cells.sc-ic-data-row{flex-direction:column}/*!@:host(.breakpoint-xs) .label*/.breakpoint-xs.sc-ic-data-row-h .label.sc-ic-data-row{width:8rem;margin-bottom:var(--ic-space-xs)}/*!@:host(.breakpoint-xs) .value*/.breakpoint-xs.sc-ic-data-row-h .value.sc-ic-data-row{max-width:95%}/*!@:host(.breakpoint-xs) .end-component*/.breakpoint-xs.sc-ic-data-row-h .end-component.sc-ic-data-row{margin-left:0}@media (forced-colors: active){/*!@.divider*/.divider.sc-ic-data-row{background-color:canvastext}}";
|
7506
7534
|
|
7507
7535
|
/**
|
7508
7536
|
* @slot label - Content will be rendered in the leftmost cell.
|
@@ -7587,7 +7615,7 @@ class DataRow {
|
|
7587
7615
|
}; }
|
7588
7616
|
}
|
7589
7617
|
|
7590
|
-
const icDividerCss = "hr.sc-ic-divider{padding:0;margin:0;border:none;height:
|
7618
|
+
const icDividerCss = "hr.sc-ic-divider{padding:0;margin:0;border:none;height:var(--ic-space-1px);background-color:var(--ic-keyline-darken-rgb)}hr.light.sc-ic-divider{background-color:var(--ic-keyline-lighten-rgb)}";
|
7591
7619
|
|
7592
7620
|
class Divider {
|
7593
7621
|
constructor(hostRef) {
|
@@ -7865,7 +7893,7 @@ class FooterLinkGroup {
|
|
7865
7893
|
}; }
|
7866
7894
|
}
|
7867
7895
|
|
7868
|
-
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);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}/*!@:host(.dark)*/.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)}/*!@.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([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[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([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[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([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[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([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[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([small]) .section-container,\n .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-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([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[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([small]) .section-container,\n .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-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}}";
|
7896
|
+
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);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}/*!@:host(.dark)*/.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(.small),\n :host(.small) .section-container*/.small.sc-ic-hero-h,.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(.small),\n :host(.small) .section-container*/.small.sc-ic-hero-h,.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(.small),\n :host(.small) .section-container*/.small.sc-ic-hero-h,.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(.small),\n :host(.small) .section-container*/.small.sc-ic-hero-h,.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(.small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-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(.small),\n :host(.small) .section-container*/.small.sc-ic-hero-h,.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(.small) .section-container,\n .section-container*/.secondary-heading.sc-ic-hero-h .section-container.sc-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}}";
|
7869
7897
|
|
7870
7898
|
/**
|
7871
7899
|
* @slot heading - Content will be rendered in the title area, in place of the heading.
|
@@ -7924,6 +7952,8 @@ class Hero {
|
|
7924
7952
|
return (hAsync(Host, { class: {
|
7925
7953
|
[IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
|
7926
7954
|
["has-background-image"]: backgroundImage !== undefined,
|
7955
|
+
["small"]: small,
|
7956
|
+
["secondary-heading"]: !!secondaryHeading,
|
7927
7957
|
}, style: style }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { class: {
|
7928
7958
|
["left-container"]: true,
|
7929
7959
|
["left-container-full-width"]: this.leftContentFullWidth,
|
@@ -7963,7 +7993,7 @@ var RightArrow = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
|
|
7963
7993
|
<path d="M8.08748 5L6.91248 6.175L10.7291 10L6.91248 13.825L8.08748 15L13.0875 10L8.08748 5Z"/>
|
7964
7994
|
</svg>`;
|
7965
7995
|
|
7966
|
-
const icHorizontalScrollCss = "/*!@html*/html.sc-ic-horizontal-scroll{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-horizontal-scroll{margin:0}/*!@main*/main.sc-ic-horizontal-scroll{display:block}/*!@h1*/h1.sc-ic-horizontal-scroll{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-horizontal-scroll{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-horizontal-scroll{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-horizontal-scroll{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-horizontal-scroll{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-horizontal-scroll{bottom:-0.25em}/*!@sup*/sup.sc-ic-horizontal-scroll{top:-0.5em}/*!@img*/img.sc-ic-horizontal-scroll{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll,optgroup.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll,textarea.sc-ic-horizontal-scroll{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll{overflow:visible}/*!@button,\nselect*/button.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-horizontal-scroll,[type=\"button\"].sc-ic-horizontal-scroll,[type=\"reset\"].sc-ic-horizontal-scroll,[type=\"submit\"].sc-ic-horizontal-scroll{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"button\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"reset\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"submit\"].sc-ic-horizontal-scroll::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-horizontal-scroll:-moz-focusring,[type=\"button\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"reset\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"submit\"].sc-ic-horizontal-scroll:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-horizontal-scroll{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-horizontal-scroll{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-horizontal-scroll{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-horizontal-scroll{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-horizontal-scroll,[type=\"radio\"].sc-ic-horizontal-scroll{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-horizontal-scroll::-webkit-inner-spin-button,[type=\"number\"].sc-ic-horizontal-scroll::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-horizontal-scroll{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-horizontal-scroll::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-horizontal-scroll::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-horizontal-scroll{display:block}/*!@summary*/summary.sc-ic-horizontal-scroll{display:list-item}/*!@template*/template.sc-ic-horizontal-scroll{display:none}/*!@[hidden]*/[hidden].sc-ic-horizontal-scroll{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-horizontal-scroll,body.sc-ic-horizontal-scroll,div.sc-ic-horizontal-scroll,span.sc-ic-horizontal-scroll,applet.sc-ic-horizontal-scroll,object.sc-ic-horizontal-scroll,iframe.sc-ic-horizontal-scroll,h1.sc-ic-horizontal-scroll,h2.sc-ic-horizontal-scroll,h3.sc-ic-horizontal-scroll,h4.sc-ic-horizontal-scroll,h5.sc-ic-horizontal-scroll,h6.sc-ic-horizontal-scroll,p.sc-ic-horizontal-scroll,blockquote.sc-ic-horizontal-scroll,pre.sc-ic-horizontal-scroll,a.sc-ic-horizontal-scroll,abbr.sc-ic-horizontal-scroll,acronym.sc-ic-horizontal-scroll,address.sc-ic-horizontal-scroll,big.sc-ic-horizontal-scroll,cite.sc-ic-horizontal-scroll,code.sc-ic-horizontal-scroll,del.sc-ic-horizontal-scroll,dfn.sc-ic-horizontal-scroll,em.sc-ic-horizontal-scroll,img.sc-ic-horizontal-scroll,ins.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,q.sc-ic-horizontal-scroll,s.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll,small.sc-ic-horizontal-scroll,strike.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll,sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll,tt.sc-ic-horizontal-scroll,var.sc-ic-horizontal-scroll,b.sc-ic-horizontal-scroll,u.sc-ic-horizontal-scroll,i.sc-ic-horizontal-scroll,center.sc-ic-horizontal-scroll,dl.sc-ic-horizontal-scroll,dt.sc-ic-horizontal-scroll,dd.sc-ic-horizontal-scroll,ol.sc-ic-horizontal-scroll,ul.sc-ic-horizontal-scroll,li.sc-ic-horizontal-scroll,fieldset.sc-ic-horizontal-scroll,form.sc-ic-horizontal-scroll,label.sc-ic-horizontal-scroll,legend.sc-ic-horizontal-scroll,table.sc-ic-horizontal-scroll,caption.sc-ic-horizontal-scroll,tbody.sc-ic-horizontal-scroll,tfoot.sc-ic-horizontal-scroll,thead.sc-ic-horizontal-scroll,tr.sc-ic-horizontal-scroll,th.sc-ic-horizontal-scroll,td.sc-ic-horizontal-scroll,article.sc-ic-horizontal-scroll,aside.sc-ic-horizontal-scroll,canvas.sc-ic-horizontal-scroll,details.sc-ic-horizontal-scroll,embed.sc-ic-horizontal-scroll,figure.sc-ic-horizontal-scroll,figcaption.sc-ic-horizontal-scroll,footer.sc-ic-horizontal-scroll,header.sc-ic-horizontal-scroll,hgroup.sc-ic-horizontal-scroll,menu.sc-ic-horizontal-scroll,nav.sc-ic-horizontal-scroll,output.sc-ic-horizontal-scroll,ruby.sc-ic-horizontal-scroll,section.sc-ic-horizontal-scroll,summary.sc-ic-horizontal-scroll,time.sc-ic-horizontal-scroll,mark.sc-ic-horizontal-scroll,audio.sc-ic-horizontal-scroll,video.sc-ic-horizontal-scroll{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-horizontal-scroll-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);display:flex;max-width:100%}/*!@:host(.light)*/.light.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-keyline-lighten-rgb)}/*!@:host(.dark)*/.dark.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-keyline-darken-rgb)}/*!@:host([inline])*/[inline].sc-ic-horizontal-scroll-h{margin-bottom:0}/*!@::slotted(*)*/.sc-ic-horizontal-scroll-s>*{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--ic-space-xs) * -1) !important;padding:var(--ic-space-xs) !important}/*!@:host(.visible) ::slotted(*)*/.sc-ic-horizontal-scroll-h.visible .sc-ic-horizontal-scroll-s>*{margin:calc(var(--ic-space-xs) * -1) 0 !important;padding:var(--ic-space-xs) !important}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-horizontal-scroll::-webkit-scrollbar{display:none}/*!@.scroll-container-left,\n.scroll-container-right*/.scroll-container-left.sc-ic-horizontal-scroll,.scroll-container-right.sc-ic-horizontal-scroll{display:flex}/*!@.scroll-container-left*/.scroll-container-left.sc-ic-horizontal-scroll{margin-left:var(--ic-space-xxs)}/*!@.scroll-container-right*/.scroll-container-right.sc-ic-horizontal-scroll{margin-right:var(--ic-space-xxs)}/*!@.hidden*/.hidden.sc-ic-horizontal-scroll{display:none}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-horizontal-scroll{margin:var(--ic-space-xxs) 0 var(--ic-space-xs) 0}/*!@.disabled .ic-tooltip-container*/.disabled.sc-ic-horizontal-scroll .ic-tooltip-container.sc-ic-horizontal-scroll{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-horizontal-scroll,.scroll-splitter-right.sc-ic-horizontal-scroll{display:flex;height:var(--ic-space-lg);width:0.063rem;margin-top:var(--ic-space-xs);border-radius:0.063rem;background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-horizontal-scroll{margin-left:calc(var(--ic-space-xxs) - 0.063rem)}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-horizontal-scroll{margin-right:calc(var(--ic-space-xxs) - 0.063rem)}/*!@.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right*/.disabled.sc-ic-horizontal-scroll .scroll-splitter-left.sc-ic-horizontal-scroll,.disabled.sc-ic-horizontal-scroll .scroll-splitter-right.sc-ic-horizontal-scroll{background-color:transparent}/*!@.disabled ic-button > svg*/.disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--ic-keyline-darken-rgb)}/*!@:host(.dark) .disabled ic-button > svg,\n:host(.light) .disabled ic-button > svg*/.dark.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll,.light.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--splitter-color) !important}";
|
7996
|
+
const icHorizontalScrollCss = "/*!@html*/html.sc-ic-horizontal-scroll{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-horizontal-scroll{margin:0}/*!@main*/main.sc-ic-horizontal-scroll{display:block}/*!@h1*/h1.sc-ic-horizontal-scroll{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-horizontal-scroll{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-horizontal-scroll{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-horizontal-scroll{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-horizontal-scroll{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-horizontal-scroll{bottom:-0.25em}/*!@sup*/sup.sc-ic-horizontal-scroll{top:-0.5em}/*!@img*/img.sc-ic-horizontal-scroll{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll,optgroup.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll,textarea.sc-ic-horizontal-scroll{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-horizontal-scroll,input.sc-ic-horizontal-scroll{overflow:visible}/*!@button,\nselect*/button.sc-ic-horizontal-scroll,select.sc-ic-horizontal-scroll{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-horizontal-scroll,[type=\"button\"].sc-ic-horizontal-scroll,[type=\"reset\"].sc-ic-horizontal-scroll,[type=\"submit\"].sc-ic-horizontal-scroll{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"button\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"reset\"].sc-ic-horizontal-scroll::-moz-focus-inner,[type=\"submit\"].sc-ic-horizontal-scroll::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-horizontal-scroll:-moz-focusring,[type=\"button\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"reset\"].sc-ic-horizontal-scroll:-moz-focusring,[type=\"submit\"].sc-ic-horizontal-scroll:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-horizontal-scroll{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-horizontal-scroll{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-horizontal-scroll{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-horizontal-scroll{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-horizontal-scroll,[type=\"radio\"].sc-ic-horizontal-scroll{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-horizontal-scroll::-webkit-inner-spin-button,[type=\"number\"].sc-ic-horizontal-scroll::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-horizontal-scroll{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-horizontal-scroll::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-horizontal-scroll::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-horizontal-scroll{display:block}/*!@summary*/summary.sc-ic-horizontal-scroll{display:list-item}/*!@template*/template.sc-ic-horizontal-scroll{display:none}/*!@[hidden]*/[hidden].sc-ic-horizontal-scroll{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-horizontal-scroll,body.sc-ic-horizontal-scroll,div.sc-ic-horizontal-scroll,span.sc-ic-horizontal-scroll,applet.sc-ic-horizontal-scroll,object.sc-ic-horizontal-scroll,iframe.sc-ic-horizontal-scroll,h1.sc-ic-horizontal-scroll,h2.sc-ic-horizontal-scroll,h3.sc-ic-horizontal-scroll,h4.sc-ic-horizontal-scroll,h5.sc-ic-horizontal-scroll,h6.sc-ic-horizontal-scroll,p.sc-ic-horizontal-scroll,blockquote.sc-ic-horizontal-scroll,pre.sc-ic-horizontal-scroll,a.sc-ic-horizontal-scroll,abbr.sc-ic-horizontal-scroll,acronym.sc-ic-horizontal-scroll,address.sc-ic-horizontal-scroll,big.sc-ic-horizontal-scroll,cite.sc-ic-horizontal-scroll,code.sc-ic-horizontal-scroll,del.sc-ic-horizontal-scroll,dfn.sc-ic-horizontal-scroll,em.sc-ic-horizontal-scroll,img.sc-ic-horizontal-scroll,ins.sc-ic-horizontal-scroll,kbd.sc-ic-horizontal-scroll,q.sc-ic-horizontal-scroll,s.sc-ic-horizontal-scroll,samp.sc-ic-horizontal-scroll,small.sc-ic-horizontal-scroll,strike.sc-ic-horizontal-scroll,strong.sc-ic-horizontal-scroll,sub.sc-ic-horizontal-scroll,sup.sc-ic-horizontal-scroll,tt.sc-ic-horizontal-scroll,var.sc-ic-horizontal-scroll,b.sc-ic-horizontal-scroll,u.sc-ic-horizontal-scroll,i.sc-ic-horizontal-scroll,center.sc-ic-horizontal-scroll,dl.sc-ic-horizontal-scroll,dt.sc-ic-horizontal-scroll,dd.sc-ic-horizontal-scroll,ol.sc-ic-horizontal-scroll,ul.sc-ic-horizontal-scroll,li.sc-ic-horizontal-scroll,fieldset.sc-ic-horizontal-scroll,form.sc-ic-horizontal-scroll,label.sc-ic-horizontal-scroll,legend.sc-ic-horizontal-scroll,table.sc-ic-horizontal-scroll,caption.sc-ic-horizontal-scroll,tbody.sc-ic-horizontal-scroll,tfoot.sc-ic-horizontal-scroll,thead.sc-ic-horizontal-scroll,tr.sc-ic-horizontal-scroll,th.sc-ic-horizontal-scroll,td.sc-ic-horizontal-scroll,article.sc-ic-horizontal-scroll,aside.sc-ic-horizontal-scroll,canvas.sc-ic-horizontal-scroll,details.sc-ic-horizontal-scroll,embed.sc-ic-horizontal-scroll,figure.sc-ic-horizontal-scroll,figcaption.sc-ic-horizontal-scroll,footer.sc-ic-horizontal-scroll,header.sc-ic-horizontal-scroll,hgroup.sc-ic-horizontal-scroll,menu.sc-ic-horizontal-scroll,nav.sc-ic-horizontal-scroll,output.sc-ic-horizontal-scroll,ruby.sc-ic-horizontal-scroll,section.sc-ic-horizontal-scroll,summary.sc-ic-horizontal-scroll,time.sc-ic-horizontal-scroll,mark.sc-ic-horizontal-scroll,audio.sc-ic-horizontal-scroll,video.sc-ic-horizontal-scroll{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-horizontal-scroll-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);display:flex;max-width:100%}/*!@:host(.light)*/.light.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-keyline-lighten-rgb)}/*!@:host(.dark)*/.dark.sc-ic-horizontal-scroll-h{--splitter-color:var(--ic-keyline-darken-rgb)}/*!@::slotted(*)*/.sc-ic-horizontal-scroll-s>*{overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:calc(var(--ic-space-xs) * -1) !important;padding:var(--ic-space-xs) !important}/*!@:host(.visible) ::slotted(*)*/.sc-ic-horizontal-scroll-h.visible .sc-ic-horizontal-scroll-s>*{margin:calc(var(--ic-space-xs) * -1) 0 !important;padding:var(--ic-space-xs) !important}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-horizontal-scroll::-webkit-scrollbar{display:none}/*!@.scroll-container-left,\n.scroll-container-right*/.scroll-container-left.sc-ic-horizontal-scroll,.scroll-container-right.sc-ic-horizontal-scroll{display:flex}/*!@.scroll-container-left*/.scroll-container-left.sc-ic-horizontal-scroll{margin-left:var(--ic-space-xxs)}/*!@.scroll-container-right*/.scroll-container-right.sc-ic-horizontal-scroll{margin-right:var(--ic-space-xxs)}/*!@.hidden*/.hidden.sc-ic-horizontal-scroll{display:none}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-horizontal-scroll{margin:var(--ic-space-xxs) 0 var(--ic-space-xs) 0}/*!@.disabled .ic-tooltip-container*/.disabled.sc-ic-horizontal-scroll .ic-tooltip-container.sc-ic-horizontal-scroll{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-horizontal-scroll,.scroll-splitter-right.sc-ic-horizontal-scroll{display:flex;height:var(--ic-space-lg);width:var(--ic-space-1px);margin-top:var(--ic-space-xs);border-radius:var(--ic-space-1px);background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-horizontal-scroll{margin-left:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-horizontal-scroll{margin-right:calc(var(--ic-space-xxs) - var(--ic-space-1px))}/*!@.disabled .scroll-splitter-left,\n.disabled .scroll-splitter-right*/.disabled.sc-ic-horizontal-scroll .scroll-splitter-left.sc-ic-horizontal-scroll,.disabled.sc-ic-horizontal-scroll .scroll-splitter-right.sc-ic-horizontal-scroll{background-color:transparent}/*!@.disabled ic-button > svg*/.disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--ic-keyline-darken-rgb)}/*!@:host(.dark) .disabled ic-button > svg,\n:host(.light) .disabled ic-button > svg*/.dark.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll,.light.sc-ic-horizontal-scroll-h .disabled.sc-ic-horizontal-scroll ic-button.sc-ic-horizontal-scroll>svg.sc-ic-horizontal-scroll{color:var(--splitter-color) !important}";
|
7967
7997
|
|
7968
7998
|
const SCROLL_DELAY_MS = 200;
|
7969
7999
|
class HorizontalScroll {
|
@@ -8122,7 +8152,7 @@ class HorizontalScroll {
|
|
8122
8152
|
}; }
|
8123
8153
|
}
|
8124
8154
|
|
8125
|
-
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:
|
8155
|
+
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:var(--ic-space-1px) 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.fullwidth{width:100%}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-space-1px) dashed var(--ic-architectural-200)}ic-input-component-container.readonly,ic-input-component-container.readonly:hover{border:none;padding:0}ic-input-component-container.error{border:var(--ic-space-xxxs) solid var(--ic-status-error);padding:0}ic-input-component-container.warning{border:var(--ic-space-xxxs) solid var(--ic-status-warning-mid);padding:0}ic-input-component-container.success{border:var(--ic-space-xxxs) solid var(--ic-status-success);padding:0}ic-input-component-container.small{height:var(--ic-space-xl)}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.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.disabled ::-moz-placeholder{display:none}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.dark:hover{--border-color:var(--ic-architectural-400)}ic-input-component-container .inline-success>svg{fill:var(--ic-status-success);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover)}.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.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-space-1px) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:var(--ic-space-1px) dashed GrayText}}";
|
8126
8156
|
|
8127
8157
|
/**
|
8128
8158
|
* @slot left-icon - Content will be placed to the left of the input.
|
@@ -8404,7 +8434,7 @@ class Link {
|
|
8404
8434
|
}; }
|
8405
8435
|
}
|
8406
8436
|
|
8407
|
-
const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host([label])*/[label].sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host([full-width])*/[full-width].sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--outer-color);stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host([inner-label]) .ic-loading-circular-inner*/[inner-label].sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host([inner-label]) .ic-loading-circular-svg,\n.inner-text*/[inner-label].sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--ic-theme-primary)}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-color-tertiary-text)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-hc-border)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
|
8437
|
+
const icLoadingIndicatorCss = "/*!@html*/html.sc-ic-loading-indicator{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-loading-indicator{margin:0}/*!@main*/main.sc-ic-loading-indicator{display:block}/*!@h1*/h1.sc-ic-loading-indicator{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-loading-indicator{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-loading-indicator{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-loading-indicator{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-loading-indicator,strong.sc-ic-loading-indicator{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,samp.sc-ic-loading-indicator{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-loading-indicator{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-loading-indicator{bottom:-0.25em}/*!@sup*/sup.sc-ic-loading-indicator{top:-0.5em}/*!@img*/img.sc-ic-loading-indicator{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator,optgroup.sc-ic-loading-indicator,select.sc-ic-loading-indicator,textarea.sc-ic-loading-indicator{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-loading-indicator,input.sc-ic-loading-indicator{overflow:visible}/*!@button,\nselect*/button.sc-ic-loading-indicator,select.sc-ic-loading-indicator{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-loading-indicator,[type=\"button\"].sc-ic-loading-indicator,[type=\"reset\"].sc-ic-loading-indicator,[type=\"submit\"].sc-ic-loading-indicator{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-loading-indicator::-moz-focus-inner,[type=\"button\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"reset\"].sc-ic-loading-indicator::-moz-focus-inner,[type=\"submit\"].sc-ic-loading-indicator::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-loading-indicator:-moz-focusring,[type=\"button\"].sc-ic-loading-indicator:-moz-focusring,[type=\"reset\"].sc-ic-loading-indicator:-moz-focusring,[type=\"submit\"].sc-ic-loading-indicator:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-loading-indicator{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-loading-indicator{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-loading-indicator{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-loading-indicator{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-loading-indicator,[type=\"radio\"].sc-ic-loading-indicator{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-loading-indicator::-webkit-inner-spin-button,[type=\"number\"].sc-ic-loading-indicator::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-loading-indicator{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-loading-indicator::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-loading-indicator::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-loading-indicator{display:block}/*!@summary*/summary.sc-ic-loading-indicator{display:list-item}/*!@template*/template.sc-ic-loading-indicator{display:none}/*!@[hidden]*/[hidden].sc-ic-loading-indicator{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-loading-indicator,body.sc-ic-loading-indicator,div.sc-ic-loading-indicator,span.sc-ic-loading-indicator,applet.sc-ic-loading-indicator,object.sc-ic-loading-indicator,iframe.sc-ic-loading-indicator,h1.sc-ic-loading-indicator,h2.sc-ic-loading-indicator,h3.sc-ic-loading-indicator,h4.sc-ic-loading-indicator,h5.sc-ic-loading-indicator,h6.sc-ic-loading-indicator,p.sc-ic-loading-indicator,blockquote.sc-ic-loading-indicator,pre.sc-ic-loading-indicator,a.sc-ic-loading-indicator,abbr.sc-ic-loading-indicator,acronym.sc-ic-loading-indicator,address.sc-ic-loading-indicator,big.sc-ic-loading-indicator,cite.sc-ic-loading-indicator,code.sc-ic-loading-indicator,del.sc-ic-loading-indicator,dfn.sc-ic-loading-indicator,em.sc-ic-loading-indicator,img.sc-ic-loading-indicator,ins.sc-ic-loading-indicator,kbd.sc-ic-loading-indicator,q.sc-ic-loading-indicator,s.sc-ic-loading-indicator,samp.sc-ic-loading-indicator,small.sc-ic-loading-indicator,strike.sc-ic-loading-indicator,strong.sc-ic-loading-indicator,sub.sc-ic-loading-indicator,sup.sc-ic-loading-indicator,tt.sc-ic-loading-indicator,var.sc-ic-loading-indicator,b.sc-ic-loading-indicator,u.sc-ic-loading-indicator,i.sc-ic-loading-indicator,center.sc-ic-loading-indicator,dl.sc-ic-loading-indicator,dt.sc-ic-loading-indicator,dd.sc-ic-loading-indicator,ol.sc-ic-loading-indicator,ul.sc-ic-loading-indicator,li.sc-ic-loading-indicator,fieldset.sc-ic-loading-indicator,form.sc-ic-loading-indicator,label.sc-ic-loading-indicator,legend.sc-ic-loading-indicator,table.sc-ic-loading-indicator,caption.sc-ic-loading-indicator,tbody.sc-ic-loading-indicator,tfoot.sc-ic-loading-indicator,thead.sc-ic-loading-indicator,tr.sc-ic-loading-indicator,th.sc-ic-loading-indicator,td.sc-ic-loading-indicator,article.sc-ic-loading-indicator,aside.sc-ic-loading-indicator,canvas.sc-ic-loading-indicator,details.sc-ic-loading-indicator,embed.sc-ic-loading-indicator,figure.sc-ic-loading-indicator,figcaption.sc-ic-loading-indicator,footer.sc-ic-loading-indicator,header.sc-ic-loading-indicator,hgroup.sc-ic-loading-indicator,menu.sc-ic-loading-indicator,nav.sc-ic-loading-indicator,output.sc-ic-loading-indicator,ruby.sc-ic-loading-indicator,section.sc-ic-loading-indicator,summary.sc-ic-loading-indicator,time.sc-ic-loading-indicator,mark.sc-ic-loading-indicator,audio.sc-ic-loading-indicator,video.sc-ic-loading-indicator{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-loading-indicator-h{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}/*!@:host(.light)*/.light.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}/*!@.ic-loading-container*/.ic-loading-container.sc-ic-loading-indicator{display:flex;flex-direction:column;justify-content:center;align-items:center}/*!@:host([size=\"small\"])*/[size=\"small\"].sc-ic-loading-indicator-h{--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:5rem}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:7.5rem}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}/*!@:host(.label)*/.label.sc-ic-loading-indicator-h{--margin:0 0 var(--ic-space-xs) 0}/*!@.ic-loading-label*/.ic-loading-label.sc-ic-loading-indicator{white-space:nowrap;color:var(--label-color);margin-left:var(--label-margin-left)}/*!@.ic-loading-circular-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter)}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}/*!@.ic-loading-circular-outer,\n.ic-loading-linear-outer*/.ic-loading-circular-outer.sc-ic-loading-indicator,.ic-loading-linear-outer.sc-ic-loading-indicator{margin:var(--margin)}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}/*!@.indeterminate > .ic-loading-linear-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{animation:linear-animation 2s infinite}/*!@.determinate > .ic-loading-linear-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-linear-inner.sc-ic-loading-indicator{transition:width 0.5s;width:var(--linear-width)}/*!@:host(.full-width)*/.full-width.sc-ic-loading-indicator-h{--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}/*!@.ic-loading-circular-svg*/.ic-loading-circular-svg.sc-ic-loading-indicator{position:relative;width:100%;height:100%;transform:rotate(-90deg)}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{width:100%;height:100%;fill:none;stroke:var(--outer-color);stroke-width:var(--circular-line-width);stroke-linecap:round}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){--circular-indeterminate:calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}/*!@:host(.inner-label) .ic-loading-circular-inner*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-inner.sc-ic-loading-indicator{display:grid}/*!@:host(.inner-label) .ic-loading-circular-svg,\n.inner-text*/.inner-label.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator,.inner-text.sc-ic-loading-indicator{grid-column:1;grid-row:1}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:var(--ic-architectural-300)}/*!@.inner-text*/.inner-text.sc-ic-loading-indicator{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;color:var(--ic-theme-primary)}/*!@:host(.not-required.compact-step-progress-indicator) .inner-text*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .inner-text.sc-ic-loading-indicator{color:var(--ic-color-tertiary-text)}@media (forced-colors: active){/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{forced-color-adjust:none}/*!@.ic-loading-linear-outer*/.ic-loading-linear-outer.sc-ic-loading-indicator{border:var(--ic-hc-border)}/*!@.ic-loading-linear-inner*/.ic-loading-linear-inner.sc-ic-loading-indicator{background-color:canvastext}/*!@.ic-loading-circular-svg circle*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator{stroke:Background}/*!@.ic-loading-circular-svg circle:nth-child(2)*/.ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:canvastext}/*!@:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2)*/.not-required.compact-step-progress-indicator.sc-ic-loading-indicator-h .ic-loading-circular-svg.sc-ic-loading-indicator circle.sc-ic-loading-indicator:nth-child(2){stroke:GrayText}}";
|
8408
8438
|
|
8409
8439
|
class LoadingIndicator {
|
8410
8440
|
constructor(hostRef) {
|
@@ -8416,7 +8446,7 @@ class LoadingIndicator {
|
|
8416
8446
|
};
|
8417
8447
|
this.getLabel = (labelIndex, setLabel) => {
|
8418
8448
|
return new Promise(() => {
|
8419
|
-
setInterval(() => {
|
8449
|
+
this.interval = setInterval(() => {
|
8420
8450
|
if (labelIndex < this.labelList.length - 1) {
|
8421
8451
|
labelIndex++;
|
8422
8452
|
}
|
@@ -8563,10 +8593,18 @@ class LoadingIndicator {
|
|
8563
8593
|
this.setLinearDeterminateWidth();
|
8564
8594
|
}
|
8565
8595
|
}
|
8596
|
+
disconnectedCallback() {
|
8597
|
+
clearInterval(this.interval);
|
8598
|
+
}
|
8566
8599
|
render() {
|
8567
|
-
const { appearance, label, description, size } = this;
|
8600
|
+
const { appearance, label, description, size, fullWidth, innerLabel } = this;
|
8568
8601
|
const { x, y, r } = this.setCircleXY();
|
8569
|
-
return (hAsync(Host, { class: {
|
8602
|
+
return (hAsync(Host, { class: {
|
8603
|
+
["light"]: appearance === IcThemeForegroundEnum.Light,
|
8604
|
+
["label"]: !!label,
|
8605
|
+
["full-width"]: fullWidth,
|
8606
|
+
["inner-label"]: !!innerLabel,
|
8607
|
+
} }, hAsync("div", { class: "ic-loading-container" }, hAsync("div", { ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: "progressbar", "aria-labelledby": this.label && this.size !== "icon" && "ic-loading-label", "aria-label": description, "aria-valuenow": this.progress, "aria-valuemin": this.min, "aria-valuemax": this.max }, hAsync("div", { ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&
|
8570
8608
|
this.innerLabel !== undefined &&
|
8571
8609
|
this.size === "small" && (hAsync("ic-typography", { variant: "subtitle-small", class: "inner-text" }, this.innerLabel)), this.type === "circular" && (hAsync("svg", { class: "ic-loading-circular-svg", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, hAsync("circle", { cx: `${x}`, cy: `${y}`, r: `${r}` }), hAsync("circle", { cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== "icon" && (hAsync("ic-typography", { id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", null, this.indicatorLabel))))));
|
8572
8610
|
}
|
@@ -10406,8 +10444,9 @@ var checkIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
|
|
10406
10444
|
</svg>
|
10407
10445
|
`;
|
10408
10446
|
|
10409
|
-
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){
|
10447
|
+
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){.open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}#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)}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-space-1px) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.open.sc-ic-menu-h{max-height:none;display:block}.open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:20.125rem}.full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:0.5rem 0.438rem;cursor:pointer;display:flex;align-items:center}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.small.sc-ic-menu-h .option.sc-ic-menu{padding:0.25rem 0.438rem}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-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-active)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:0.625rem;color:var(--ic-color-secondary-text)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:0.5rem;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:1.5rem 0.438rem 0.5rem;color:var(--ic-color-tertiary-text)}.small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:0.75rem 0.438rem 0.25rem}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-space-1px) solid var(--ic-architectural-400)}.disabled-option.sc-ic-menu{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-focus-blue) !important;color:var(--ic-color-white-text) !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}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}";
|
10410
10448
|
|
10449
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
10411
10450
|
class Menu {
|
10412
10451
|
constructor(hostRef) {
|
10413
10452
|
registerInstance(this, hostRef);
|
@@ -10416,6 +10455,15 @@ class Menu {
|
|
10416
10455
|
this.menuOptionId = createEvent(this, "menuOptionId", 7);
|
10417
10456
|
this.menuKeyPress = createEvent(this, "menuKeyPress", 7);
|
10418
10457
|
this.ungroupedOptionsSet = createEvent(this, "ungroupedOptionsSet", 7);
|
10458
|
+
this.retryButtonClicked = createEvent(this, "retryButtonClicked", 7);
|
10459
|
+
this.timeoutBlur = createEvent(this, "timeoutBlur", 7);
|
10460
|
+
this.ungroupedOptions = [];
|
10461
|
+
this.isSearchBar = false;
|
10462
|
+
this.isSearchableSelect = false;
|
10463
|
+
// Prevents menu re-opening immediately after it is closed on blur when clicking input.
|
10464
|
+
this.preventClickOpen = false;
|
10465
|
+
this.hasTimedOut = false;
|
10466
|
+
this.isLoading = false;
|
10419
10467
|
this.handleClearListener = () => {
|
10420
10468
|
this.optionHighlighted = "";
|
10421
10469
|
};
|
@@ -10423,10 +10471,6 @@ class Menu {
|
|
10423
10471
|
const highlightedOptionIndex = this.options.findIndex((option) => option.value === this.optionHighlighted);
|
10424
10472
|
this.setInputValue(highlightedOptionIndex);
|
10425
10473
|
};
|
10426
|
-
this.ungroupedOptions = [];
|
10427
|
-
// Prevents menu re-opening immediately after it is closed on blur when clicking input
|
10428
|
-
this.preventClickOpen = false;
|
10429
|
-
this.isSearchBar = false;
|
10430
10474
|
this.handleMenuChange = (open, focusInput) => {
|
10431
10475
|
if (!open)
|
10432
10476
|
this.popperInstance.destroy();
|
@@ -10464,18 +10508,31 @@ class Menu {
|
|
10464
10508
|
});
|
10465
10509
|
}
|
10466
10510
|
};
|
10511
|
+
this.getParentEl = (parent) => {
|
10512
|
+
if (parent.tagName === "IC-SEARCH-BAR") {
|
10513
|
+
this.isSearchBar = true;
|
10514
|
+
}
|
10515
|
+
else if (parent.tagName === "IC-SELECT" &&
|
10516
|
+
parent.getAttribute("searchable") !== null &&
|
10517
|
+
parent.getAttribute("searchable") !== undefined) {
|
10518
|
+
this.isSearchableSelect = true;
|
10519
|
+
}
|
10520
|
+
};
|
10467
10521
|
this.arrowBehaviour = (event) => {
|
10468
10522
|
event.preventDefault();
|
10469
10523
|
this.handleMenuChange(true);
|
10470
10524
|
};
|
10525
|
+
this.setMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;
|
10471
10526
|
this.setHighlightedOption = (highlightedIndex) => {
|
10472
|
-
|
10527
|
+
const menuOptions = this.setMenuOptions();
|
10528
|
+
menuOptions[highlightedIndex] &&
|
10529
|
+
!menuOptions[highlightedIndex].timedOut &&
|
10530
|
+
(this.optionHighlighted =
|
10531
|
+
menuOptions[highlightedIndex].value || undefined);
|
10473
10532
|
};
|
10474
10533
|
this.autoSetInputValueKeyboardOpen = (event) => {
|
10475
|
-
var _a;
|
10476
10534
|
const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option.value === this.value);
|
10477
10535
|
this.keyboardNav = false;
|
10478
|
-
const isSearchableSelect = ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.tagName) === "INPUT";
|
10479
10536
|
switch (event.key) {
|
10480
10537
|
case "ArrowDown":
|
10481
10538
|
this.keyboardNav = true;
|
@@ -10493,25 +10550,19 @@ class Menu {
|
|
10493
10550
|
this.handleMenuChange(true);
|
10494
10551
|
}
|
10495
10552
|
break;
|
10496
|
-
case "Backspace":
|
10497
|
-
if (isSearchableSelect) {
|
10498
|
-
this.inputEl.focus();
|
10499
|
-
}
|
10500
|
-
break;
|
10501
|
-
default:
|
10502
|
-
if (isSearchableSelect && event.key !== "Tab") {
|
10503
|
-
this.inputEl.focus();
|
10504
|
-
}
|
10505
|
-
break;
|
10506
10553
|
}
|
10507
10554
|
};
|
10508
10555
|
this.manSetInputValueKeyboardOpen = (event) => {
|
10509
|
-
|
10510
|
-
const
|
10556
|
+
var _a;
|
10557
|
+
const menuOptions = this.setMenuOptions();
|
10558
|
+
this.keyboardNav = false;
|
10559
|
+
const highlightedOptionIndex = menuOptions.findIndex((option) => option.value === this.optionHighlighted);
|
10560
|
+
const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll("li"))[index]) === null || _a === void 0 ? void 0 : _a.id; };
|
10511
10561
|
switch (event.key) {
|
10512
10562
|
case "ArrowDown":
|
10563
|
+
this.keyboardNav = true;
|
10513
10564
|
this.arrowBehaviour(event);
|
10514
|
-
if (highlightedOptionIndex <
|
10565
|
+
if (highlightedOptionIndex < menuOptions.length - 1) {
|
10515
10566
|
this.setHighlightedOption(highlightedOptionIndex + 1);
|
10516
10567
|
this.menuOptionId.emit({
|
10517
10568
|
optionId: getOptionId(highlightedOptionIndex + 1),
|
@@ -10527,12 +10578,13 @@ class Menu {
|
|
10527
10578
|
this.focusFromSearchKeypress = false;
|
10528
10579
|
break;
|
10529
10580
|
case "ArrowUp":
|
10581
|
+
this.keyboardNav = true;
|
10530
10582
|
this.arrowBehaviour(event);
|
10531
10583
|
if (highlightedOptionIndex <= 0 ||
|
10532
|
-
highlightedOptionIndex >
|
10533
|
-
this.setHighlightedOption(
|
10584
|
+
highlightedOptionIndex > menuOptions.length + 1) {
|
10585
|
+
this.setHighlightedOption(menuOptions.length - 1);
|
10534
10586
|
this.menuOptionId.emit({
|
10535
|
-
optionId: getOptionId(
|
10587
|
+
optionId: getOptionId(menuOptions.length - 1),
|
10536
10588
|
});
|
10537
10589
|
}
|
10538
10590
|
else {
|
@@ -10544,9 +10596,28 @@ class Menu {
|
|
10544
10596
|
this.preventIncorrectTabOrder = false;
|
10545
10597
|
this.focusFromSearchKeypress = false;
|
10546
10598
|
break;
|
10599
|
+
case "Home":
|
10600
|
+
this.keyboardNav = true;
|
10601
|
+
event.preventDefault();
|
10602
|
+
this.arrowBehaviour(event);
|
10603
|
+
this.setHighlightedOption(0);
|
10604
|
+
this.menuOptionId.emit({
|
10605
|
+
optionId: getOptionId(0),
|
10606
|
+
});
|
10607
|
+
break;
|
10608
|
+
case "End":
|
10609
|
+
this.keyboardNav = true;
|
10610
|
+
event.preventDefault();
|
10611
|
+
this.arrowBehaviour(event);
|
10612
|
+
this.setHighlightedOption(menuOptions.length - 1);
|
10613
|
+
this.menuOptionId.emit({
|
10614
|
+
optionId: getOptionId(menuOptions.length - 1),
|
10615
|
+
});
|
10616
|
+
break;
|
10547
10617
|
case "Enter":
|
10548
10618
|
event.preventDefault();
|
10549
10619
|
this.setInputValue(highlightedOptionIndex);
|
10620
|
+
this.value = (_a = menuOptions[highlightedOptionIndex]) === null || _a === void 0 ? void 0 : _a.value;
|
10550
10621
|
break;
|
10551
10622
|
case "Escape":
|
10552
10623
|
this.handleMenuChange(false);
|
@@ -10554,40 +10625,66 @@ class Menu {
|
|
10554
10625
|
break;
|
10555
10626
|
case "Shift":
|
10556
10627
|
case "Tab":
|
10628
|
+
if (this.isSearchBar) {
|
10629
|
+
this.keyboardNav = true;
|
10630
|
+
}
|
10557
10631
|
this.preventIncorrectTabOrder = true;
|
10558
10632
|
break;
|
10559
10633
|
case "Backspace":
|
10560
10634
|
if (this.isSearchBar) {
|
10561
10635
|
this.parentEl.setFocus();
|
10562
|
-
this.focusFromSearchKeypress = true;
|
10563
10636
|
this.setHighlightedOption(0);
|
10564
10637
|
}
|
10638
|
+
else if (this.isSearchableSelect) {
|
10639
|
+
this.parentEl.setFocus();
|
10640
|
+
this.value = null;
|
10641
|
+
}
|
10642
|
+
this.focusFromSearchKeypress = true;
|
10565
10643
|
break;
|
10566
10644
|
default:
|
10567
|
-
if (
|
10568
|
-
this.
|
10645
|
+
if (event.key !== "Tab") {
|
10646
|
+
if (this.isSearchBar) {
|
10647
|
+
this.parentEl.setFocus();
|
10648
|
+
this.setHighlightedOption(0);
|
10649
|
+
}
|
10650
|
+
else if (this.isSearchableSelect) {
|
10651
|
+
this.parentEl.setFocus();
|
10652
|
+
this.value = null;
|
10653
|
+
}
|
10569
10654
|
this.focusFromSearchKeypress = true;
|
10570
|
-
this.setHighlightedOption(0);
|
10571
10655
|
}
|
10572
10656
|
break;
|
10573
10657
|
}
|
10574
10658
|
};
|
10575
10659
|
this.setInputValue = (highlightedOptionIndex) => {
|
10576
10660
|
var _a;
|
10577
|
-
|
10661
|
+
const menuOptions = this.setMenuOptions();
|
10662
|
+
if (menuOptions[highlightedOptionIndex]) {
|
10578
10663
|
this.menuOptionSelect.emit({
|
10579
|
-
value: (_a =
|
10664
|
+
value: (_a = menuOptions[highlightedOptionIndex]) === null || _a === void 0 ? void 0 : _a.value,
|
10580
10665
|
});
|
10581
10666
|
this.optionHighlighted = undefined;
|
10582
10667
|
this.menuOptionId.emit({ optionId: undefined });
|
10583
10668
|
}
|
10584
|
-
this.
|
10669
|
+
if (!this.hasTimedOut)
|
10670
|
+
this.handleMenuChange(false);
|
10671
|
+
else
|
10672
|
+
this.parentEl.setFocus();
|
10585
10673
|
};
|
10586
10674
|
this.handleOptionClick = (event) => {
|
10587
10675
|
const { value, label } = event.target.dataset;
|
10588
10676
|
this.menuOptionSelect.emit({ value, label });
|
10589
10677
|
this.handleMenuChange(false);
|
10590
10678
|
};
|
10679
|
+
this.handleRetry = () => {
|
10680
|
+
this.retryButtonClicked.emit({ value: this.value });
|
10681
|
+
};
|
10682
|
+
this.handleRetryKeyDown = (ev) => {
|
10683
|
+
if (ev.key === "Enter" || ev.key === " ") {
|
10684
|
+
ev.preventDefault();
|
10685
|
+
this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });
|
10686
|
+
}
|
10687
|
+
};
|
10591
10688
|
this.handleBlur = (event) => {
|
10592
10689
|
if (event.relatedTarget !== this.inputEl) {
|
10593
10690
|
if (!this.menu.contains(event.relatedTarget)) {
|
@@ -10606,6 +10703,9 @@ class Menu {
|
|
10606
10703
|
if (this.activationType === "automatic") {
|
10607
10704
|
this.autoSetValueOnMenuKeyDown(event);
|
10608
10705
|
}
|
10706
|
+
else if (this.activationType === "manual" && this.isSearchableSelect) {
|
10707
|
+
this.manSetInputValueKeyboardOpen(event);
|
10708
|
+
}
|
10609
10709
|
};
|
10610
10710
|
this.emitMenuKeyPress = (isNavKey, key) => {
|
10611
10711
|
this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });
|
@@ -10616,15 +10716,22 @@ class Menu {
|
|
10616
10716
|
const isSearchableSelect = this.inputEl.tagName === "INPUT";
|
10617
10717
|
this.keyboardNav = false;
|
10618
10718
|
switch (event.key) {
|
10619
|
-
case "
|
10719
|
+
case " ":
|
10620
10720
|
event.preventDefault();
|
10621
|
-
|
10622
|
-
|
10721
|
+
break;
|
10722
|
+
case "ArrowUp":
|
10723
|
+
if (!this.hasTimedOut) {
|
10724
|
+
event.preventDefault();
|
10725
|
+
this.setPreviousOptionValue(selectedOptionIndex);
|
10726
|
+
this.keyboardNav = true;
|
10727
|
+
}
|
10623
10728
|
break;
|
10624
10729
|
case "ArrowDown":
|
10625
|
-
|
10626
|
-
|
10627
|
-
|
10730
|
+
if (!this.hasTimedOut) {
|
10731
|
+
event.preventDefault();
|
10732
|
+
this.setNextOptionValue(selectedOptionIndex);
|
10733
|
+
this.keyboardNav = true;
|
10734
|
+
}
|
10628
10735
|
break;
|
10629
10736
|
case "Home":
|
10630
10737
|
this.menuOptionSelect.emit({
|
@@ -10639,6 +10746,8 @@ class Menu {
|
|
10639
10746
|
this.keyboardNav = true;
|
10640
10747
|
break;
|
10641
10748
|
case "Enter":
|
10749
|
+
!this.hasTimedOut && this.handleMenuChange(false);
|
10750
|
+
break;
|
10642
10751
|
case "Escape":
|
10643
10752
|
this.handleMenuChange(false);
|
10644
10753
|
break;
|
@@ -10650,7 +10759,7 @@ class Menu {
|
|
10650
10759
|
case "Shift":
|
10651
10760
|
break;
|
10652
10761
|
default:
|
10653
|
-
if (isSearchableSelect && event.key !== "Tab") {
|
10762
|
+
if (isSearchableSelect && event.key !== "Tab" && !this.hasTimedOut) {
|
10654
10763
|
this.inputEl.focus();
|
10655
10764
|
}
|
10656
10765
|
if (event.key.length === 1) {
|
@@ -10722,24 +10831,35 @@ class Menu {
|
|
10722
10831
|
this.menu.classList.add("menu-scroll");
|
10723
10832
|
}
|
10724
10833
|
};
|
10834
|
+
this.handleTimeoutBlur = (ev) => {
|
10835
|
+
this.timeoutBlur.emit({ ev });
|
10836
|
+
};
|
10837
|
+
this.optionContent = (option) => {
|
10838
|
+
var _a;
|
10839
|
+
return (hAsync(Fragment, null, option.loading && hAsync("ic-loading-indicator", { size: "icon" }), hAsync("div", { class: "option-text-container" }, hAsync("ic-typography", { variant: "body", "aria-hidden": "true" }, hAsync("p", null, option.label)), option.description && (hAsync("ic-typography", { id: `${this.getOptionId(option === null || option === void 0 ? void 0 : option.value)}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, hAsync("p", null, option.description)))), !!option.value &&
|
10840
|
+
!!this.value &&
|
10841
|
+
(option === null || option === void 0 ? void 0 : option.value.toLowerCase()) === ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) &&
|
10842
|
+
this.parentEl.tagName !== "IC-SEARCH-BAR" && (hAsync("span", { class: "check-icon", innerHTML: checkIcon }))));
|
10843
|
+
};
|
10725
10844
|
this.displayOption = (option, index, parentOption) => {
|
10726
|
-
const { open, value } = this;
|
10845
|
+
const { open, value, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
|
10727
10846
|
return (hAsync("li", { id: this.getOptionId(option.value), class: {
|
10728
10847
|
option: true,
|
10729
|
-
"focused-option":
|
10730
|
-
? (
|
10731
|
-
option.value ===
|
10732
|
-
:
|
10848
|
+
"focused-option": isManualMode
|
10849
|
+
? (keyboardNav || initialOptionsListRender) &&
|
10850
|
+
option.value === optionHighlighted
|
10851
|
+
: keyboardNav && option.value === value,
|
10733
10852
|
"last-recommended-option": option.recommended &&
|
10734
|
-
|
10735
|
-
!
|
10853
|
+
options[index + 1] &&
|
10854
|
+
!options[index + 1].recommended,
|
10736
10855
|
"disabled-option": option.disabled,
|
10856
|
+
"loading-option": option.loading,
|
10857
|
+
timeout: option.timedOut,
|
10737
10858
|
}, role: "option", tabindex: open &&
|
10738
|
-
(option.value === value || option.value ===
|
10739
|
-
|
10859
|
+
(option.value === value || option.value === optionHighlighted) &&
|
10860
|
+
keyboardNav
|
10740
10861
|
? "0"
|
10741
|
-
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option.value === value, "aria-disabled": option.disabled ? "true" : "false", onClick: this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option.value, "data-label": option.label }, hAsync("div", { class: "
|
10742
|
-
this.parentEl.tagName !== "IC-SEARCH-BAR" && (hAsync("span", { class: "check-icon", innerHTML: checkIcon }))));
|
10862
|
+
: "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option.value === value, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option.value, "data-label": option.label }, 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("path", { d: "M0 0h24v24H0z", fill: "none" }), hAsync("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })), hAsync("ic-typography", { variant: "label" }, option.label)), hAsync("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
|
10743
10863
|
};
|
10744
10864
|
this.open = undefined;
|
10745
10865
|
this.options = undefined;
|
@@ -10759,7 +10879,9 @@ class Menu {
|
|
10759
10879
|
this.initialOptionsListRender = false;
|
10760
10880
|
this.preventIncorrectTabOrder = false;
|
10761
10881
|
}
|
10762
|
-
watchOptionsHandler() {
|
10882
|
+
watchOptionsHandler(newOptions) {
|
10883
|
+
this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
|
10884
|
+
this.isLoading = newOptions.some((opt) => opt.loading);
|
10763
10885
|
this.ungroupedOptions = [];
|
10764
10886
|
this.loadUngroupedOptions();
|
10765
10887
|
}
|
@@ -10784,7 +10906,6 @@ class Menu {
|
|
10784
10906
|
this.autoSetInputValueKeyboardOpen(event);
|
10785
10907
|
}
|
10786
10908
|
else {
|
10787
|
-
this.keyboardNav = true;
|
10788
10909
|
this.manSetInputValueKeyboardOpen(event);
|
10789
10910
|
}
|
10790
10911
|
}
|
@@ -10795,17 +10916,18 @@ class Menu {
|
|
10795
10916
|
this.setHighlightedOption(0);
|
10796
10917
|
}
|
10797
10918
|
connectedCallback() {
|
10798
|
-
|
10799
|
-
if (
|
10919
|
+
this.getParentEl(this.parentEl);
|
10920
|
+
if (this.isSearchBar) {
|
10800
10921
|
this.setHighlightedOption(0);
|
10801
10922
|
this.initialOptionsListRender = true;
|
10802
10923
|
}
|
10803
10924
|
}
|
10804
10925
|
componentWillLoad() {
|
10805
10926
|
this.loadUngroupedOptions();
|
10806
|
-
this.isSearchBar = this.parentEl.tagName === "IC-SEARCH-BAR";
|
10807
10927
|
this.parentEl.addEventListener("icClear", this.handleClearListener);
|
10808
10928
|
this.parentEl.addEventListener("icSubmitSearch", this.handleSubmitSearch);
|
10929
|
+
this.hasTimedOut = this.options.some((opt) => opt.timedOut);
|
10930
|
+
this.isLoading = this.options.some((opt) => opt.loading);
|
10809
10931
|
}
|
10810
10932
|
componentDidLoad() {
|
10811
10933
|
if (this.isSearchBar &&
|
@@ -10854,7 +10976,8 @@ class Menu {
|
|
10854
10976
|
if (this.value &&
|
10855
10977
|
this.keyboardNav &&
|
10856
10978
|
inputValueInOptions &&
|
10857
|
-
this.autoFocusOnSelected
|
10979
|
+
this.autoFocusOnSelected &&
|
10980
|
+
!this.isSearchableSelect) {
|
10858
10981
|
this.scrollToSelected(this.menu);
|
10859
10982
|
}
|
10860
10983
|
else if (this.inputEl.tagName !== "IC-TEXT-FIELD" &&
|
@@ -10876,14 +10999,13 @@ class Menu {
|
|
10876
10999
|
this.parentEl.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
|
10877
11000
|
}
|
10878
11001
|
render() {
|
10879
|
-
|
10880
|
-
const { inputLabel, options, menuId, value, fullWidth } = this;
|
11002
|
+
const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, small, open, inputEl, keyboardNav, } = this;
|
10881
11003
|
return (hAsync(Host, { class: {
|
10882
11004
|
"full-width": fullWidth,
|
10883
|
-
"no-focus": (
|
10884
|
-
|
10885
|
-
|
10886
|
-
|
11005
|
+
"no-focus": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" || hasTimedOut || isLoading,
|
11006
|
+
small: small,
|
11007
|
+
open: open,
|
11008
|
+
} }, options.length !== 0 && (hAsync("ul", { id: menuId, class: "menu", role: "listbox", "aria-label": inputLabel, "aria-activedescendant": value != null && value !== "" ? this.getOptionId(value) : "", 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) => {
|
10887
11009
|
if (option.children) {
|
10888
11010
|
if (option.children.length > 0) {
|
10889
11011
|
return (hAsync("div", null, hAsync("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, hAsync("p", null, option.label)), option.children.map((childOption) => this.displayOption(childOption, index, option))));
|
@@ -10958,7 +11080,7 @@ class MenuGroup {
|
|
10958
11080
|
}; }
|
10959
11081
|
}
|
10960
11082
|
|
10961
|
-
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::part(button){color:var(--ic-color-primary-text);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(.disabled)::part(button)*/.disabled.sc-ic-menu-item-h::part(button){color:var(--ic-architectural-200) !important;pointer-events:none}/*!@:host(.disabled) .menu-item-label,\n:host(.disabled) .shortcut,\n:host(.disabled) .menu-item-description*/.disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{color:var(--ic-architectural-200) !important}/*!@:host([variant=\"destructive\"])::part(button)*/[variant=\"destructive\"].sc-ic-menu-item-h::part(button){color:var(--ic-action-destructive)}/*!@:host::part(button):hover*/.sc-ic-menu-item-h::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::part(button):focus-visible,.sc-ic-menu-item-h::part(button):focus{color:var(--ic-color-white-text);background-color:var(--ic-focus-blue);box-shadow:none}/*!@:host(.disabled)::part(button):focus-visible,\n:host(.disabled)::part(button):focus*/.disabled.sc-ic-menu-item-h::part(button):focus-visible,.disabled.sc-ic-menu-item-h::part(button):focus{color:var(--ic-theme-lighten-40) !important}/*!@:host(.disabled) .menu-item-label,\n:host(.disabled) .shortcut,\n:host(.disabled) .menu-item-description*/.disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{color:var(--ic-architectural-200) !important}/*!@:host([variant=\"destructive\"])::part(button):focus-visible,\n:host([variant=\"destructive\"])::part(button):focus*/[variant=\"destructive\"].sc-ic-menu-item-h::part(button):focus-visible,[variant=\"destructive\"].sc-ic-menu-item-h::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{color:var(--ic-color-white-text)}/*!@:host(.disabled) ic-button:focus-within .focus-border*/.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(.disabled) ic-button:focus-within .menu-item-label,\n:host(.disabled) ic-button:focus-within .shortcut,\n:host(.disabled) ic-button:focus-within .menu-item-description*/.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{color:var(--ic-theme-lighten-40) !important}/*!@:host::part(button):active*/.sc-ic-menu-item-h::part(button):active{background-color:var(--ic-action-dark-bg-active);color:var(--ic-color-primary-text) !important}/*!@:host([variant=\"destructive\"])::part(button):active*/[variant=\"destructive\"].sc-ic-menu-item-h::part(button):active{background-color:var(--ic-action-dark-bg-active);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{color:var(--ic-color-secondary-text)}/*!@.shortcut*/.shortcut.sc-ic-menu-item{color:var(--ic-color-tertiary-text);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{color:var(--ic-color-primary-text)}/*!@ic-button:active .menu-item-description*/ic-button.sc-ic-menu-item:active .menu-item-description.sc-ic-menu-item{color:var(--ic-color-secondary-text)}/*!@ic-button:active .shortcut*/ic-button.sc-ic-menu-item:active .shortcut.sc-ic-menu-item{color:var(--ic-color-tertiary-text)}/*!@: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{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,.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::part(button){border:Canvas}/*!@:host::part(button):focus-visible*/.sc-ic-menu-item-h::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}/*!@.focus-border*/.focus-border.sc-ic-menu-item{border-color:Canvas}/*!@:host(.disabled) ic-button:focus-within .focus-border*/.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:GrayText}/*!@:host(.disabled) .menu-item-info,\n :host(.disabled) .menu-item-label,\n :host(.disabled) .shortcut,\n :host(.disabled) .menu-item-description,\n :host(.disabled) ic-button:focus-within .menu-item-info,\n :host(.disabled) ic-button:focus-within .menu-item-label,\n :host(.disabled) ic-button:focus-within .shortcut,\n :host(.disabled) ic-button:focus-within .menu-item-description*/.disabled.sc-ic-menu-item-h .menu-item-info.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-info.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{color:GrayText !important}/*!@:host(.disabled)::part(button):focus-visible,\n :host(.disabled)::part(button):focus*/.disabled.sc-ic-menu-item-h::part(button):focus-visible,.disabled.sc-ic-menu-item-h::part(button):focus{outline-color:GrayText !important}}";
|
11083
|
+
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::part(button){color:var(--ic-color-primary-text);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(.disabled)::part(button)*/.disabled.sc-ic-menu-item-h::part(button){color:var(--ic-architectural-200) !important;pointer-events:none}/*!@:host(.disabled) .menu-item-label,\n:host(.disabled) .shortcut,\n:host(.disabled) .menu-item-description*/.disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item{color:var(--ic-architectural-200) !important}/*!@:host([variant=\"destructive\"])::part(button)*/[variant=\"destructive\"].sc-ic-menu-item-h::part(button){color:var(--ic-action-destructive)}/*!@:host::part(button):hover*/.sc-ic-menu-item-h::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::part(button):focus-visible,.sc-ic-menu-item-h::part(button):focus{color:var(--ic-color-white-text);background-color:var(--ic-focus-blue);box-shadow:none}/*!@:host(.disabled)::part(button):focus-visible,\n:host(.disabled)::part(button):focus*/.disabled.sc-ic-menu-item-h::part(button):focus-visible,.disabled.sc-ic-menu-item-h::part(button):focus{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::part(button):focus-visible,[variant=\"destructive\"].sc-ic-menu-item-h::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{color:var(--ic-color-white-text)}/*!@:host(.disabled) ic-button:focus-within .focus-border*/.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(.disabled) ic-button:focus-within .menu-item-label,\n:host(.disabled) ic-button:focus-within .shortcut,\n:host(.disabled) ic-button:focus-within .menu-item-description*/.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{color:var(--ic-theme-lighten-40) !important}/*!@:host::part(button):active*/.sc-ic-menu-item-h::part(button):active{background-color:var(--ic-action-dark-bg-active);color:var(--ic-color-primary-text) !important}/*!@:host([variant=\"destructive\"])::part(button):active*/[variant=\"destructive\"].sc-ic-menu-item-h::part(button):active{background-color:var(--ic-action-dark-bg-active);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{color:var(--ic-color-secondary-text)}/*!@.shortcut*/.shortcut.sc-ic-menu-item{color:var(--ic-color-tertiary-text);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{color:var(--ic-color-primary-text)}/*!@ic-button:active .menu-item-description*/ic-button.sc-ic-menu-item:active .menu-item-description.sc-ic-menu-item{color:var(--ic-color-secondary-text)}/*!@ic-button:active .shortcut*/ic-button.sc-ic-menu-item:active .shortcut.sc-ic-menu-item{color:var(--ic-color-tertiary-text)}/*!@: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{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,.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::part(button){border:Canvas}/*!@:host::part(button):focus-visible*/.sc-ic-menu-item-h::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}/*!@.focus-border*/.focus-border.sc-ic-menu-item{border-color:Canvas}/*!@:host(.disabled) ic-button:focus-within .focus-border*/.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .focus-border.sc-ic-menu-item{border-color:GrayText}/*!@:host(.disabled) .menu-item-info,\n :host(.disabled) .menu-item-label,\n :host(.disabled) .shortcut,\n :host(.disabled) .menu-item-description,\n :host(.disabled) ic-button:focus-within .menu-item-info,\n :host(.disabled) ic-button:focus-within .menu-item-label,\n :host(.disabled) ic-button:focus-within .shortcut,\n :host(.disabled) ic-button:focus-within .menu-item-description*/.disabled.sc-ic-menu-item-h .menu-item-info.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h .menu-item-description.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-info.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-label.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .shortcut.sc-ic-menu-item,.disabled.sc-ic-menu-item-h ic-button.sc-ic-menu-item:focus-within .menu-item-description.sc-ic-menu-item{color:GrayText !important}/*!@:host(.disabled)::part(button):focus-visible,\n :host(.disabled)::part(button):focus*/.disabled.sc-ic-menu-item-h::part(button):focus-visible,.disabled.sc-ic-menu-item-h::part(button):focus{outline-color:GrayText !important}}";
|
10962
11084
|
|
10963
11085
|
/**
|
10964
11086
|
* @slot icon - Content will be placed to the left of the menu item label.
|
@@ -11089,7 +11211,7 @@ class MenuItem {
|
|
11089
11211
|
}; }
|
11090
11212
|
}
|
11091
11213
|
|
11092
|
-
const icNavigationButtonCss = "/*!@html*/html.sc-ic-navigation-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-button{margin:0}/*!@main*/main.sc-ic-navigation-button{display:block}/*!@h1*/h1.sc-ic-navigation-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-button,strong.sc-ic-navigation-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-button,kbd.sc-ic-navigation-button,samp.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-button,sup.sc-ic-navigation-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-button{top:-0.5em}/*!@img*/img.sc-ic-navigation-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-button,input.sc-ic-navigation-button,optgroup.sc-ic-navigation-button,select.sc-ic-navigation-button,textarea.sc-ic-navigation-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-button,input.sc-ic-navigation-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-button,select.sc-ic-navigation-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-button,[type=\"button\"].sc-ic-navigation-button,[type=\"reset\"].sc-ic-navigation-button,[type=\"submit\"].sc-ic-navigation-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-button::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-button:-moz-focusring,[type=\"button\"].sc-ic-navigation-button:-moz-focusring,[type=\"reset\"].sc-ic-navigation-button:-moz-focusring,[type=\"submit\"].sc-ic-navigation-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-button,[type=\"radio\"].sc-ic-navigation-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-button{display:block}/*!@summary*/summary.sc-ic-navigation-button{display:list-item}/*!@template*/template.sc-ic-navigation-button{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-button,body.sc-ic-navigation-button,div.sc-ic-navigation-button,span.sc-ic-navigation-button,applet.sc-ic-navigation-button,object.sc-ic-navigation-button,iframe.sc-ic-navigation-button,h1.sc-ic-navigation-button,h2.sc-ic-navigation-button,h3.sc-ic-navigation-button,h4.sc-ic-navigation-button,h5.sc-ic-navigation-button,h6.sc-ic-navigation-button,p.sc-ic-navigation-button,blockquote.sc-ic-navigation-button,pre.sc-ic-navigation-button,a.sc-ic-navigation-button,abbr.sc-ic-navigation-button,acronym.sc-ic-navigation-button,address.sc-ic-navigation-button,big.sc-ic-navigation-button,cite.sc-ic-navigation-button,code.sc-ic-navigation-button,del.sc-ic-navigation-button,dfn.sc-ic-navigation-button,em.sc-ic-navigation-button,img.sc-ic-navigation-button,ins.sc-ic-navigation-button,kbd.sc-ic-navigation-button,q.sc-ic-navigation-button,s.sc-ic-navigation-button,samp.sc-ic-navigation-button,small.sc-ic-navigation-button,strike.sc-ic-navigation-button,strong.sc-ic-navigation-button,sub.sc-ic-navigation-button,sup.sc-ic-navigation-button,tt.sc-ic-navigation-button,var.sc-ic-navigation-button,b.sc-ic-navigation-button,u.sc-ic-navigation-button,i.sc-ic-navigation-button,center.sc-ic-navigation-button,dl.sc-ic-navigation-button,dt.sc-ic-navigation-button,dd.sc-ic-navigation-button,ol.sc-ic-navigation-button,ul.sc-ic-navigation-button,li.sc-ic-navigation-button,fieldset.sc-ic-navigation-button,form.sc-ic-navigation-button,label.sc-ic-navigation-button,legend.sc-ic-navigation-button,table.sc-ic-navigation-button,caption.sc-ic-navigation-button,tbody.sc-ic-navigation-button,tfoot.sc-ic-navigation-button,thead.sc-ic-navigation-button,tr.sc-ic-navigation-button,th.sc-ic-navigation-button,td.sc-ic-navigation-button,article.sc-ic-navigation-button,aside.sc-ic-navigation-button,canvas.sc-ic-navigation-button,details.sc-ic-navigation-button,embed.sc-ic-navigation-button,figure.sc-ic-navigation-button,figcaption.sc-ic-navigation-button,footer.sc-ic-navigation-button,header.sc-ic-navigation-button,hgroup.sc-ic-navigation-button,menu.sc-ic-navigation-button,nav.sc-ic-navigation-button,output.sc-ic-navigation-button,ruby.sc-ic-navigation-button,section.sc-ic-navigation-button,summary.sc-ic-navigation-button,time.sc-ic-navigation-button,mark.sc-ic-navigation-button,audio.sc-ic-navigation-button,video.sc-ic-navigation-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-button-h{display:block;margin-right:var(--ic-space-xs);list-style:none}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-button-h{margin-right:0}";
|
11214
|
+
const icNavigationButtonCss = "/*!@html*/html.sc-ic-navigation-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-button{margin:0}/*!@main*/main.sc-ic-navigation-button{display:block}/*!@h1*/h1.sc-ic-navigation-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-button,strong.sc-ic-navigation-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-button,kbd.sc-ic-navigation-button,samp.sc-ic-navigation-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-button,sup.sc-ic-navigation-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-button{top:-0.5em}/*!@img*/img.sc-ic-navigation-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-button,input.sc-ic-navigation-button,optgroup.sc-ic-navigation-button,select.sc-ic-navigation-button,textarea.sc-ic-navigation-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-button,input.sc-ic-navigation-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-button,select.sc-ic-navigation-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-button,[type=\"button\"].sc-ic-navigation-button,[type=\"reset\"].sc-ic-navigation-button,[type=\"submit\"].sc-ic-navigation-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-button::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-button::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-button:-moz-focusring,[type=\"button\"].sc-ic-navigation-button:-moz-focusring,[type=\"reset\"].sc-ic-navigation-button:-moz-focusring,[type=\"submit\"].sc-ic-navigation-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-button,[type=\"radio\"].sc-ic-navigation-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-button{display:block}/*!@summary*/summary.sc-ic-navigation-button{display:list-item}/*!@template*/template.sc-ic-navigation-button{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-button,body.sc-ic-navigation-button,div.sc-ic-navigation-button,span.sc-ic-navigation-button,applet.sc-ic-navigation-button,object.sc-ic-navigation-button,iframe.sc-ic-navigation-button,h1.sc-ic-navigation-button,h2.sc-ic-navigation-button,h3.sc-ic-navigation-button,h4.sc-ic-navigation-button,h5.sc-ic-navigation-button,h6.sc-ic-navigation-button,p.sc-ic-navigation-button,blockquote.sc-ic-navigation-button,pre.sc-ic-navigation-button,a.sc-ic-navigation-button,abbr.sc-ic-navigation-button,acronym.sc-ic-navigation-button,address.sc-ic-navigation-button,big.sc-ic-navigation-button,cite.sc-ic-navigation-button,code.sc-ic-navigation-button,del.sc-ic-navigation-button,dfn.sc-ic-navigation-button,em.sc-ic-navigation-button,img.sc-ic-navigation-button,ins.sc-ic-navigation-button,kbd.sc-ic-navigation-button,q.sc-ic-navigation-button,s.sc-ic-navigation-button,samp.sc-ic-navigation-button,small.sc-ic-navigation-button,strike.sc-ic-navigation-button,strong.sc-ic-navigation-button,sub.sc-ic-navigation-button,sup.sc-ic-navigation-button,tt.sc-ic-navigation-button,var.sc-ic-navigation-button,b.sc-ic-navigation-button,u.sc-ic-navigation-button,i.sc-ic-navigation-button,center.sc-ic-navigation-button,dl.sc-ic-navigation-button,dt.sc-ic-navigation-button,dd.sc-ic-navigation-button,ol.sc-ic-navigation-button,ul.sc-ic-navigation-button,li.sc-ic-navigation-button,fieldset.sc-ic-navigation-button,form.sc-ic-navigation-button,label.sc-ic-navigation-button,legend.sc-ic-navigation-button,table.sc-ic-navigation-button,caption.sc-ic-navigation-button,tbody.sc-ic-navigation-button,tfoot.sc-ic-navigation-button,thead.sc-ic-navigation-button,tr.sc-ic-navigation-button,th.sc-ic-navigation-button,td.sc-ic-navigation-button,article.sc-ic-navigation-button,aside.sc-ic-navigation-button,canvas.sc-ic-navigation-button,details.sc-ic-navigation-button,embed.sc-ic-navigation-button,figure.sc-ic-navigation-button,figcaption.sc-ic-navigation-button,footer.sc-ic-navigation-button,header.sc-ic-navigation-button,hgroup.sc-ic-navigation-button,menu.sc-ic-navigation-button,nav.sc-ic-navigation-button,output.sc-ic-navigation-button,ruby.sc-ic-navigation-button,section.sc-ic-navigation-button,summary.sc-ic-navigation-button,time.sc-ic-navigation-button,mark.sc-ic-navigation-button,audio.sc-ic-navigation-button,video.sc-ic-navigation-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-button-h{display:block;margin-right:var(--ic-space-xs);list-style:none}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-button-h{margin-right:0}/*!@:host::part(button)*/.sc-ic-navigation-button-h::part(button){height:100%}";
|
11093
11215
|
|
11094
11216
|
/**
|
11095
11217
|
* @slot icon - Content will be placed to the left of the button label.
|
@@ -11188,7 +11310,7 @@ class NavigationButton {
|
|
11188
11310
|
}; }
|
11189
11311
|
}
|
11190
11312
|
|
11191
|
-
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}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:0.063rem 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}/*!@: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-primary-text);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-active);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:0.063rem solid var(--ic-architectural-300);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(.expanded) .grouped-links-wrapper*/.expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.collapsed) .grouped-links-wrapper*/.collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, 0);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.navigation-group-side-nav) .navigation-group*/.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(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.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(.navigation-group-side-nav) .navigation-group:focus*/.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(.navigation-group-side-nav) .ic-typography-caption*/.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}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-navigation-group{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-navigation-group{visibility:hidden}";
|
11313
|
+
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}/*!@:host(.in-side-menu)*/.in-side-menu.sc-ic-navigation-group-h{border-bottom:var(--ic-space-1px) 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}/*!@: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-primary-text);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-active);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-space-1px) solid var(--ic-architectural-300);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(.expanded) .grouped-links-wrapper*/.expanded.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, auto);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.collapsed) .grouped-links-wrapper*/.collapsed.sc-ic-navigation-group-h .grouped-links-wrapper.sc-ic-navigation-group{height:var(--navigation-child-items-height, 0);transition:var(--ic-easing-transition-slow);overflow:hidden}/*!@:host(.navigation-group-side-nav) .navigation-group*/.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(.navigation-group-side-nav) .navigation-group:hover,\n:host(.navigation-group-side-nav) .navigation-group:active,\n:host(.navigation-group-side-nav) .selected*/.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:hover,.navigation-group-side-nav.sc-ic-navigation-group-h .navigation-group.sc-ic-navigation-group:active,.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(.navigation-group-side-nav) .navigation-group:focus*/.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(.navigation-group-side-nav) .ic-typography-caption*/.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}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-navigation-group{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-navigation-group{visibility:hidden}";
|
11192
11314
|
|
11193
11315
|
class NavigationGroup {
|
11194
11316
|
constructor(hostRef) {
|
@@ -11437,7 +11559,7 @@ class NavigationGroup {
|
|
11437
11559
|
}; }
|
11438
11560
|
}
|
11439
11561
|
|
11440
|
-
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@:host([expandable].navigation-item) .link,\n:host([expandable].navigation-item) ::slotted(a)*/[expandable].navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h[expandable].navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu))\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected))\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{height:2.5rem;width:100%;box-sizing:border-box;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;padding-right:var(--ic-space-lg);width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-action-dark-bg-active) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:2.5rem;margin-top:0.25rem;margin-right:0.313rem;background-color:var(--ic-action-default);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height);width:var(--navigation-item-width);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;top:0;right:0;left:0.313rem;border-radius:0.688rem !important;bottom:0;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link,\n:host(.navigation-item-page-header) ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active{box-shadow:inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-active) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus),\n inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-primary-text)}";
|
11562
|
+
const icNavigationItemCss = "/*!@html*/html.sc-ic-navigation-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-navigation-item{margin:0}/*!@main*/main.sc-ic-navigation-item{display:block}/*!@h1*/h1.sc-ic-navigation-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-navigation-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-navigation-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-navigation-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-navigation-item,strong.sc-ic-navigation-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-navigation-item,kbd.sc-ic-navigation-item,samp.sc-ic-navigation-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-navigation-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-navigation-item,sup.sc-ic-navigation-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-navigation-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-navigation-item{top:-0.5em}/*!@img*/img.sc-ic-navigation-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-navigation-item,input.sc-ic-navigation-item,optgroup.sc-ic-navigation-item,select.sc-ic-navigation-item,textarea.sc-ic-navigation-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-navigation-item,input.sc-ic-navigation-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-navigation-item,select.sc-ic-navigation-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-navigation-item,[type=\"button\"].sc-ic-navigation-item,[type=\"reset\"].sc-ic-navigation-item,[type=\"submit\"].sc-ic-navigation-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-navigation-item::-moz-focus-inner,[type=\"button\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"reset\"].sc-ic-navigation-item::-moz-focus-inner,[type=\"submit\"].sc-ic-navigation-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-navigation-item:-moz-focusring,[type=\"button\"].sc-ic-navigation-item:-moz-focusring,[type=\"reset\"].sc-ic-navigation-item:-moz-focusring,[type=\"submit\"].sc-ic-navigation-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-navigation-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-navigation-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-navigation-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-navigation-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-navigation-item,[type=\"radio\"].sc-ic-navigation-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-navigation-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-navigation-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-navigation-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-navigation-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-navigation-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-navigation-item{display:block}/*!@summary*/summary.sc-ic-navigation-item{display:list-item}/*!@template*/template.sc-ic-navigation-item{display:none}/*!@[hidden]*/[hidden].sc-ic-navigation-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-navigation-item,body.sc-ic-navigation-item,div.sc-ic-navigation-item,span.sc-ic-navigation-item,applet.sc-ic-navigation-item,object.sc-ic-navigation-item,iframe.sc-ic-navigation-item,h1.sc-ic-navigation-item,h2.sc-ic-navigation-item,h3.sc-ic-navigation-item,h4.sc-ic-navigation-item,h5.sc-ic-navigation-item,h6.sc-ic-navigation-item,p.sc-ic-navigation-item,blockquote.sc-ic-navigation-item,pre.sc-ic-navigation-item,a.sc-ic-navigation-item,abbr.sc-ic-navigation-item,acronym.sc-ic-navigation-item,address.sc-ic-navigation-item,big.sc-ic-navigation-item,cite.sc-ic-navigation-item,code.sc-ic-navigation-item,del.sc-ic-navigation-item,dfn.sc-ic-navigation-item,em.sc-ic-navigation-item,img.sc-ic-navigation-item,ins.sc-ic-navigation-item,kbd.sc-ic-navigation-item,q.sc-ic-navigation-item,s.sc-ic-navigation-item,samp.sc-ic-navigation-item,small.sc-ic-navigation-item,strike.sc-ic-navigation-item,strong.sc-ic-navigation-item,sub.sc-ic-navigation-item,sup.sc-ic-navigation-item,tt.sc-ic-navigation-item,var.sc-ic-navigation-item,b.sc-ic-navigation-item,u.sc-ic-navigation-item,i.sc-ic-navigation-item,center.sc-ic-navigation-item,dl.sc-ic-navigation-item,dt.sc-ic-navigation-item,dd.sc-ic-navigation-item,ol.sc-ic-navigation-item,ul.sc-ic-navigation-item,li.sc-ic-navigation-item,fieldset.sc-ic-navigation-item,form.sc-ic-navigation-item,label.sc-ic-navigation-item,legend.sc-ic-navigation-item,table.sc-ic-navigation-item,caption.sc-ic-navigation-item,tbody.sc-ic-navigation-item,tfoot.sc-ic-navigation-item,thead.sc-ic-navigation-item,tr.sc-ic-navigation-item,th.sc-ic-navigation-item,td.sc-ic-navigation-item,article.sc-ic-navigation-item,aside.sc-ic-navigation-item,canvas.sc-ic-navigation-item,details.sc-ic-navigation-item,embed.sc-ic-navigation-item,figure.sc-ic-navigation-item,figcaption.sc-ic-navigation-item,footer.sc-ic-navigation-item,header.sc-ic-navigation-item,hgroup.sc-ic-navigation-item,menu.sc-ic-navigation-item,nav.sc-ic-navigation-item,output.sc-ic-navigation-item,ruby.sc-ic-navigation-item,section.sc-ic-navigation-item,summary.sc-ic-navigation-item,time.sc-ic-navigation-item,mark.sc-ic-navigation-item,audio.sc-ic-navigation-item,video.sc-ic-navigation-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-navigation-item-h{display:block}/*!@:host(:focus-within)*/.sc-ic-navigation-item-h:focus-within{z-index:var(--ic-z-index-navigation-item)}/*!@svg*/svg.sc-ic-navigation-item{width:var(--ic-space-xl);fill:var(--ic-theme-text)}/*!@.svg*/.svg.sc-ic-navigation-item{margin-left:auto}/*!@:host(.expandable.navigation-item) .link,\n:host(.expandable.navigation-item) ::slotted(a)*/.expandable.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.expandable.navigation-item .sc-ic-navigation-item-s>a{padding-right:0}/*!@:host(.navigation-item) .link,\n:host(.navigation-item) ::slotted(a)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--ic-theme-text);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}/*!@:host(.navigation-item) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a{height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}/*!@:host(.navigation-item-selected) .link::after,\n:host(.navigation-item-selected) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav) ::slotted(a.active)::after*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-selected .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav .sc-ic-navigation-item-s>a.active::after{content:\"\";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-theme-text)}/*!@:host(.navigation-item-selected.navigation-item-page-header)\n ::slotted(a.active)::after,\n:host(.navigation-item-selected.navigation-item-page-header) .link::after,\n:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,\n:host(.navigation-item-top-nav-child) ::slotted(a.active)::after*/.sc-ic-navigation-item-h.navigation-item-selected.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.navigation-item-selected.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item.navigation-item-page-header .sc-ic-navigation-item-s>a.active::after,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::after{content:none}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{box-shadow:none}/*!@:host(.navigation-item) .link:hover:not(:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover);cursor:pointer}/*!@:host(.navigation-item:not(.navigation-item-page-header, .navigation-item-side-menu))\n ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item:not(.navigation-item-page-header .sc-ic-navigation-item-s>a:hover:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu) .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item:not(.navigation-item-top-nav-child, .navigation-item-side-menu, .navigation-item-top-nav-child-selected\n .navigation-item-side-menu-selected))\n .focus-indicator:focus-within*/.navigation-item.sc-ic-navigation-item-h:not(.navigation-item-top-nav-child .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .navigation-item-side-menu-selected).sc-ic-navigation-item .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.navigation-item) .link:focus,\n:host(.navigation-item) ::slotted(a:focus)*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected) .link:focus,\n:host(.navigation-item) ::slotted(a.active:focus)*/.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item-selected.dark) .link:focus,\n:host(.navigation-item.dark) ::slotted(a.active:focus)*/.navigation-item-selected.dark.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item.dark .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}/*!@:host(.navigation-item) .link:active:not(:focus),\n:host(.navigation-item) ::slotted(a:active:not(:focus))*/.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host(.navigation-item-side-menu) .link,\n:host(.navigation-item-side-menu) ::slotted(a)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{height:2.5rem;width:100%;box-sizing:border-box;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-side-menu) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n background-color var(--ic-easing-transition-fast)}/*!@:host(.navigation-item-side-menu) .link:hover:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus))*/.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-side-menu) .focus-indicator:focus-within*/.navigation-item-side-menu.sc-ic-navigation-item-h .focus-indicator.sc-ic-navigation-item:focus-within{box-shadow:none}/*!@:host(.navigation-item-side-menu) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset) !important;padding-right:var(--ic-space-lg);width:auto;border-radius:var(--ic-border-radius-inset) !important}/*!@:host(.navigation-item-side-menu-selected) .link,\n:host(.navigation-item-side-menu-selected) ::slotted(a)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu-selected .sc-ic-navigation-item-s>a{transition:box-shadow var(--ic-easing-transition-slow),\n background-color var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-menu-selected) .link:focus,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child) .link,\n:host(.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-color-primary-text);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n border-radius var(--ic-transition-duration-slow)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}/*!@:host(.navigation-item-top-nav-child) .link:hover:not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:hover:not(:focus){background-color:var(--ic-action-dark-bg-hover) !important}/*!@:host(.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-top-nav-child) ::slotted(a:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@:host(.navigation-item-side-menu) .link:active:not(:focus)*/.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) .link:active:not(:focus),\n:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus)*/.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-action-dark-bg-active)}/*!@:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),\n:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active:not(:focus),.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a:active:not(:focus){background-color:var(--ic-action-dark-bg-active) !important}/*!@:host(.navigation-item-side-menu-selected) *,\n:host(.navigation-item-top-nav-child-selected) *,\n:host(.navigation-item-side-menu) ::slotted(a.active),\n:host(.navigation-item-top-nav-child) ::slotted(a.active)*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h *.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active{font-weight:700 !important}/*!@:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,\n:host(.navigation-item-top-nav-child-selected) .link::before,\n:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active::before,.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{content:\"\";position:absolute;left:0;width:var(--ic-space-xs);height:2.5rem;margin-top:0.25rem;margin-right:0.313rem;background-color:var(--ic-action-default);transition:left 0s}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}/*!@:host(.navigation-item-top-nav-child-selected) .link:focus::before*/.navigation-item-top-nav-child-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link::before,\n:host(.navigation-item-side-menu) ::slotted(a.active)::before,\n:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active::before,.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before{z-index:1}/*!@:host(.navigation-item-side-menu-selected) .link:focus::before,\n:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,\n:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-menu .sc-ic-navigation-item-s>a.active:focus::before,.sc-ic-navigation-item-h.navigation-item-top-nav-child .sc-ic-navigation-item-s>a.active:focus::before{left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-side-menu-selected) .link::after*/.navigation-item-side-menu-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after{display:none}/*!@:host(.navigation-item-side-nav-collapsed) .link*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .link.sc-ic-navigation-item{height:100%}/*!@:host(.navigation-item-side-nav-collapsed) ::slotted(svg),\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .sc-ic-navigation-item-s>svg,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>svg{margin:auto;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) .icon,\n:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .icon.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}/*!@:host(.navigation-item-side-nav-collapsed-with-label) ic-typography*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h ic-typography.sc-ic-navigation-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}/*!@:host(.navigation-item-side-nav-collapsed-with-label) .link,\n:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a)*/.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{height:auto !important;gap:0}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block;text-align:center}/*!@:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link\n ic-typography*/.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item{opacity:1}/*!@:host(.navigation-item-side-nav-collapsed) svg,\n:host(.navigation-item-side-nav-collapsed-with-label) svg*/.navigation-item-side-nav-collapsed.sc-ic-navigation-item-h svg.sc-ic-navigation-item,.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h svg.sc-ic-navigation-item{display:none}/*!@::slotted(svg)*/.sc-ic-navigation-item-s>svg{fill:var(--ic-theme-text);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@.icon*/.icon.sc-ic-navigation-item{width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%}/*!@.icon > ::slotted(*)*/.icon>.sc-ic-navigation-item-s>*{margin-left:var(--ic-space-md) !important}/*!@:host(.navigation-item-side-nav-collapsed) .icon > ::slotted(*)*/.sc-ic-navigation-item-h.navigation-item-side-nav-collapsed .icon>.sc-ic-navigation-item-s>*{margin:auto !important}/*!@:host(.navigation-item-side-nav) .link,\n:host(.navigation-item-side-nav) ::slotted(a)*/.navigation-item-side-nav.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a{height:var(--navigation-item-height);width:var(--navigation-item-width);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a{height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-dark)}/*!@:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active*/.navigation-item-side-nav.navigation-item-side-menu.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n ::slotted(a:active)*/.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item-top-nav-child .sc-ic-navigation-item-s>a:active{background-color:var(--navigation-item-child-active)}/*!@:host(.navigation-item-side-nav) a.link ic-typography,\n:host(.navigation-item-side-nav.navigation-item-top-nav-child)\n a.link\n ic-typography,\n.navigation-item-side-nav-slotted-text*/.navigation-item-side-nav.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav.navigation-item-top-nav-child.sc-ic-navigation-item-h a.link.sc-ic-navigation-item ic-typography.sc-ic-navigation-item,.navigation-item-side-nav-slotted-text.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a.active{box-shadow:inset 0.313rem 0 0 var(--ic-theme-text)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::before,\n:host(.navigation-item-side-nav) ::slotted(a.active)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::before{content:\"\";display:block;position:absolute;top:0;right:0;left:0.313rem;border-radius:0.688rem !important;bottom:0;transition:var(--ic-easing-transition-slow)}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus::before{box-shadow:var(--ic-border-focus-inset)}/*!@:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label)\n .link*/.sc-ic-navigation-item-h:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label .link.sc-ic-navigation-item{opacity:var(--navigation-item-label-opacity);height:auto}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n .link,\n:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}/*!@:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label)\n ::slotted(a)*/.sc-ic-navigation-item-h.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label .sc-ic-navigation-item-s>a{display:block}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link::after,\n:host(.navigation-item-side-nav) ::slotted(a.active)::after*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item::after,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active::after{display:none}/*!@:host(.navigation-item-side-nav.navigation-item) .link:focus,\n:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav.navigation-item .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}/*!@:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,\n:host(.navigation-item-side-nav) ::slotted(a.active:focus)*/.navigation-item-side-nav.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-side-nav .sc-ic-navigation-item-s>a.active:focus{margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-theme-text);border-radius:0}/*!@:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus)*/.navigation-item-side-nav.navigation-item.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-theme-hover) !important}/*!@:host(.navigation-item-page-header).link,\n:host(.navigation-item-page-header) a,\n:host(.navigation-item-page-header) ::slotted(a)*/.navigation-item-page-header.link.sc-ic-navigation-item-h,.navigation-item-page-header.sc-ic-navigation-item-h a.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a{height:2.5rem !important;color:var(--ic-color-primary-text) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link,\n:host(.navigation-item-page-header) ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active{box-shadow:inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header) .link:hover,\n:host(.navigation-item-page-header) ::slotted(.link:hover),\n:host(.navigation-item-page-header) ::slotted(a:hover),\n:host(.navigation-item-page-header) .link:hover:not(:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>.link:hover,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:hover,.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}/*!@:host(.navigation-item-page-header) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a:focus)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.navigation-item-page-header) .link:active,\n:host(.navigation-item-page-header) ::slotted(a:active)*/.navigation-item-page-header.sc-ic-navigation-item-h .link.sc-ic-navigation-item:active,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a:active{background-color:var(--ic-action-default-bg-active) !important}/*!@:host(.navigation-item-page-header.navigation-item-selected) .link:focus,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)*/.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus{box-shadow:var(--ic-border-focus),\n inset 0 calc(-1 * var(--ic-space-xxs)) 0 var(--ic-action-default)}/*!@:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n .link,\n:host(.navigation-item-page-header.navigation-item-selected.with-transition)\n ::slotted(a.active)*/.navigation-item-page-header.navigation-item-selected.with-transition.sc-ic-navigation-item-h .link.sc-ic-navigation-item,.sc-ic-navigation-item-h.navigation-item-page-header.navigation-item-selected.with-transition .sc-ic-navigation-item-s>a.active{transition:all var(--ic-easing-transition-fast),\n border-color var(--ic-transition-duration-fast)}/*!@:host(.navigation-item-page-header) ::slotted(a.active)::before,\n:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,\n:host(.navigation-item-page-header.navigation-item-selected)\n .link:focus::before*/.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active::before,.sc-ic-navigation-item-h.navigation-item-page-header .sc-ic-navigation-item-s>a.active:focus::before,.navigation-item-page-header.navigation-item-selected.sc-ic-navigation-item-h .link.sc-ic-navigation-item:focus::before{display:none}/*!@.open-in-new-icon*/.open-in-new-icon.sc-ic-navigation-item{flex:1}/*!@.open-in-new-icon svg*/.open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xxs)}/*!@:host(.navigation-item-side-nav) .open-in-new-icon*/.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item{margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.navigation-item-top-nav) .open-in-new-icon svg,\n:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-side-nav) .open-in-new-icon svg*/.navigation-item-top-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-nav.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:0.875rem;width:0.875rem}/*!@:host(.navigation-item-side-menu) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg*/.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{height:var(--ic-space-md);width:var(--ic-space-md)}/*!@:host(.navigation-item-page-header) .open-in-new-icon svg,\n:host(.navigation-item-top-nav-child) .open-in-new-icon svg,\n:host(.navigation-item-side-menu) .open-in-new-icon svg*/.navigation-item-page-header.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-top-nav-child.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item,.navigation-item-side-menu.sc-ic-navigation-item-h .open-in-new-icon.sc-ic-navigation-item svg.sc-ic-navigation-item{fill:var(--ic-color-primary-text)}";
|
11441
11563
|
|
11442
11564
|
/**
|
11443
11565
|
* @part link - The `<a>` within ic-navigation-item
|
@@ -11569,6 +11691,7 @@ class NavigationItem {
|
|
11569
11691
|
this.navigationType === "side" &&
|
11570
11692
|
this.collapsedIconLabel &&
|
11571
11693
|
!this.isSideNavMobile,
|
11694
|
+
["expandable"]: this.expandable,
|
11572
11695
|
}, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { label: label || navigationSlot.textContent, target: "navigation-item", placement: "right", class: {
|
11573
11696
|
["tooltip-navigation-item"]: true,
|
11574
11697
|
["tooltip-navigation-item-side-nav-collapsed"]: (!this.sideNavExpanded || this.displayNavigationTooltip) &&
|
@@ -11610,7 +11733,7 @@ class NavigationItem {
|
|
11610
11733
|
}; }
|
11611
11734
|
}
|
11612
11735
|
|
11613
|
-
const icNavigationMenuCss = "/*!@:host*/.sc-ic-navigation-menu-h{display:block}/*!@.popout-modal*/.popout-modal.sc-ic-navigation-menu{position:absolute;top:0;right:0;bottom:0;left:0}/*!@.popout-menu*/.popout-menu.sc-ic-navigation-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden
|
11736
|
+
const icNavigationMenuCss = "/*!@:host*/.sc-ic-navigation-menu-h{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}/*!@.popout-modal*/.popout-modal.sc-ic-navigation-menu{position:absolute;top:0;right:0;bottom:0;left:0}/*!@.popout-menu*/.popout-menu.sc-ic-navigation-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-architectural-20);color:var(--ic-color-primary-text);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}/*!@:host(.inline) .popout-menu*/.inline.sc-ic-navigation-menu-h .popout-menu.sc-ic-navigation-menu{position:absolute}/*!@.menu-close-button-container*/.menu-close-button-container.sc-ic-navigation-menu{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}/*!@.nav-group-first*/.nav-group-first.sc-ic-navigation-menu{padding-bottom:0}/*!@.menu-buttons-container*/.menu-buttons-container.sc-ic-navigation-menu{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-space-1px) solid var(--ic-architectural-200)}/*!@.menu-buttons-container-nav-item-above*/.menu-buttons-container-nav-item-above.sc-ic-navigation-menu{margin-top:var(--ic-space-md);border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}/*!@.menu-status-version-container*/.menu-status-version-container.sc-ic-navigation-menu{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);margin:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}/*!@.menu-status*/.menu-status.sc-ic-navigation-menu{background-color:var(--ic-architectural-500);color:var(--ic-color-white-text);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}/*!@.menu-version*/.menu-version.sc-ic-navigation-menu{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-100);padding:var(--ic-space-xxs) var(--ic-space-sm)}/*!@.menu-status-text,\n.menu-version-text*/.menu-status-text.sc-ic-navigation-menu,.menu-version-text.sc-ic-navigation-menu{overflow-wrap:break-word}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-navigation-menu{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";
|
11614
11737
|
|
11615
11738
|
/**
|
11616
11739
|
* @slot navigation - Content will be rendered at top of panel.
|
@@ -11744,7 +11867,7 @@ class NavigationMenu {
|
|
11744
11867
|
}; }
|
11745
11868
|
}
|
11746
11869
|
|
11747
|
-
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(.sticky)*/.sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:
|
11870
|
+
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(.sticky)*/.sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}/*!@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-space-1px) solid var(--ic-architectural-300)}/*!@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;row-gap:var(--ic-space-xs);-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.small*/.subheading.small.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.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(.sticky-desktop)*/.sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}}";
|
11748
11871
|
|
11749
11872
|
/**
|
11750
11873
|
* @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
|
@@ -11871,6 +11994,285 @@ class PageHeader {
|
|
11871
11994
|
}; }
|
11872
11995
|
}
|
11873
11996
|
|
11997
|
+
var paginationNextPrevious = `<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
11998
|
+
<path d="M2.08748 0L0.912476 1.175L4.72914 5L0.912476 8.825L2.08748 10L7.08748 5L2.08748 0Z" fill="currentColor"/>
|
11999
|
+
</svg>
|
12000
|
+
`;
|
12001
|
+
|
12002
|
+
var paginationFirstLast = `<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
12003
|
+
<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"/>
|
12004
|
+
</svg>`;
|
12005
|
+
|
12006
|
+
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}/*!@ic-button.flip*/ic-button.flip.sc-ic-pagination{transform:scaleX(-1)}/*!@.hide-current-page*/.hide-current-page.sc-ic-pagination{display:none}";
|
12007
|
+
|
12008
|
+
class Pagination {
|
12009
|
+
constructor(hostRef) {
|
12010
|
+
registerInstance(this, hostRef);
|
12011
|
+
this.icPageChange = createEvent(this, "icPageChange", 7);
|
12012
|
+
this.handleClickFirst = () => {
|
12013
|
+
this.currentPage = 1;
|
12014
|
+
this.icPageChange.emit({ value: this.currentPage });
|
12015
|
+
};
|
12016
|
+
this.handleClickPrevious = () => {
|
12017
|
+
this.currentPage--;
|
12018
|
+
this.icPageChange.emit({ value: this.currentPage });
|
12019
|
+
};
|
12020
|
+
this.handleClickNext = () => {
|
12021
|
+
this.currentPage++;
|
12022
|
+
this.icPageChange.emit({ value: this.currentPage });
|
12023
|
+
};
|
12024
|
+
this.handleClickLast = () => {
|
12025
|
+
this.currentPage = this.pages;
|
12026
|
+
this.icPageChange.emit({ value: this.currentPage });
|
12027
|
+
};
|
12028
|
+
// button rendering abstracted from component render methods for clarity
|
12029
|
+
this.firstButton = () => {
|
12030
|
+
return (hAsync("ic-button", { id: "first-page-button", "aria-label": "Go to first page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickFirst, class: "page-button first-last", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
|
12031
|
+
};
|
12032
|
+
this.previousButton = () => {
|
12033
|
+
return (hAsync("ic-button", { id: "previous-page-button", "aria-label": "Go to previous page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickPrevious, class: "page-button next-previous flip", disabled: this.currentPage === 1 || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
|
12034
|
+
};
|
12035
|
+
this.nextButton = () => {
|
12036
|
+
return (hAsync("ic-button", { id: "next-page-button", "aria-label": "Go to next page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickNext, class: "page-button next-previous", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationNextPrevious }));
|
12037
|
+
};
|
12038
|
+
this.lastButton = () => {
|
12039
|
+
return (hAsync("ic-button", { id: "last-page-button", "aria-label": "Go to last page", disableTooltip: true, appearance: this.appearance, onClick: this.handleClickLast, class: "page-button first-last flip", disabled: this.currentPage === this.pages || this.disabled, variant: "icon", innerHTML: paginationFirstLast }));
|
12040
|
+
};
|
12041
|
+
this.renderStartEllipsis = () => {
|
12042
|
+
return (hAsync("ic-pagination-item", { appearance: this.appearance, type: "ellipsis", id: "start-ellipsis", disabled: this.disabled }));
|
12043
|
+
};
|
12044
|
+
this.renderEndEllipsis = () => {
|
12045
|
+
return (hAsync("ic-pagination-item", { appearance: this.appearance, type: "ellipsis", id: "end-ellipsis", disabled: this.disabled }));
|
12046
|
+
};
|
12047
|
+
this.renderStartItems = () => {
|
12048
|
+
return this.startItems.map((page) => {
|
12049
|
+
return (hAsync("ic-pagination-item", { appearance: this.appearance, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
|
12050
|
+
});
|
12051
|
+
};
|
12052
|
+
this.renderEndItems = () => {
|
12053
|
+
return this.endItems.map((page) => {
|
12054
|
+
return (hAsync("ic-pagination-item", { appearance: this.appearance, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
|
12055
|
+
});
|
12056
|
+
};
|
12057
|
+
this.renderMiddleItems = () => {
|
12058
|
+
return this.midItems.map((page) => {
|
12059
|
+
return (hAsync("ic-pagination-item", { appearance: this.appearance, selected: page === this.currentPage, id: `pagination-item-${page}`, type: "page", page: page, disabled: this.disabled }));
|
12060
|
+
});
|
12061
|
+
};
|
12062
|
+
this.pages = undefined;
|
12063
|
+
this.type = "simple";
|
12064
|
+
this.defaultPage = 1;
|
12065
|
+
this.adjacentCount = 1;
|
12066
|
+
this.boundaryCount = 1;
|
12067
|
+
this.hideFirstAndLastPageButton = false;
|
12068
|
+
this.hideCurrentPage = false;
|
12069
|
+
this.disabled = false;
|
12070
|
+
this.appearance = "default";
|
12071
|
+
this.label = "Page";
|
12072
|
+
this.currentPage = this.defaultPage;
|
12073
|
+
this.startEllipsis = false;
|
12074
|
+
this.endEllipsis = false;
|
12075
|
+
this.startItems = [];
|
12076
|
+
this.endItems = [];
|
12077
|
+
this.midItems = [];
|
12078
|
+
}
|
12079
|
+
paginationItemClickHandler(ev) {
|
12080
|
+
const page = ev.detail.page;
|
12081
|
+
this.currentPage = page;
|
12082
|
+
this.icPageChange.emit({ value: this.currentPage });
|
12083
|
+
}
|
12084
|
+
watchPageChangeHandler() {
|
12085
|
+
if (this.type === "simple") {
|
12086
|
+
return;
|
12087
|
+
}
|
12088
|
+
const startItems = [];
|
12089
|
+
let startItemCount = 0;
|
12090
|
+
const endItems = [];
|
12091
|
+
let endStart = this.pages;
|
12092
|
+
const midItems = [];
|
12093
|
+
let midStart;
|
12094
|
+
let midEnd;
|
12095
|
+
let startEllipsis = false;
|
12096
|
+
let endEllipsis = false;
|
12097
|
+
if (this.pages <= this.boundaryCount * 2 + this.adjacentCount * 2 + 3) {
|
12098
|
+
this.startEllipsis = false;
|
12099
|
+
this.endEllipsis = false;
|
12100
|
+
for (let i = 1; i <= this.pages; i++) {
|
12101
|
+
startItems.push(i);
|
12102
|
+
}
|
12103
|
+
this.startItems = startItems;
|
12104
|
+
return;
|
12105
|
+
}
|
12106
|
+
startItemCount = this.boundaryCount === 0 ? 1 : this.boundaryCount;
|
12107
|
+
endStart =
|
12108
|
+
this.boundaryCount === 0
|
12109
|
+
? this.pages
|
12110
|
+
: this.pages - this.boundaryCount + 1;
|
12111
|
+
if (this.currentPage <= this.adjacentCount + this.boundaryCount + 2) {
|
12112
|
+
startEllipsis = false;
|
12113
|
+
endEllipsis = true;
|
12114
|
+
let numItems = 2 * this.adjacentCount + 1;
|
12115
|
+
if (this.boundaryCount === 0) {
|
12116
|
+
numItems--;
|
12117
|
+
}
|
12118
|
+
midStart = startItemCount + 1;
|
12119
|
+
midEnd = midStart + numItems;
|
12120
|
+
}
|
12121
|
+
else {
|
12122
|
+
startEllipsis = true;
|
12123
|
+
if (this.currentPage >
|
12124
|
+
this.pages - (this.adjacentCount + this.boundaryCount + 2)) {
|
12125
|
+
let numItems = 2 * this.adjacentCount + 1;
|
12126
|
+
if (this.boundaryCount === 0) {
|
12127
|
+
numItems--;
|
12128
|
+
}
|
12129
|
+
midEnd =
|
12130
|
+
this.boundaryCount === 0
|
12131
|
+
? this.pages - 1
|
12132
|
+
: this.pages - this.boundaryCount;
|
12133
|
+
midStart = midEnd - numItems;
|
12134
|
+
}
|
12135
|
+
else {
|
12136
|
+
endEllipsis = true;
|
12137
|
+
midStart = this.currentPage - this.adjacentCount;
|
12138
|
+
midEnd = this.currentPage + this.adjacentCount;
|
12139
|
+
}
|
12140
|
+
}
|
12141
|
+
//create array of start items
|
12142
|
+
if (this.boundaryCount > 0 ||
|
12143
|
+
(this.boundaryCount === 0 && startEllipsis === false)) {
|
12144
|
+
for (let i = 1; i <= startItemCount; i++) {
|
12145
|
+
startItems.push(i);
|
12146
|
+
}
|
12147
|
+
}
|
12148
|
+
//create array of end items
|
12149
|
+
if (this.boundaryCount > 0 ||
|
12150
|
+
(this.boundaryCount === 0 && endEllipsis === false)) {
|
12151
|
+
for (let i = endStart; i <= this.pages; i++) {
|
12152
|
+
endItems.push(i);
|
12153
|
+
}
|
12154
|
+
}
|
12155
|
+
//create array of mid items
|
12156
|
+
for (let i = midStart; i <= midEnd; i++) {
|
12157
|
+
midItems.push(i);
|
12158
|
+
}
|
12159
|
+
this.startEllipsis = startEllipsis;
|
12160
|
+
this.endEllipsis = endEllipsis;
|
12161
|
+
this.startItems = startItems;
|
12162
|
+
this.endItems = endItems;
|
12163
|
+
this.midItems = midItems;
|
12164
|
+
}
|
12165
|
+
componentDidLoad() {
|
12166
|
+
onComponentRequiredPropUndefined([{ prop: this.pages, propName: "pages" }], "Pagination");
|
12167
|
+
}
|
12168
|
+
componentWillLoad() {
|
12169
|
+
this.watchPageChangeHandler();
|
12170
|
+
if (this.boundaryCount > 2) {
|
12171
|
+
this.boundaryCount = 2;
|
12172
|
+
}
|
12173
|
+
if (this.adjacentCount > 2) {
|
12174
|
+
this.adjacentCount = 2;
|
12175
|
+
}
|
12176
|
+
}
|
12177
|
+
render() {
|
12178
|
+
const { type, pages, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, } = this;
|
12179
|
+
return (hAsync(Host, null, type === "simple" && (hAsync("nav", { class: {
|
12180
|
+
["disabled"]: disabled,
|
12181
|
+
}, role: "navigation", "aria-label": "Pagination Navigation" }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), hAsync("ic-pagination-item", { pages: pages, appearance: this.appearance, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: hideCurrentPage } }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (hAsync("nav", { class: {
|
12182
|
+
["disabled"]: disabled,
|
12183
|
+
}, 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()))));
|
12184
|
+
}
|
12185
|
+
get el() { return getElement(this); }
|
12186
|
+
static get watchers() { return {
|
12187
|
+
"currentPage": ["watchPageChangeHandler"]
|
12188
|
+
}; }
|
12189
|
+
static get style() { return icPaginationCss; }
|
12190
|
+
static get cmpMeta() { return {
|
12191
|
+
"$flags$": 9,
|
12192
|
+
"$tagName$": "ic-pagination",
|
12193
|
+
"$members$": {
|
12194
|
+
"pages": [2],
|
12195
|
+
"type": [1],
|
12196
|
+
"defaultPage": [2, "default-page"],
|
12197
|
+
"adjacentCount": [1026, "adjacent-count"],
|
12198
|
+
"boundaryCount": [1026, "boundary-count"],
|
12199
|
+
"hideFirstAndLastPageButton": [4, "hide-first-and-last-page-button"],
|
12200
|
+
"hideCurrentPage": [4, "hide-current-page"],
|
12201
|
+
"disabled": [4],
|
12202
|
+
"appearance": [1],
|
12203
|
+
"label": [1],
|
12204
|
+
"currentPage": [32],
|
12205
|
+
"startEllipsis": [32],
|
12206
|
+
"endEllipsis": [32],
|
12207
|
+
"startItems": [32],
|
12208
|
+
"endItems": [32],
|
12209
|
+
"midItems": [32]
|
12210
|
+
},
|
12211
|
+
"$listeners$": [[0, "paginationItemClick", "paginationItemClickHandler"]],
|
12212
|
+
"$lazyBundleId$": "-",
|
12213
|
+
"$attrsToReflect$": []
|
12214
|
+
}; }
|
12215
|
+
}
|
12216
|
+
|
12217
|
+
const icPaginationItemCss = "/*!@html*/html.sc-ic-pagination-item{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-pagination-item{margin:0}/*!@main*/main.sc-ic-pagination-item{display:block}/*!@h1*/h1.sc-ic-pagination-item{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-pagination-item{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-pagination-item{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-pagination-item{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-pagination-item,strong.sc-ic-pagination-item{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-pagination-item,kbd.sc-ic-pagination-item,samp.sc-ic-pagination-item{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-pagination-item{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-pagination-item,sup.sc-ic-pagination-item{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-pagination-item{bottom:-0.25em}/*!@sup*/sup.sc-ic-pagination-item{top:-0.5em}/*!@img*/img.sc-ic-pagination-item{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-pagination-item,input.sc-ic-pagination-item,optgroup.sc-ic-pagination-item,select.sc-ic-pagination-item,textarea.sc-ic-pagination-item{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-pagination-item,input.sc-ic-pagination-item{overflow:visible}/*!@button,\nselect*/button.sc-ic-pagination-item,select.sc-ic-pagination-item{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-pagination-item,[type=\"button\"].sc-ic-pagination-item,[type=\"reset\"].sc-ic-pagination-item,[type=\"submit\"].sc-ic-pagination-item{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-pagination-item::-moz-focus-inner,[type=\"button\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"reset\"].sc-ic-pagination-item::-moz-focus-inner,[type=\"submit\"].sc-ic-pagination-item::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-pagination-item:-moz-focusring,[type=\"button\"].sc-ic-pagination-item:-moz-focusring,[type=\"reset\"].sc-ic-pagination-item:-moz-focusring,[type=\"submit\"].sc-ic-pagination-item:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-pagination-item{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-pagination-item{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-pagination-item{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-pagination-item{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-pagination-item,[type=\"radio\"].sc-ic-pagination-item{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-pagination-item::-webkit-inner-spin-button,[type=\"number\"].sc-ic-pagination-item::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-pagination-item{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-pagination-item::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-pagination-item::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-pagination-item{display:block}/*!@summary*/summary.sc-ic-pagination-item{display:list-item}/*!@template*/template.sc-ic-pagination-item{display:none}/*!@[hidden]*/[hidden].sc-ic-pagination-item{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-pagination-item,body.sc-ic-pagination-item,div.sc-ic-pagination-item,span.sc-ic-pagination-item,applet.sc-ic-pagination-item,object.sc-ic-pagination-item,iframe.sc-ic-pagination-item,h1.sc-ic-pagination-item,h2.sc-ic-pagination-item,h3.sc-ic-pagination-item,h4.sc-ic-pagination-item,h5.sc-ic-pagination-item,h6.sc-ic-pagination-item,p.sc-ic-pagination-item,blockquote.sc-ic-pagination-item,pre.sc-ic-pagination-item,a.sc-ic-pagination-item,abbr.sc-ic-pagination-item,acronym.sc-ic-pagination-item,address.sc-ic-pagination-item,big.sc-ic-pagination-item,cite.sc-ic-pagination-item,code.sc-ic-pagination-item,del.sc-ic-pagination-item,dfn.sc-ic-pagination-item,em.sc-ic-pagination-item,img.sc-ic-pagination-item,ins.sc-ic-pagination-item,kbd.sc-ic-pagination-item,q.sc-ic-pagination-item,s.sc-ic-pagination-item,samp.sc-ic-pagination-item,small.sc-ic-pagination-item,strike.sc-ic-pagination-item,strong.sc-ic-pagination-item,sub.sc-ic-pagination-item,sup.sc-ic-pagination-item,tt.sc-ic-pagination-item,var.sc-ic-pagination-item,b.sc-ic-pagination-item,u.sc-ic-pagination-item,i.sc-ic-pagination-item,center.sc-ic-pagination-item,dl.sc-ic-pagination-item,dt.sc-ic-pagination-item,dd.sc-ic-pagination-item,ol.sc-ic-pagination-item,ul.sc-ic-pagination-item,li.sc-ic-pagination-item,fieldset.sc-ic-pagination-item,form.sc-ic-pagination-item,label.sc-ic-pagination-item,legend.sc-ic-pagination-item,table.sc-ic-pagination-item,caption.sc-ic-pagination-item,tbody.sc-ic-pagination-item,tfoot.sc-ic-pagination-item,thead.sc-ic-pagination-item,tr.sc-ic-pagination-item,th.sc-ic-pagination-item,td.sc-ic-pagination-item,article.sc-ic-pagination-item,aside.sc-ic-pagination-item,canvas.sc-ic-pagination-item,details.sc-ic-pagination-item,embed.sc-ic-pagination-item,figure.sc-ic-pagination-item,figcaption.sc-ic-pagination-item,footer.sc-ic-pagination-item,header.sc-ic-pagination-item,hgroup.sc-ic-pagination-item,menu.sc-ic-pagination-item,nav.sc-ic-pagination-item,output.sc-ic-pagination-item,ruby.sc-ic-pagination-item,section.sc-ic-pagination-item,summary.sc-ic-pagination-item,time.sc-ic-pagination-item,mark.sc-ic-pagination-item,audio.sc-ic-pagination-item,video.sc-ic-pagination-item{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@a*/a.sc-ic-pagination-item{text-align:center}/*!@.item-container*/.item-container.sc-ic-pagination-item{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}/*!@button*/button.sc-ic-pagination-item{background:none;border:none;outline:inherit;position:relative}/*!@.ellipsis*/.ellipsis.sc-ic-pagination-item{pointer-events:none;color:var(--ic-color-secondary-text)}/*!@.item-container:focus*/.item-container.sc-ic-pagination-item:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}/*!@.page*/.page.sc-ic-pagination-item{color:var(--ic-action-default)}/*!@.simple-current*/.simple-current.sc-ic-pagination-item{width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}/*!@.item-container.page:hover:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-action-default-bg-hover)}/*!@.item-container.page:active:not(.selected):not(:focus)*/.item-container.page.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-default-bg-active)}/*!@.selected*/.selected.sc-ic-pagination-item{pointer-events:none;outline:none}/*!@.selected::after*/.selected.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-default)}/*!@.page-selected*/.page-selected.sc-ic-pagination-item{color:var(--ic-color-primary-text)}/*!@.item-container.page.light:hover:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}/*!@.item-container.page.light:active:not(.selected):not(:focus)*/.item-container.page.light.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-active)}/*!@ic-typography.light*/ic-typography.light.sc-ic-pagination-item{color:var(--ic-color-white-text)}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-light)}/*!@.item-container.page.dark:hover:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}/*!@.item-container.page.dark:active:not(.selected):not(:focus)*/.item-container.page.dark.sc-ic-pagination-item:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-active)}/*!@ic-typography.dark*/ic-typography.dark.sc-ic-pagination-item{color:var(--ic-color-primary-text)}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-dark)}/*!@.disabled*/.disabled.sc-ic-pagination-item{color:var(--ic-architectural-200);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (forced-colors: active){/*!@.selected::after*/.selected.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.light::after*/.selected.light.sc-ic-pagination-item::after{background-color:Highlight}/*!@.selected.dark::after*/.selected.dark.sc-ic-pagination-item::after{background-color:Highlight}}";
|
12218
|
+
|
12219
|
+
class PaginationItem {
|
12220
|
+
constructor(hostRef) {
|
12221
|
+
registerInstance(this, hostRef);
|
12222
|
+
this.paginationItemClick = createEvent(this, "paginationItemClick", 7);
|
12223
|
+
this.handleClick = () => {
|
12224
|
+
this.paginationItemClick.emit({ page: this.page });
|
12225
|
+
};
|
12226
|
+
this.page = undefined;
|
12227
|
+
this.selected = false;
|
12228
|
+
this.type = undefined;
|
12229
|
+
this.disabled = false;
|
12230
|
+
this.appearance = undefined;
|
12231
|
+
this.label = "Page ";
|
12232
|
+
this.ariaOverride = false;
|
12233
|
+
this.pages = undefined;
|
12234
|
+
}
|
12235
|
+
render() {
|
12236
|
+
const { page, selected, type, disabled, appearance, label, ariaOverride, pages, } = this;
|
12237
|
+
return (hAsync("a", null, type === "ellipsis" ? (hAsync("div", { class: {
|
12238
|
+
["item-container"]: true,
|
12239
|
+
["ellipsis"]: true,
|
12240
|
+
["disabled"]: disabled,
|
12241
|
+
} }, hAsync("ic-typography", { class: {
|
12242
|
+
[`${appearance}`]: true,
|
12243
|
+
}, variant: "label" }, "..."))) : type === "page" ? (hAsync("button", { disabled: disabled, onClick: this.handleClick, tabindex: selected ? "-1" : "0", role: "button", "aria-current": selected && "Current page", "aria-label": selected ? `${label}: ${page}` : `Go to page ${page}`, class: {
|
12244
|
+
["selected"]: !disabled && selected,
|
12245
|
+
["disabled"]: disabled,
|
12246
|
+
["item-container"]: true,
|
12247
|
+
[`${appearance}`]: true,
|
12248
|
+
["page"]: type === "page",
|
12249
|
+
} }, hAsync("ic-typography", { variant: "label", class: {
|
12250
|
+
["page-selected"]: selected,
|
12251
|
+
["disabled"]: disabled,
|
12252
|
+
[`${appearance}`]: true,
|
12253
|
+
} }, page))) : (hAsync("ic-typography", { "aria-live": "polite", "aria-label": ariaOverride ? `Page ${page} of ${pages}` : `${label} ${page}`, class: `simple-current ${appearance}`, variant: "label" }, label, " ", page))));
|
12254
|
+
}
|
12255
|
+
get el() { return getElement(this); }
|
12256
|
+
static get style() { return icPaginationItemCss; }
|
12257
|
+
static get cmpMeta() { return {
|
12258
|
+
"$flags$": 9,
|
12259
|
+
"$tagName$": "ic-pagination-item",
|
12260
|
+
"$members$": {
|
12261
|
+
"page": [2],
|
12262
|
+
"selected": [4],
|
12263
|
+
"type": [1],
|
12264
|
+
"disabled": [4],
|
12265
|
+
"appearance": [1],
|
12266
|
+
"label": [1],
|
12267
|
+
"ariaOverride": [4, "aria-override"],
|
12268
|
+
"pages": [2]
|
12269
|
+
},
|
12270
|
+
"$listeners$": undefined,
|
12271
|
+
"$lazyBundleId$": "-",
|
12272
|
+
"$attrsToReflect$": []
|
12273
|
+
}; }
|
12274
|
+
}
|
12275
|
+
|
11874
12276
|
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-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}/*!@.menu*/.menu.sc-ic-popover-menu{border:0.063rem solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);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(.open)*/.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(.open) .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{color:var(--ic-color-tertiary-text);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)}}";
|
11875
12277
|
|
11876
12278
|
class PopoverMenu {
|
@@ -11904,8 +12306,9 @@ class PopoverMenu {
|
|
11904
12306
|
target.tagName !== "IC-POPOVER-MENU");
|
11905
12307
|
};
|
11906
12308
|
this.closeMenu = () => {
|
12309
|
+
var _a;
|
11907
12310
|
this.open = false;
|
11908
|
-
this.anchorEl.focus();
|
12311
|
+
(_a = this.anchorEl) === null || _a === void 0 ? void 0 : _a.focus();
|
11909
12312
|
};
|
11910
12313
|
this.getNextItemToSelect = (currentItem, movingDown) => {
|
11911
12314
|
const numButtons = this.popoverMenuEls.length - 1;
|
@@ -12037,8 +12440,10 @@ class PopoverMenu {
|
|
12037
12440
|
break;
|
12038
12441
|
case "Escape":
|
12039
12442
|
case "Tab":
|
12040
|
-
this.
|
12041
|
-
|
12443
|
+
if (this.open) {
|
12444
|
+
this.closeMenu();
|
12445
|
+
this.host.blur();
|
12446
|
+
}
|
12042
12447
|
break;
|
12043
12448
|
}
|
12044
12449
|
}
|
@@ -12072,9 +12477,7 @@ class PopoverMenu {
|
|
12072
12477
|
}
|
12073
12478
|
}
|
12074
12479
|
render() {
|
12075
|
-
return (hAsync(Host, { class: {
|
12076
|
-
open: this.open,
|
12077
|
-
} }, hAsync("div", { id: this.parentPopover === undefined
|
12480
|
+
return (hAsync(Host, { class: { open: this.open } }, hAsync("div", { id: this.parentPopover === undefined
|
12078
12481
|
? `ic-popover-submenu-${this.submenuId}`
|
12079
12482
|
: "", class: {
|
12080
12483
|
menu: true,
|
@@ -12114,7 +12517,7 @@ class PopoverMenu {
|
|
12114
12517
|
}; }
|
12115
12518
|
}
|
12116
12519
|
|
12117
|
-
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{color:var(--ic-status-error)}/*!@ic-input-validation*/ic-input-validation.sc-ic-radio-group{margin-top:var(--ic-space-sm)}/*!@:host(
|
12520
|
+
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{color:var(--ic-status-error)}/*!@ic-input-validation*/ic-input-validation.sc-ic-radio-group{margin-top:var(--ic-space-sm)}/*!@:host(.small) ic-input-validation*/.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(.small) ic-input-label ic-typography*/.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)}/*!@.radio-buttons-container*/.radio-buttons-container.sc-ic-radio-group{display:flex;flex-direction:column;gap:var(--ic-space-xxs)}/*!@:host(.small) .radio-buttons-container*/.small.sc-ic-radio-group-h .radio-buttons-container.sc-ic-radio-group{gap:var(--ic-space-xxxs)}/*!@:host([orientation=\"horizontal\"]) .radio-buttons-container*/[orientation=\"horizontal\"].sc-ic-radio-group-h .radio-buttons-container.sc-ic-radio-group{display:flex;flex-direction:row;gap:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.small[orientation=\"horizontal\"]) .radio-buttons-container*/.small[orientation=\"horizontal\"].sc-ic-radio-group-h .radio-buttons-container.sc-ic-radio-group{gap:var(--ic-space-xl)}";
|
12118
12521
|
|
12119
12522
|
class RadioGroup {
|
12120
12523
|
constructor(hostRef) {
|
@@ -12209,7 +12612,7 @@ class RadioGroup {
|
|
12209
12612
|
}
|
12210
12613
|
render() {
|
12211
12614
|
renderHiddenInput(true, this.host, this.name, this.checkedValue, this.disabled);
|
12212
|
-
return (hAsync(Host, { onKeyDown: this.handleKeyDown }, hAsync("div", { role: "radiogroup", "aria-label": `${this.label}${this.required ? ", required" : ""}` }, !this.hideLabel && (hAsync("ic-input-label", { class: { [`${this.validationStatus}`]: true }, label: this.label, helperText: this.helperText, required: this.required, disabled: this.disabled })), hAsync("div", { class: "radio-buttons-container" }, hAsync("slot", null))), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { ariaLiveMode: "polite", status: this.validationStatus, message: this.validationText }))));
|
12615
|
+
return (hAsync(Host, { onKeyDown: this.handleKeyDown, class: { small: this.small } }, hAsync("div", { role: "radiogroup", "aria-label": `${this.label}${this.required ? ", required" : ""}` }, !this.hideLabel && (hAsync("ic-input-label", { class: { [`${this.validationStatus}`]: true }, label: this.label, helperText: this.helperText, required: this.required, disabled: this.disabled })), hAsync("div", { class: "radio-buttons-container" }, hAsync("slot", null))), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { ariaLiveMode: "polite", status: this.validationStatus, message: this.validationText }))));
|
12213
12616
|
}
|
12214
12617
|
get host() { return getElement(this); }
|
12215
12618
|
static get style() { return icRadioGroupCss; }
|
@@ -12236,7 +12639,7 @@ class RadioGroup {
|
|
12236
12639
|
}; }
|
12237
12640
|
}
|
12238
12641
|
|
12239
|
-
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-text-field)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host([disabled])*/[disabled].sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:0.063rem solid #a7acb3;border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:0.063rem solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.063rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:0.063rem dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:-0.063rem}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
|
12642
|
+
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-text-field)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host(.disabled)*/.disabled.sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:var(--ic-space-1px) solid #a7acb3;border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-space-1px) solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:var(--ic-space-1px) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-space-1px) dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
|
12240
12643
|
|
12241
12644
|
class RadioOption {
|
12242
12645
|
constructor(hostRef) {
|
@@ -12350,7 +12753,7 @@ class RadioOption {
|
|
12350
12753
|
}
|
12351
12754
|
render() {
|
12352
12755
|
const id = `ic-radio-option-${this.label !== undefined ? this.label : this.value}-${this.groupLabel}`;
|
12353
|
-
return (hAsync(Host, { onClick: this.handleClick }, hAsync("div", { class: { ["container"]: true, ["disabled"]: this.disabled } }, hAsync("div", null, hAsync("input", { role: "radio", tabindex: this.selected ? "0" : "-1", type: "radio", name: this.name, id: id, value: this.value, disabled: this.disabled ? true : null, checked: this.selected, ref: (el) => (this.radioElement = el) }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, this.label))), this.hasAdditionalField && (hAsync("div", { onClick: this.swallowClick, class: {
|
12756
|
+
return (hAsync(Host, { onClick: this.handleClick, class: { disabled: this.disabled } }, hAsync("div", { class: { ["container"]: true, ["disabled"]: this.disabled } }, hAsync("div", null, hAsync("input", { role: "radio", tabindex: this.selected ? "0" : "-1", type: "radio", name: this.name, id: id, value: this.value, disabled: this.disabled ? true : null, checked: this.selected, ref: (el) => (this.radioElement = el) }), hAsync("span", { class: "checkmark" })), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, this.label))), this.hasAdditionalField && (hAsync("div", { onClick: this.swallowClick, class: {
|
12354
12757
|
"dynamic-container": true,
|
12355
12758
|
hidden: this.additionalFieldDisplay === "dynamic" && !this.selected,
|
12356
12759
|
} }, this.additionalFieldDisplay === "dynamic" && (hAsync("div", { class: "branch-corner" })), hAsync("div", null, this.additionalFieldDisplay === "dynamic" && (hAsync("ic-typography", { variant: "caption" }, hAsync("p", { class: "dynamic-text" }, this.dynamicText))), hAsync("div", { class: {
|
@@ -12393,9 +12796,10 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
12393
12796
|
<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"/>
|
12394
12797
|
</svg>`;
|
12395
12798
|
|
12396
|
-
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(.search)*/.search.sc-ic-search-bar-h{--divider-height:1.5rem}/*!@:host(.search.small)*/.search.small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .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:
|
12799
|
+
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(.search)*/.search.sc-ic-search-bar-h{--divider-height:1.5rem}/*!@:host(.search.small)*/.search.small.sc-ic-search-bar-h{--divider-height:1rem}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .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-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);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-focus-blue) !important;box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow) !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-space-1px);background-color:var(--ic-action-dark-active);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)}";
|
12397
12800
|
|
12398
12801
|
let inputIds$3 = 0;
|
12802
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
12399
12803
|
class SearchBar {
|
12400
12804
|
constructor(hostRef) {
|
12401
12805
|
registerInstance(this, hostRef);
|
@@ -12411,12 +12815,17 @@ class SearchBar {
|
|
12411
12815
|
this.icSubmitSearchBlur = createEvent(this, "icSubmitSearchBlur", 7);
|
12412
12816
|
this.icSearchBarBlur = createEvent(this, "icSearchBarBlur", 7);
|
12413
12817
|
this.icSearchBarFocus = createEvent(this, "icSearchBarFocus", 7);
|
12818
|
+
this.icRetryLoad = createEvent(this, "icRetryLoad", 7);
|
12414
12819
|
this.inputId = `ic-search-bar-input-${inputIds$3++}`;
|
12415
12820
|
this.menuId = `${this.inputId}-menu`;
|
12416
12821
|
this.menuCloseFromMenuChangeEvent = false;
|
12417
12822
|
this.truncateValue = false;
|
12418
12823
|
this.assistiveHintEl = null;
|
12419
12824
|
this.preventSubmit = false;
|
12825
|
+
this.prevNoOption = false;
|
12826
|
+
this.hasTimedOut = false;
|
12827
|
+
this.preLoad = true;
|
12828
|
+
this.retryButtonClick = false;
|
12420
12829
|
this.handleSubmitSearch = () => {
|
12421
12830
|
this.highlightedValue && (this.value = this.highlightedValue);
|
12422
12831
|
this.highlightedValue = undefined;
|
@@ -12432,6 +12841,26 @@ class SearchBar {
|
|
12432
12841
|
this.handleSubmitSearch();
|
12433
12842
|
}
|
12434
12843
|
};
|
12844
|
+
this.handleRetry = (ev) => {
|
12845
|
+
this.retryViaKeyPress = ev.detail.keyPressed === "Enter";
|
12846
|
+
this.icRetryLoad.emit({ value: ev.detail.value });
|
12847
|
+
this.triggerLoading();
|
12848
|
+
this.retryButtonClick = true;
|
12849
|
+
};
|
12850
|
+
this.triggerLoading = () => {
|
12851
|
+
const loadingOption = [
|
12852
|
+
{ label: this.loadingLabel, value: "", loading: true },
|
12853
|
+
];
|
12854
|
+
if (this.filteredOptions !== loadingOption)
|
12855
|
+
this.filteredOptions = loadingOption;
|
12856
|
+
if (this.timeout) {
|
12857
|
+
this.timeoutTimer = window.setTimeout(() => {
|
12858
|
+
this.filteredOptions = [
|
12859
|
+
{ label: this.loadingErrorLabel, value: "", timedOut: true },
|
12860
|
+
];
|
12861
|
+
}, this.timeout);
|
12862
|
+
}
|
12863
|
+
};
|
12435
12864
|
this.onInput = (ev) => {
|
12436
12865
|
this.value = ev.target.value;
|
12437
12866
|
const noOptions = [{ label: this.emptyOptionListText, value: "" }];
|
@@ -12532,13 +12961,22 @@ class SearchBar {
|
|
12532
12961
|
};
|
12533
12962
|
this.handleHostBlur = (ev) => {
|
12534
12963
|
const nextFocus = ev.relatedTarget;
|
12535
|
-
if (this.open &&
|
12964
|
+
if (this.open &&
|
12965
|
+
this.options &&
|
12966
|
+
nextFocus !== this.menu &&
|
12967
|
+
!this.retryViaKeyPress &&
|
12968
|
+
!this.retryButtonClick) {
|
12536
12969
|
this.setMenuChange(false);
|
12537
12970
|
}
|
12971
|
+
if (this.retryButtonClick || this.retryViaKeyPress) {
|
12972
|
+
this.inputEl.setFocus();
|
12973
|
+
}
|
12538
12974
|
this.handleShowClearButton(false);
|
12539
12975
|
this.handleMenuCloseFromMenuChange(false);
|
12540
12976
|
this.handleTruncateValue(true);
|
12541
12977
|
this.icSearchBarBlur.emit({ relatedTarget: nextFocus, value: this.value });
|
12978
|
+
this.retryViaKeyPress = false;
|
12979
|
+
this.retryButtonClick = false;
|
12542
12980
|
};
|
12543
12981
|
this.handleShowClearButton = (visible) => {
|
12544
12982
|
this.showClearButton = visible;
|
@@ -12578,7 +13016,8 @@ class SearchBar {
|
|
12578
13016
|
else if (this.hasOptionsOrFilterDisabled() &&
|
12579
13017
|
this.filteredOptions.length > 0 &&
|
12580
13018
|
this.open &&
|
12581
|
-
searchResultsStatusEl
|
13019
|
+
searchResultsStatusEl &&
|
13020
|
+
!this.filteredOptions[0].loading) {
|
12582
13021
|
if (this.hadNoOptions()) {
|
12583
13022
|
searchResultsStatusEl.innerText = this.emptyOptionListText;
|
12584
13023
|
}
|
@@ -12593,14 +13032,21 @@ class SearchBar {
|
|
12593
13032
|
this.isSubmitDisabled = () => {
|
12594
13033
|
const valueNotSet = this.value === undefined || this.value === null || this.value === "";
|
12595
13034
|
const valueLengthLess = this.value.length < this.charactersUntilSuggestion;
|
12596
|
-
return (valueNotSet ||
|
13035
|
+
return (valueNotSet ||
|
13036
|
+
valueLengthLess ||
|
13037
|
+
this.disabled ||
|
13038
|
+
this.hadNoOptions() ||
|
13039
|
+
this.hasTimedOut ||
|
13040
|
+
this.loading);
|
12597
13041
|
};
|
12598
13042
|
this.highlightFirstOptionAfterNoResults = () => {
|
12599
|
-
if (this.prevNoOption && this.menu) {
|
13043
|
+
if (this.prevNoOption && this.menu && !this.hasTimedOut) {
|
12600
13044
|
this.menu.handleSetFirstOption();
|
12601
13045
|
this.prevNoOption = false;
|
12602
13046
|
}
|
12603
|
-
const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption.label === this.emptyOptionListText
|
13047
|
+
const prevNoOptionsList = this.filteredOptions.find((filteredOption) => filteredOption.label === this.emptyOptionListText ||
|
13048
|
+
filteredOption.label === this.loadingErrorLabel ||
|
13049
|
+
filteredOption.label === this.loadingLabel);
|
12604
13050
|
if (prevNoOptionsList) {
|
12605
13051
|
this.prevNoOption = true;
|
12606
13052
|
}
|
@@ -12624,6 +13070,10 @@ class SearchBar {
|
|
12624
13070
|
this.name = this.inputId;
|
12625
13071
|
this.spellcheck = false;
|
12626
13072
|
this.options = [];
|
13073
|
+
this.timeout = undefined;
|
13074
|
+
this.loadingLabel = "Loading...";
|
13075
|
+
this.loadingErrorLabel = "Loading Error";
|
13076
|
+
this.loading = false;
|
12627
13077
|
this.focusOnLoad = false;
|
12628
13078
|
this.hintText = "When autocomplete results are available use the up and down arrows to choose and press enter to select";
|
12629
13079
|
this.emptyOptionListText = "No results found";
|
@@ -12634,11 +13084,21 @@ class SearchBar {
|
|
12634
13084
|
this.showClearButton = false;
|
12635
13085
|
this.clearButtonFocused = false;
|
12636
13086
|
this.searchSubmitFocused = false;
|
12637
|
-
this.prevNoOption = false;
|
12638
13087
|
this.highlightedValue = undefined;
|
12639
13088
|
}
|
13089
|
+
loadingHandler(newValue) {
|
13090
|
+
if (newValue && !this.hasTimedOut) {
|
13091
|
+
this.preLoad = false;
|
13092
|
+
this.triggerLoading();
|
13093
|
+
}
|
13094
|
+
}
|
13095
|
+
filteredOptionsHandler(newOptions) {
|
13096
|
+
this.hasTimedOut = newOptions.some((opt) => opt.timedOut);
|
13097
|
+
}
|
12640
13098
|
watchOptionsHandler(newOptions) {
|
12641
|
-
if (this.disableFilter) {
|
13099
|
+
if (this.disableFilter && !this.hasTimedOut) {
|
13100
|
+
this.loading = false;
|
13101
|
+
clearTimeout(this.timeoutTimer);
|
12642
13102
|
if (newOptions.length > 0) {
|
12643
13103
|
this.filteredOptions = newOptions;
|
12644
13104
|
}
|
@@ -12647,7 +13107,11 @@ class SearchBar {
|
|
12647
13107
|
return;
|
12648
13108
|
}
|
12649
13109
|
this.setMenuChange(true);
|
12650
|
-
this.
|
13110
|
+
!this.preLoad &&
|
13111
|
+
(this.filteredOptions = [
|
13112
|
+
{ label: this.emptyOptionListText, value: "" },
|
13113
|
+
]);
|
13114
|
+
this.preLoad = true;
|
12651
13115
|
}
|
12652
13116
|
}
|
12653
13117
|
this.debounceAriaLiveUpdate();
|
@@ -12666,6 +13130,8 @@ class SearchBar {
|
|
12666
13130
|
* Sets focus on the native `input`.
|
12667
13131
|
*/
|
12668
13132
|
async setFocus() {
|
13133
|
+
this.retryViaKeyPress = false;
|
13134
|
+
this.retryButtonClick = false;
|
12669
13135
|
if (this.inputEl) {
|
12670
13136
|
this.inputEl.setFocus();
|
12671
13137
|
}
|
@@ -12743,6 +13209,9 @@ class SearchBar {
|
|
12743
13209
|
const disabledText = disabledMode && !readonly;
|
12744
13210
|
const hasSuggestedSearch = value && this.hasOptionsOrFilterDisabled();
|
12745
13211
|
const menuOpen = hasSuggestedSearch && open && filteredOptions.length > 0;
|
13212
|
+
const isOrHasLoaded = this.filteredOptions.length === 1 &&
|
13213
|
+
(this.filteredOptions[0].label === this.loadingLabel ||
|
13214
|
+
filteredOptions[0].label === this.loadingErrorLabel);
|
12746
13215
|
let expanded;
|
12747
13216
|
if (options.length > 0) {
|
12748
13217
|
if (menuOpen) {
|
@@ -12780,12 +13249,14 @@ class SearchBar {
|
|
12780
13249
|
"menu-container": true,
|
12781
13250
|
fullwidth: fullWidth,
|
12782
13251
|
}, slot: "menu" }, menuOpen && value.length >= this.charactersUntilSuggestion && (hAsync("ic-menu", { class: {
|
12783
|
-
"no-results": this.hadNoOptions(),
|
12784
|
-
}, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: small, fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
13252
|
+
"no-results": this.hadNoOptions() || isOrHasLoaded,
|
13253
|
+
}, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el), small: small, fullWidth: fullWidth, menuId: menuId, open: true, options: filteredOptions, onMenuOptionSelect: this.handleOptionSelect, onMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, onRetryButtonClicked: this.handleRetry, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
12785
13254
|
}
|
12786
13255
|
static get delegatesFocus() { return true; }
|
12787
13256
|
get el() { return getElement(this); }
|
12788
13257
|
static get watchers() { return {
|
13258
|
+
"loading": ["loadingHandler"],
|
13259
|
+
"filteredOptions": ["filteredOptionsHandler"],
|
12789
13260
|
"options": ["watchOptionsHandler"],
|
12790
13261
|
"value": ["watchValueHandler"]
|
12791
13262
|
}; }
|
@@ -12813,6 +13284,10 @@ class SearchBar {
|
|
12813
13284
|
"name": [1],
|
12814
13285
|
"spellcheck": [4],
|
12815
13286
|
"options": [16],
|
13287
|
+
"timeout": [2],
|
13288
|
+
"loadingLabel": [1, "loading-label"],
|
13289
|
+
"loadingErrorLabel": [1, "loading-error-label"],
|
13290
|
+
"loading": [1028],
|
12816
13291
|
"focusOnLoad": [4, "focus-on-load"],
|
12817
13292
|
"hintText": [1, "hint-text"],
|
12818
13293
|
"emptyOptionListText": [1, "empty-option-list-text"],
|
@@ -12823,7 +13298,6 @@ class SearchBar {
|
|
12823
13298
|
"showClearButton": [32],
|
12824
13299
|
"clearButtonFocused": [32],
|
12825
13300
|
"searchSubmitFocused": [32],
|
12826
|
-
"prevNoOption": [32],
|
12827
13301
|
"highlightedValue": [32],
|
12828
13302
|
"setFocus": [64]
|
12829
13303
|
},
|
@@ -12874,9 +13348,10 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
|
|
12874
13348
|
</svg>
|
12875
13349
|
`;
|
12876
13350
|
|
12877
|
-
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{position:relative}/*!@:host(.full-width)*/.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-active);color:var(--ic-action-dark-active)}/*!@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-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image: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-primary-text)}/*!@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(.disabled)) ic-input-component-container:hover .select-input*/.sc-ic-select-h:not(.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(.searchable) .select-input*/.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(.disabled) .expand-icon,\n:host(.disabled) .expand-icon > svg > path*/.disabled.sc-ic-select-h .expand-icon.sc-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(.searchable) .expand-icon*/.searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:var(--ic-space-xxs);height:2.25rem}/*!@:host(.searchable) .expand-icon > svg*/.searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 0.375rem}/*!@:host(.searchable:not(.disabled)) .expand-icon > svg*/.searchable.sc-ic-select-h:not(.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(.searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.disabled) .value-text,\n.placeholder*/.disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-tertiary-text)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;gap:var(--ic-space-xxs);padding-left:2.375rem}/*!@:host(.small) .clear-button-container*/.small.sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:1.875rem}/*!@.divider*/.divider.sc-ic-select{width:0.063rem;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius:0.063rem;height:var(--ic-space-lg)}/*!@:host(.small) .divider*/.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-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);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:0.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:0.063rem}";
|
13351
|
+
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{position:relative}/*!@:host(.full-width)*/.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-active);color:var(--ic-action-dark-active)}/*!@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-primary-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image: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-primary-text)}/*!@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(.disabled)) ic-input-component-container:hover .select-input*/.sc-ic-select-h:not(.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(.searchable) .select-input*/.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(.disabled) .expand-icon,\n:host(.disabled) .expand-icon > svg > path*/.disabled.sc-ic-select-h .expand-icon.sc-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(.searchable) .expand-icon*/.searchable.sc-ic-select-h .expand-icon.sc-ic-select{padding-left:var(--ic-space-xxs);height:2.25rem}/*!@:host(.searchable) .expand-icon > svg*/.searchable.sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:2.25rem;padding:0 0.375rem}/*!@:host(.searchable:not(.disabled)) .expand-icon > svg*/.searchable.sc-ic-select-h:not(.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(.searchable) .expand-icon-open*/.expand-icon-open.sc-ic-select,.searchable.sc-ic-select-h .expand-icon-open.sc-ic-select{transform:rotateX(180deg)}/*!@:host(.disabled) .value-text,\n.placeholder*/.disabled.sc-ic-select-h .value-text.sc-ic-select,.placeholder.sc-ic-select{color:var(--ic-color-tertiary-text)}/*!@.select-input-end*/.select-input-end.sc-ic-select{display:flex;align-items:center}/*!@.clear-button-container*/.clear-button-container.sc-ic-select{display:flex;gap:var(--ic-space-xxs);padding-left:2.375rem}/*!@:host(.small) .clear-button-container*/.small.sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:1.875rem}/*!@.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(.small) .divider*/.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-focus-blue);box-shadow:inset 0 0 0 0.125rem var(--ic-focus-glow);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)}";
|
12878
13352
|
|
12879
13353
|
let inputIds$2 = 0;
|
13354
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
12880
13355
|
class Select {
|
12881
13356
|
constructor(hostRef) {
|
12882
13357
|
registerInstance(this, hostRef);
|
@@ -12886,15 +13361,26 @@ class Select {
|
|
12886
13361
|
this.icBlur = createEvent(this, "icBlur", 7);
|
12887
13362
|
this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
|
12888
13363
|
this.icInput = createEvent(this, "icInput", 7);
|
13364
|
+
this.icRetryLoad = createEvent(this, "icRetryLoad", 7);
|
12889
13365
|
this.inputId = `ic-select-input-${inputIds$2++}`;
|
12890
13366
|
this.menuId = `${this.inputId}-menu`;
|
12891
13367
|
this.ungroupedOptions = [];
|
12892
13368
|
this.inheritedAttributes = {};
|
12893
13369
|
this.hasSetDefaultValue = false;
|
12894
|
-
this.initialRender = false;
|
12895
13370
|
this.initialOptionsEmpty = false;
|
13371
|
+
this.handleRetry = (ev) => {
|
13372
|
+
var _a;
|
13373
|
+
if (ev.detail.keyPressed)
|
13374
|
+
(_a = this.searchableSelectElement) === null || _a === void 0 ? void 0 : _a.focus();
|
13375
|
+
this.blurredBecauseButtonPressed = true;
|
13376
|
+
this.retryButtonClick = true;
|
13377
|
+
this.hasSetDefaultValue = true;
|
13378
|
+
this.icRetryLoad.emit({ value: this.hiddenInputValue });
|
13379
|
+
};
|
12896
13380
|
this.emitIcChange = (value) => {
|
12897
|
-
this.
|
13381
|
+
if (!this.searchable) {
|
13382
|
+
this.value = value;
|
13383
|
+
}
|
12898
13384
|
clearTimeout(this.debounceIcChange);
|
12899
13385
|
this.debounceIcChange = window.setTimeout(() => {
|
12900
13386
|
this.icChange.emit({ value: value });
|
@@ -12937,11 +13423,6 @@ class Select {
|
|
12937
13423
|
this.getLabelFromValue = (value) => {
|
12938
13424
|
return getLabelFromValue(value, this.options);
|
12939
13425
|
};
|
12940
|
-
this.getValueFromLabel = (label) => {
|
12941
|
-
var _a;
|
12942
|
-
const value = (_a = this.options.find((option) => option.label === label)) === null || _a === void 0 ? void 0 : _a.value;
|
12943
|
-
return value;
|
12944
|
-
};
|
12945
13426
|
this.getFilteredChildMenuOptions = (option) => {
|
12946
13427
|
let children = option.children;
|
12947
13428
|
if (this.searchable) {
|
@@ -12965,7 +13446,13 @@ class Select {
|
|
12965
13446
|
return;
|
12966
13447
|
}
|
12967
13448
|
if (this.searchable) {
|
12968
|
-
this.
|
13449
|
+
this.value = event.detail.value;
|
13450
|
+
// After editing the input, if selecting the same option as before, set the input value to label again
|
13451
|
+
if (this.value === this.currValue) {
|
13452
|
+
this.searchableSelectInputValue = this.getLabelFromValue(this.value);
|
13453
|
+
}
|
13454
|
+
this.inputValueToFilter = null;
|
13455
|
+
this.hiddenInputValue = this.getValueFromLabel(this.searchableSelectInputValue);
|
12969
13456
|
}
|
12970
13457
|
this.ariaActiveDescendant = event.detail.optionId;
|
12971
13458
|
this.icOptionSelect.emit({ value: event.detail.value });
|
@@ -13002,8 +13489,10 @@ class Select {
|
|
13002
13489
|
this.menu.options = this.filteredOptions;
|
13003
13490
|
}
|
13004
13491
|
else {
|
13005
|
-
this.
|
13006
|
-
|
13492
|
+
if (!this.hasTimedOut && !this.loading) {
|
13493
|
+
this.noOptions = null;
|
13494
|
+
this.menu.options = this.options;
|
13495
|
+
}
|
13007
13496
|
}
|
13008
13497
|
if (event.detail !== 0 && this.isMenuEnabled()) {
|
13009
13498
|
this.menu.handleClickOpen();
|
@@ -13018,13 +13507,15 @@ class Select {
|
|
13018
13507
|
};
|
13019
13508
|
this.handleClear = (event) => {
|
13020
13509
|
event.stopPropagation();
|
13510
|
+
this.hasTimedOut = false;
|
13021
13511
|
this.noOptions = null;
|
13022
13512
|
this.emitImmediateIcChange(null);
|
13023
13513
|
this.icClear.emit();
|
13024
13514
|
if (this.searchable) {
|
13025
13515
|
this.searchableSelectElement.value = null;
|
13026
13516
|
this.searchableSelectInputValue = null;
|
13027
|
-
this.
|
13517
|
+
this.filteredOptions = this.options;
|
13518
|
+
this.hiddenInputValue = null;
|
13028
13519
|
this.searchableSelectElement.focus();
|
13029
13520
|
if (!this.isMenuEnabled()) {
|
13030
13521
|
this.setMenuChange(false);
|
@@ -13036,7 +13527,11 @@ class Select {
|
|
13036
13527
|
};
|
13037
13528
|
this.handleCharacterKeyDown = (key) => {
|
13038
13529
|
// Only close menu when space is pressed if not being used alongside character keys to quickly select options
|
13039
|
-
if (this.open &&
|
13530
|
+
if (this.open &&
|
13531
|
+
key === " " &&
|
13532
|
+
this.pressedCharacters.length === 0 &&
|
13533
|
+
!this.hasTimedOut &&
|
13534
|
+
!this.loading) {
|
13040
13535
|
this.setMenuChange(false);
|
13041
13536
|
}
|
13042
13537
|
if (key.length === 1 && !this.searchable) {
|
@@ -13064,8 +13559,10 @@ class Select {
|
|
13064
13559
|
this.menu.options = this.filteredOptions;
|
13065
13560
|
}
|
13066
13561
|
else {
|
13067
|
-
this.
|
13068
|
-
|
13562
|
+
if (!this.hasTimedOut) {
|
13563
|
+
this.noOptions = null;
|
13564
|
+
this.menu.options = this.options;
|
13565
|
+
}
|
13069
13566
|
}
|
13070
13567
|
}
|
13071
13568
|
if (this.open && event.key === "Enter") {
|
@@ -13074,6 +13571,7 @@ class Select {
|
|
13074
13571
|
else {
|
13075
13572
|
if (!(isArrowKey && this.noOptions !== null) && this.isMenuEnabled()) {
|
13076
13573
|
if (!(event.key === " " && this.pressedCharacters.length > 0)) {
|
13574
|
+
// Keyboard events get passed onto ic-menu
|
13077
13575
|
this.menu.handleKeyboardOpen(event);
|
13078
13576
|
}
|
13079
13577
|
this.handleCharacterKeyDown(event.key);
|
@@ -13083,7 +13581,15 @@ class Select {
|
|
13083
13581
|
this.handleClearButtonFocus = () => {
|
13084
13582
|
this.clearButtonFocused = true;
|
13085
13583
|
};
|
13086
|
-
this.handleClearButtonBlur = () => {
|
13584
|
+
this.handleClearButtonBlur = (ev) => {
|
13585
|
+
var _a;
|
13586
|
+
const retryButton = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector("#retry-button");
|
13587
|
+
if (!(this.searchableSelectElement &&
|
13588
|
+
ev.relatedTarget === this.searchableSelectElement) &&
|
13589
|
+
!(retryButton && ev.relatedTarget === retryButton)) {
|
13590
|
+
this.setMenuChange(false);
|
13591
|
+
this.handleFocusIndicatorDisplay();
|
13592
|
+
}
|
13087
13593
|
this.clearButtonFocused = false;
|
13088
13594
|
};
|
13089
13595
|
this.handleFilter = () => {
|
@@ -13096,7 +13602,7 @@ class Select {
|
|
13096
13602
|
});
|
13097
13603
|
let menuOptionsFiltered;
|
13098
13604
|
if (this.searchable) {
|
13099
|
-
menuOptionsFiltered = getFilteredMenuOptions(options, this.includeDescriptionsInSearch, this.
|
13605
|
+
menuOptionsFiltered = getFilteredMenuOptions(options, this.includeDescriptionsInSearch, this.inputValueToFilter, this.searchMatchPosition);
|
13100
13606
|
}
|
13101
13607
|
else {
|
13102
13608
|
menuOptionsFiltered = getFilteredMenuOptions(options, false, this.pressedCharacters, "start");
|
@@ -13138,15 +13644,37 @@ class Select {
|
|
13138
13644
|
this.filteredOptions = this.noOptions;
|
13139
13645
|
}
|
13140
13646
|
};
|
13647
|
+
this.triggerLoading = () => {
|
13648
|
+
this.hasTimedOut = false;
|
13649
|
+
this.noOptions = [{ label: this.loadingLabel, value: "", loading: true }];
|
13650
|
+
if (this.filteredOptions !== this.noOptions && this.searchable)
|
13651
|
+
this.filteredOptions = this.noOptions;
|
13652
|
+
else if (!this.searchable && this.options !== this.noOptions)
|
13653
|
+
this.options = this.noOptions;
|
13654
|
+
if (this.timeout) {
|
13655
|
+
this.timeoutTimer = window.setTimeout(() => {
|
13656
|
+
this.loading = false;
|
13657
|
+
this.hasTimedOut = true;
|
13658
|
+
this.noOptions = [
|
13659
|
+
{ label: this.loadingErrorLabel, value: "", timedOut: true },
|
13660
|
+
];
|
13661
|
+
this.filteredOptions = this.noOptions;
|
13662
|
+
if (!this.searchable)
|
13663
|
+
this.options = this.noOptions;
|
13664
|
+
}, this.timeout);
|
13665
|
+
}
|
13666
|
+
};
|
13667
|
+
this.getValueFromLabel = (label) => {
|
13668
|
+
var _a;
|
13669
|
+
const value = (_a = this.options.find((option) => option.label === label)) === null || _a === void 0 ? void 0 : _a.value;
|
13670
|
+
return value;
|
13671
|
+
};
|
13141
13672
|
this.handleSearchableSelectInput = (event) => {
|
13142
13673
|
this.searchableSelectInputValue = event.target.value;
|
13143
13674
|
this.icInput.emit({ value: this.searchableSelectInputValue });
|
13144
|
-
|
13145
|
-
|
13146
|
-
|
13147
|
-
else if (this.getValueFromLabel(this.searchableSelectInputValue) === undefined) {
|
13148
|
-
this.emitIcChange(null);
|
13149
|
-
}
|
13675
|
+
this.emitIcChange(this.searchableSelectInputValue);
|
13676
|
+
this.hiddenInputValue = this.searchableSelectInputValue;
|
13677
|
+
this.inputValueToFilter = this.searchableSelectInputValue;
|
13150
13678
|
if (this.isMenuEnabled()) {
|
13151
13679
|
this.setMenuChange(true);
|
13152
13680
|
}
|
@@ -13174,20 +13702,43 @@ class Select {
|
|
13174
13702
|
this.icFocus.emit();
|
13175
13703
|
};
|
13176
13704
|
this.onBlur = (event) => {
|
13705
|
+
var _a;
|
13706
|
+
const target = event.relatedTarget;
|
13707
|
+
if (target !== null &&
|
13708
|
+
target.tagName === "UL" &&
|
13709
|
+
target.className.includes("menu")) {
|
13710
|
+
return;
|
13711
|
+
}
|
13712
|
+
const retryButton = (_a = this.menu) === null || _a === void 0 ? void 0 : _a.querySelector("#retry-button");
|
13177
13713
|
const isSearchableAndNoFocusedInternalElements = this.searchable &&
|
13178
13714
|
event.relatedTarget !== this.menu &&
|
13179
13715
|
!Array.from(this.menu.querySelectorAll("[role='option']")).includes(event.relatedTarget) &&
|
13180
|
-
!(this.clearButton && event.relatedTarget === this.clearButton)
|
13716
|
+
!(this.clearButton && event.relatedTarget === this.clearButton) &&
|
13717
|
+
!(retryButton && event.relatedTarget === retryButton);
|
13181
13718
|
if (isSearchableAndNoFocusedInternalElements) {
|
13182
|
-
this.
|
13719
|
+
if (!this.retryButtonClick) {
|
13720
|
+
this.setMenuChange(false);
|
13721
|
+
}
|
13183
13722
|
this.handleFocusIndicatorDisplay();
|
13184
13723
|
}
|
13724
|
+
this.retryButtonClick = false;
|
13185
13725
|
this.icBlur.emit();
|
13186
13726
|
};
|
13727
|
+
this.onTimeoutBlur = (ev) => {
|
13728
|
+
if (ev.detail.ev.relatedTarget !==
|
13729
|
+
this.searchableSelectElement &&
|
13730
|
+
!this.blurredBecauseButtonPressed) {
|
13731
|
+
this.setMenuChange(false);
|
13732
|
+
this.handleFocusIndicatorDisplay();
|
13733
|
+
this.icBlur.emit();
|
13734
|
+
}
|
13735
|
+
this.blurredBecauseButtonPressed = false;
|
13736
|
+
};
|
13187
13737
|
this.handleFormReset = () => {
|
13188
13738
|
this.value = this.initialValue;
|
13189
13739
|
if (this.searchable) {
|
13190
13740
|
this.searchableSelectInputValue = this.getDefaultValue(this.value);
|
13741
|
+
this.hiddenInputValue = this.value;
|
13191
13742
|
}
|
13192
13743
|
};
|
13193
13744
|
this.label = undefined;
|
@@ -13213,6 +13764,10 @@ class Select {
|
|
13213
13764
|
this.charactersUntilSuggestions = 0;
|
13214
13765
|
this.emptyOptionListText = "No results found";
|
13215
13766
|
this.disableFilter = false;
|
13767
|
+
this.timeout = undefined;
|
13768
|
+
this.loadingLabel = "Loading...";
|
13769
|
+
this.loadingErrorLabel = "Loading Error";
|
13770
|
+
this.loading = false;
|
13216
13771
|
this.open = false;
|
13217
13772
|
this.clearButtonFocused = false;
|
13218
13773
|
this.searchableSelectInputValue = null;
|
@@ -13224,32 +13779,41 @@ class Select {
|
|
13224
13779
|
this.currValue = this.value;
|
13225
13780
|
this.debounceIcChange = undefined;
|
13226
13781
|
this.pressedCharacters = "";
|
13782
|
+
this.hiddenInputValue = undefined;
|
13783
|
+
this.inputValueToFilter = this.value;
|
13784
|
+
}
|
13785
|
+
loadingHandler(newValue) {
|
13786
|
+
newValue && this.triggerLoading();
|
13227
13787
|
}
|
13228
13788
|
watchOptionsHandler() {
|
13229
|
-
if (this.
|
13230
|
-
|
13789
|
+
if (!this.hasTimedOut) {
|
13790
|
+
this.loading = false;
|
13791
|
+
clearTimeout(this.timeoutTimer);
|
13792
|
+
if (this.isExternalFiltering()) {
|
13793
|
+
if (this.options.length > 0) {
|
13794
|
+
this.setOptionsValuesFromLabels();
|
13795
|
+
this.noOptions = null;
|
13796
|
+
this.filteredOptions = this.options;
|
13797
|
+
}
|
13798
|
+
else if (this.isMenuEnabled()) {
|
13799
|
+
this.noOptions = [{ label: this.emptyOptionListText, value: "" }];
|
13800
|
+
this.filteredOptions = this.noOptions;
|
13801
|
+
}
|
13802
|
+
this.updateSearchableSelectResultAriaLive();
|
13803
|
+
this.setDefaultValue();
|
13804
|
+
}
|
13805
|
+
else {
|
13231
13806
|
this.setOptionsValuesFromLabels();
|
13232
|
-
this.noOptions = null;
|
13233
13807
|
this.filteredOptions = this.options;
|
13234
|
-
|
13235
|
-
|
13236
|
-
|
13237
|
-
this.filteredOptions = this.noOptions;
|
13238
|
-
// Will prevent 'No results found' displaying on initial load and setting default value
|
13239
|
-
if (!this.initialRender) {
|
13240
|
-
this.setMenuChange(true);
|
13808
|
+
if (this.initialOptionsEmpty) {
|
13809
|
+
this.setDefaultValue();
|
13810
|
+
this.initialOptionsEmpty = false;
|
13241
13811
|
}
|
13242
13812
|
}
|
13243
|
-
this.updateSearchableSelectResultAriaLive();
|
13244
|
-
this.setDefaultValue();
|
13245
13813
|
}
|
13246
13814
|
else {
|
13247
|
-
this.
|
13248
|
-
|
13249
|
-
if (this.initialOptionsEmpty) {
|
13250
|
-
this.setDefaultValue();
|
13251
|
-
this.initialOptionsEmpty = false;
|
13252
|
-
}
|
13815
|
+
if (!this.searchable)
|
13816
|
+
this.options = this.noOptions;
|
13253
13817
|
}
|
13254
13818
|
}
|
13255
13819
|
debounceChangedHandler(newValue) {
|
@@ -13259,6 +13823,10 @@ class Select {
|
|
13259
13823
|
if (this.value !== this.currValue) {
|
13260
13824
|
this.currValue = this.value;
|
13261
13825
|
}
|
13826
|
+
if (this.searchable && !!this.currValue) {
|
13827
|
+
this.searchableSelectInputValue =
|
13828
|
+
this.getLabelFromValue(this.currValue) || this.currValue;
|
13829
|
+
}
|
13262
13830
|
}
|
13263
13831
|
/**
|
13264
13832
|
* Sets focus on the input box.
|
@@ -13300,11 +13868,10 @@ class Select {
|
|
13300
13868
|
]);
|
13301
13869
|
this.setOptionsValuesFromLabels();
|
13302
13870
|
addFormResetListener(this.host, this.handleFormReset);
|
13303
|
-
this.initialRender = true;
|
13304
13871
|
if (!this.options.length) {
|
13305
13872
|
this.initialOptionsEmpty = true;
|
13306
13873
|
}
|
13307
|
-
else
|
13874
|
+
else {
|
13308
13875
|
this.setDefaultValue();
|
13309
13876
|
}
|
13310
13877
|
}
|
@@ -13313,18 +13880,24 @@ class Select {
|
|
13313
13880
|
this.setTextColor();
|
13314
13881
|
}
|
13315
13882
|
}
|
13316
|
-
componentWillUpdate() {
|
13317
|
-
this.initialRender = false;
|
13318
|
-
}
|
13319
13883
|
componentDidLoad() {
|
13320
13884
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Select");
|
13885
|
+
if (this.loading)
|
13886
|
+
this.triggerLoading();
|
13887
|
+
this.hiddenInputValue = this.searchable && this.currValue;
|
13321
13888
|
}
|
13322
13889
|
disconnectedCallback() {
|
13323
13890
|
removeFormResetListener(this.host, this.handleFormReset);
|
13324
13891
|
}
|
13325
13892
|
render() {
|
13893
|
+
var _a, _b;
|
13326
13894
|
const { small, disabled, fullWidth, helperText, hideLabel, label, menuId, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, currValue, } = this;
|
13327
|
-
|
13895
|
+
const isOrHasLoaded = ((_a = (searchable ? this.filteredOptions : options)[0]) === null || _a === void 0 ? void 0 : _a.label) ===
|
13896
|
+
this.loadingLabel ||
|
13897
|
+
((_b = (searchable ? this.filteredOptions : options)[0]) === null || _b === void 0 ? void 0 : _b.label) ===
|
13898
|
+
this.loadingErrorLabel;
|
13899
|
+
const inputValue = this.searchable ? this.hiddenInputValue : currValue;
|
13900
|
+
renderHiddenInput(true, this.host, name, inputValue, disabled);
|
13328
13901
|
const invalid = validationStatus === IcInformationStatus.Error ? "true" : "false";
|
13329
13902
|
const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
|
13330
13903
|
return (hAsync(Host, { class: {
|
@@ -13332,14 +13905,14 @@ class Select {
|
|
13332
13905
|
searchable: searchable,
|
13333
13906
|
small: small,
|
13334
13907
|
"full-width": fullWidth,
|
13335
|
-
} }, 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 }, small: small, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, readonly ? (hAsync("ic-typography", null, hAsync("p", null, this.getLabelFromValue(currValue)))) : isMobileOrTablet() ? (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 }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
|
13908
|
+
}, 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 }, small: small, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, readonly ? (hAsync("ic-typography", null, hAsync("p", null, this.getLabelFromValue(currValue)))) : isMobileOrTablet() ? (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 }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
|
13336
13909
|
if (option.children) {
|
13337
13910
|
return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label)))));
|
13338
13911
|
}
|
13339
13912
|
else {
|
13340
13913
|
return (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === currValue }, option.label));
|
13341
13914
|
}
|
13342
|
-
}))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: "select-input", role: "combobox", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": this.open ? "true" : "false", "aria-invalid": invalid, "aria-required": required ? "true" : "false", "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 }), this.searchableSelectInputValue &&
|
13915
|
+
}))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: "select-input", role: "combobox", autocomplete: "off", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": this.open ? "true" : "false", "aria-invalid": invalid, "aria-required": required ? "true" : "false", "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 }), this.searchableSelectInputValue &&
|
13343
13916
|
(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
|
13344
13917
|
? "Clear input"
|
13345
13918
|
: "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: small ? "small" : "default", variant: "icon", appearance: this.clearButtonFocused
|
@@ -13358,14 +13931,15 @@ class Select {
|
|
13358
13931
|
}, 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: small ? "small" : "default", variant: "icon", appearance: this.clearButtonFocused
|
13359
13932
|
? IcThemeForegroundEnum.Light
|
13360
13933
|
: IcThemeForegroundEnum.Dark }))))), !isMobileOrTablet() && (hAsync("ic-menu", { class: {
|
13361
|
-
"no-results": this.noOptions !== null
|
13934
|
+
"no-results": this.noOptions !== null || isOrHasLoaded,
|
13362
13935
|
}, ref: (el) => (this.menu = el), inputEl: searchable
|
13363
13936
|
? this.searchableSelectElement
|
13364
|
-
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: currValue, fullWidth: fullWidth, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, parentEl: this.host })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
|
13937
|
+
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: currValue, fullWidth: fullWidth, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleCustomSelectChange, onMenuKeyPress: this.handleMenuKeyPress, onUngroupedOptionsSet: this.setUngroupedOptions, onRetryButtonClicked: this.handleRetry, parentEl: this.host, onTimeoutBlur: this.onTimeoutBlur, activationType: this.searchable ? "manual" : "automatic" })), hasValidationStatus(this.validationStatus, this.disabled) && (hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: validationStatus, message: validationText, for: this.inputId })))));
|
13365
13938
|
}
|
13366
13939
|
static get delegatesFocus() { return true; }
|
13367
13940
|
get host() { return getElement(this); }
|
13368
13941
|
static get watchers() { return {
|
13942
|
+
"loading": ["loadingHandler"],
|
13369
13943
|
"options": ["watchOptionsHandler"],
|
13370
13944
|
"debounce": ["debounceChangedHandler"],
|
13371
13945
|
"value": ["valueChangedHandler"]
|
@@ -13398,6 +13972,10 @@ class Select {
|
|
13398
13972
|
"charactersUntilSuggestions": [2, "characters-until-suggestions"],
|
13399
13973
|
"emptyOptionListText": [1, "empty-option-list-text"],
|
13400
13974
|
"disableFilter": [4, "disable-filter"],
|
13975
|
+
"timeout": [2],
|
13976
|
+
"loadingLabel": [1, "loading-label"],
|
13977
|
+
"loadingErrorLabel": [1, "loading-error-label"],
|
13978
|
+
"loading": [1028],
|
13401
13979
|
"open": [32],
|
13402
13980
|
"clearButtonFocused": [32],
|
13403
13981
|
"searchableSelectInputValue": [32],
|
@@ -13409,6 +13987,8 @@ class Select {
|
|
13409
13987
|
"currValue": [32],
|
13410
13988
|
"debounceIcChange": [32],
|
13411
13989
|
"pressedCharacters": [32],
|
13990
|
+
"hiddenInputValue": [32],
|
13991
|
+
"inputValueToFilter": [32],
|
13412
13992
|
"setFocus": [64]
|
13413
13993
|
},
|
13414
13994
|
"$listeners$": undefined,
|
@@ -13424,7 +14004,7 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0
|
|
13424
14004
|
</svg>
|
13425
14005
|
`;
|
13426
14006
|
|
13427
|
-
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--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;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(.inline) .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;visibility:hidden}/*!@:host(.inline) .side-navigation-inner*/.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(.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(.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-keyline-lighten);position:sticky;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;visibility:hidden}/*!@:host(.dark) .bottom-wrapper*/.dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-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-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.inline) .top-bar*/.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-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}@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}/*!@: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{position:absolute;right:var(--ic-space-md);top:0;bottom:0;width:auto;display:flex;align-items:center;pointer-events:none}/*!@.app-status-wrapper .app-version*/.app-status-wrapper.sc-ic-side-navigation .app-version.sc-ic-side-navigation{max-width:6.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@.app-status-wrapper .app-status*/.app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{border-radius:5rem;background-color:var(--ic-theme-text);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-right:var(--ic-space-xs);max-width:6.25rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}/*!@:host(.dark) .app-status-wrapper .app-status*/.dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{color:var(--ic-color-white-text)}/*!@.navigation-landmark-title*/.navigation-landmark-title.sc-ic-side-navigation{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;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-active);--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-height:3.5rem;--navigation-item-width:auto;--navigation-item-justify-content:flex-start}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{position:relative;align-content:flex-end;height:var(--sm-side-navigation-top-bar-height)}/*!@.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{display:none}/*!@.menu-visibility-visible*/.menu-visibility-visible.sc-ic-side-navigation{visibility:visible}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-side-navigation{visibility:hidden}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 577px){/*!@:host*/.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.static)*/.static.sc-ic-side-navigation-h{position:relative;left:auto;top:auto;bottom:auto}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{padding:var(--ic-space-xxs) 0}/*!@.top-bar*/.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(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right) .top-bar*/.anchor-right.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) .bottom-wrapper*/.anchor-right.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed)*/.sm-collapsed.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)*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded)*/.sm-expanded.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.inline) .side-navigation*/.inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{width:100%;visibility:visible}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{visibility:visible}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-sm)}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin:calc(-1 * 0.281rem) 0 calc(-1 * 0.281rem) var(--ic-space-md);font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed) .app-title-wrapper ic-typography*/.sm-collapsed.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) ic-typography*/.sm-expanded.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded) :is(.side-navigation, .top-bar)*/.sm-expanded.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) :is(.side-navigation, .top-bar)*/.sm-collapsed.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) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@.app-status-wrapper,\n :host(.sm-collapsed) .app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none}/*!@:host(.sm-expanded) .app-status-wrapper*/.sm-expanded.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:flex}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;display:flex;flex-direction:column}/*!@.bottom-side-nav .menu-expand-button*/.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)}/*!@.bottom-side-nav .menu-expand-button svg*/.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)}/*!@.bottom-side-nav .menu-expand-button:hover*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-theme-hover)}/*!@:host .bottom-side-nav*/.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{outline:none}/*!@:host .bottom-side-nav .menu-expand-button:focus*/.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) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.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) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.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(.anchor-right.sm-collapsed) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-collapsed.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) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-expanded.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) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-item),\n :host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0}/*!@:host(.sm-expanded) ::slotted(ic-navigation-item),\n :host(.sm-expanded) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .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) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .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-navigation,\n :host(.sm-collapsed.collapsed-labels) .top-bar*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels) .menu-expand-button*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels) .app-title-wrapper*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels .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) .bottom-side-nav .menu-expand-button*/.collapsed-labels.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host .collapsed-icon-labels-start*/.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host .collapsed-icon-labels-end*/.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: 993px){/*!@:host*/.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded)*/.sm-expanded.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-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
14007
|
+
const icSideNavigationCss = "/*!@:host*/.sc-ic-side-navigation-h{display:block;--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(.inline) .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;visibility:hidden}/*!@:host(.inline) .side-navigation-inner*/.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(.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(.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-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;visibility:hidden}/*!@:host(.inline) .bottom-wrapper*/.inline.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{position:sticky}/*!@:host(.dark) .bottom-wrapper*/.dark.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{border-top:var(--ic-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-keyline-darken);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}/*!@:host(.inline) .top-bar*/.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-keyline-lighten)}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{display:flex;margin-left:var(--ic-space-xs);border-left:var(--ic-keyline-darken);padding-left:var(--ic-space-xxs);color:var(--ic-theme-text);align-items:center}@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}/*!@: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{left:3.5rem;right:var(--ic-space-sm);top:0;bottom:0;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-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}/*!@.app-status-wrapper .app-status-text*/.app-status-wrapper.sc-ic-side-navigation .app-status-text.sc-ic-side-navigation{overflow-wrap:break-word}/*!@:host(.dark) .app-status-wrapper .app-status*/.dark.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation .app-status.sc-ic-side-navigation{color:var(--ic-color-white-text)}/*!@.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-active);--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-height:3.5rem;--navigation-item-width:auto;--navigation-item-justify-content:flex-start}/*!@.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}/*!@.menu-visibility-hidden*/.menu-visibility-hidden.sc-ic-side-navigation{visibility:hidden}@media screen and (min-width: 340px){/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{display:flex}}@media screen and (min-width: 577px){/*!@:host*/.sc-ic-side-navigation-h{display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}/*!@:host(.static)*/.static.sc-ic-side-navigation-h{position:relative;left:auto;top:auto;bottom:auto}/*!@.app-icon-container*/.app-icon-container.sc-ic-side-navigation{padding:var(--ic-space-xxs) 0}/*!@.top-bar*/.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(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:sticky}/*!@:host(.anchor-right) .top-bar*/.anchor-right.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) .bottom-wrapper*/.anchor-right.sc-ic-side-navigation-h .bottom-wrapper.sc-ic-side-navigation{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}/*!@.side-navigation,\n .top-bar*/.side-navigation.sc-ic-side-navigation,.top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-top-bar-height)}/*!@:host(.sm-collapsed)*/.sm-collapsed.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)*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-expanded)*/.sm-expanded.sc-ic-side-navigation-h{width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}/*!@.side-navigation*/.side-navigation.sc-ic-side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}/*!@:host(.inline) .side-navigation*/.inline.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right) .side-navigation*/.anchor-right.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation{left:auto;right:0}/*!@.side-navigation-inner*/.side-navigation-inner.sc-ic-side-navigation{width:100%;visibility:visible}/*!@.bottom-wrapper*/.bottom-wrapper.sc-ic-side-navigation{visibility:visible}/*!@.app-title-wrapper*/.app-title-wrapper.sc-ic-side-navigation{margin-left:0;border-left:none;padding:var(--ic-space-sm)}/*!@.app-title-wrapper ::slotted(svg)*/.app-title-wrapper .sc-ic-side-navigation-s>svg{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@.app-title-wrapper ic-typography*/.app-title-wrapper.sc-ic-side-navigation ic-typography.sc-ic-side-navigation{margin:calc(-1 * 0.281rem) 0 calc(-1 * 0.281rem) var(--ic-space-md);font-weight:var(--ic-font-weight-semibold)}/*!@:host(.sm-collapsed) .app-title-wrapper ic-typography*/.sm-collapsed.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) ic-typography*/.sm-expanded.sc-ic-side-navigation-h ic-typography.sc-ic-side-navigation{position:relative;left:0}/*!@:host(.sm-expanded) :is(.side-navigation, .top-bar)*/.sm-expanded.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) :is(.side-navigation, .top-bar)*/.sm-collapsed.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) :is(.side-navigation, .top-bar)*/.anchor-right.sm-expanded.sc-ic-side-navigation-h .sc-ic-side-navigation:is(.side-navigation,.top-bar).sc-ic-side-navigation{left:auto;right:0}/*!@.app-status-wrapper,\n :host(.sm-collapsed) .app-status-wrapper*/.app-status-wrapper.sc-ic-side-navigation,.sm-collapsed.sc-ic-side-navigation-h .app-status-wrapper.sc-ic-side-navigation{display:none;margin-left:0}/*!@:host(.sm-expanded) .app-status-wrapper*/.sm-expanded.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))}/*!@.bottom-side-nav*/.bottom-side-nav.sc-ic-side-navigation{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex}/*!@.bottom-side-nav .menu-expand-button*/.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) .bottom-side-nav .menu-expand-button*/.sm-expanded.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{height:100%}/*!@.bottom-side-nav .menu-expand-button svg*/.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)}/*!@.bottom-side-nav .menu-expand-button:hover*/.bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation:hover{background-color:var(--ic-theme-hover)}/*!@:host .bottom-side-nav*/.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation{outline:none}/*!@:host .bottom-side-nav .menu-expand-button:focus*/.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) .bottom-side-nav .menu-expand-button svg*/.sm-collapsed.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) .bottom-side-nav .menu-expand-button svg*/.sm-expanded.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) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-collapsed.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) .bottom-side-nav .menu-expand-button svg*/.anchor-right.sm-expanded.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) ::slotted(ic-navigation-item)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-item),\n :host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-collapsed .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:0}/*!@:host(.sm-expanded) ::slotted(ic-navigation-item),\n :host(.sm-expanded) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-item,.sc-ic-side-navigation-h.sm-expanded .sc-ic-side-navigation-s>ic-navigation-group{--navigation-item-label-opacity:1}/*!@:host(.sm-collapsed) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed .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) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-expanded .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-navigation,\n :host(.sm-collapsed.collapsed-labels) .top-bar*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .side-navigation.sc-ic-side-navigation,.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{width:var(--sm-side-navigation-collapsed-labels-width)}/*!@:host(.sm-collapsed.collapsed-labels) .menu-expand-button*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .menu-expand-button.sc-ic-side-navigation{padding:0}/*!@:host(.sm-collapsed.collapsed-labels) .app-title-wrapper*/.sm-collapsed.collapsed-labels.sc-ic-side-navigation-h .app-title-wrapper.sc-ic-side-navigation{width:100%;justify-content:center}/*!@:host(.sm-collapsed.collapsed-labels) ::slotted(ic-navigation-group)*/.sc-ic-side-navigation-h.sm-collapsed.collapsed-labels .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) .bottom-side-nav .menu-expand-button*/.collapsed-labels.sc-ic-side-navigation-h .bottom-side-nav.sc-ic-side-navigation .menu-expand-button.sc-ic-side-navigation{justify-content:center}/*!@:host .collapsed-icon-labels-start*/.sc-ic-side-navigation-h .collapsed-icon-labels-start.sc-ic-side-navigation{visibility:hidden;opacity:0}/*!@:host .collapsed-icon-labels-end*/.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: 993px){/*!@:host*/.sc-ic-side-navigation-h{position:sticky;left:auto;top:0;bottom:0}/*!@:host(.sm-expanded)*/.sm-expanded.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-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-side-navigation-s>svg{fill:currentcolor}}";
|
13428
14008
|
|
13429
14009
|
/**
|
13430
14010
|
* @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
|
@@ -13499,13 +14079,14 @@ class SideNavigation {
|
|
13499
14079
|
if (this.collapsedIconLabels) {
|
13500
14080
|
this.animateCollapsedIconLabels();
|
13501
14081
|
}
|
14082
|
+
this.setExpandedButtonHeight();
|
13502
14083
|
this.emitSideNavigationExpanded({ sideNavExpanded: this.menuExpanded });
|
13503
14084
|
};
|
13504
14085
|
/**
|
13505
14086
|
* In order to style nested slotted elements (e.g. using React Router components), this method
|
13506
14087
|
* rearranges the a tag and labels and adds inline styling expand/collaped animations as external CSS classes are not
|
13507
14088
|
* do not take affect.
|
13508
|
-
* @param menuExpanded boolean - true or false depending on
|
14089
|
+
* @param menuExpanded boolean - true or false depending on side navigation state
|
13509
14090
|
*/
|
13510
14091
|
this.arrangeSlottedNavigationItem = (menuExpanded) => {
|
13511
14092
|
const navItems = this.el.querySelectorAll("ic-navigation-item");
|
@@ -13547,6 +14128,12 @@ class SideNavigation {
|
|
13547
14128
|
icTypography.style.textOverflow = "ellipsis";
|
13548
14129
|
}
|
13549
14130
|
};
|
14131
|
+
this.setExpandedButtonHeight = () => {
|
14132
|
+
const appStatusWrapper = this.el.shadowRoot.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");
|
14133
|
+
if (appStatusWrapper.offsetHeight !== 0) {
|
14134
|
+
this.el.style.setProperty("--sm-side-navigation-bottom-bar-height", `${appStatusWrapper.offsetHeight}px`);
|
14135
|
+
}
|
14136
|
+
};
|
13550
14137
|
this.styleSlottedIconLabels = (menuExpanded, icTypography) => {
|
13551
14138
|
if (menuExpanded) {
|
13552
14139
|
icTypography.style.opacity = "1";
|
@@ -13764,6 +14351,7 @@ class SideNavigation {
|
|
13764
14351
|
this.styleSlottedCollapsedIconLabel();
|
13765
14352
|
this.arrangeSlottedNavigationItem(this.menuExpanded);
|
13766
14353
|
this.displayTooltipWithExpandedLongLabel(this.menuExpanded);
|
14354
|
+
this.setExpandedButtonHeight();
|
13767
14355
|
!isSlotUsed(this.el, "app-title") &&
|
13768
14356
|
onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: "app-title" }], "Side Navigation");
|
13769
14357
|
}
|
@@ -13896,7 +14484,7 @@ class Skeleton {
|
|
13896
14484
|
}; }
|
13897
14485
|
}
|
13898
14486
|
|
13899
|
-
const icStatusTagCss = "/*!@html*/html.sc-ic-status-tag{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-status-tag{margin:0}/*!@main*/main.sc-ic-status-tag{display:block}/*!@h1*/h1.sc-ic-status-tag{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-status-tag{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-status-tag{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-status-tag{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-status-tag,strong.sc-ic-status-tag{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-status-tag,kbd.sc-ic-status-tag,samp.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-status-tag{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-status-tag,sup.sc-ic-status-tag{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-status-tag{bottom:-0.25em}/*!@sup*/sup.sc-ic-status-tag{top:-0.5em}/*!@img*/img.sc-ic-status-tag{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-status-tag,input.sc-ic-status-tag,optgroup.sc-ic-status-tag,select.sc-ic-status-tag,textarea.sc-ic-status-tag{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-status-tag,input.sc-ic-status-tag{overflow:visible}/*!@button,\nselect*/button.sc-ic-status-tag,select.sc-ic-status-tag{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-status-tag,[type=\"button\"].sc-ic-status-tag,[type=\"reset\"].sc-ic-status-tag,[type=\"submit\"].sc-ic-status-tag{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-status-tag::-moz-focus-inner,[type=\"button\"].sc-ic-status-tag::-moz-focus-inner,[type=\"reset\"].sc-ic-status-tag::-moz-focus-inner,[type=\"submit\"].sc-ic-status-tag::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-status-tag:-moz-focusring,[type=\"button\"].sc-ic-status-tag:-moz-focusring,[type=\"reset\"].sc-ic-status-tag:-moz-focusring,[type=\"submit\"].sc-ic-status-tag:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-status-tag{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-status-tag{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-status-tag{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-status-tag{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-status-tag,[type=\"radio\"].sc-ic-status-tag{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-status-tag::-webkit-inner-spin-button,[type=\"number\"].sc-ic-status-tag::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-status-tag{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-status-tag::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-status-tag::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-status-tag{display:block}/*!@summary*/summary.sc-ic-status-tag{display:list-item}/*!@template*/template.sc-ic-status-tag{display:none}/*!@[hidden]*/[hidden].sc-ic-status-tag{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-status-tag,body.sc-ic-status-tag,div.sc-ic-status-tag,span.sc-ic-status-tag,applet.sc-ic-status-tag,object.sc-ic-status-tag,iframe.sc-ic-status-tag,h1.sc-ic-status-tag,h2.sc-ic-status-tag,h3.sc-ic-status-tag,h4.sc-ic-status-tag,h5.sc-ic-status-tag,h6.sc-ic-status-tag,p.sc-ic-status-tag,blockquote.sc-ic-status-tag,pre.sc-ic-status-tag,a.sc-ic-status-tag,abbr.sc-ic-status-tag,acronym.sc-ic-status-tag,address.sc-ic-status-tag,big.sc-ic-status-tag,cite.sc-ic-status-tag,code.sc-ic-status-tag,del.sc-ic-status-tag,dfn.sc-ic-status-tag,em.sc-ic-status-tag,img.sc-ic-status-tag,ins.sc-ic-status-tag,kbd.sc-ic-status-tag,q.sc-ic-status-tag,s.sc-ic-status-tag,samp.sc-ic-status-tag,small.sc-ic-status-tag,strike.sc-ic-status-tag,strong.sc-ic-status-tag,sub.sc-ic-status-tag,sup.sc-ic-status-tag,tt.sc-ic-status-tag,var.sc-ic-status-tag,b.sc-ic-status-tag,u.sc-ic-status-tag,i.sc-ic-status-tag,center.sc-ic-status-tag,dl.sc-ic-status-tag,dt.sc-ic-status-tag,dd.sc-ic-status-tag,ol.sc-ic-status-tag,ul.sc-ic-status-tag,li.sc-ic-status-tag,fieldset.sc-ic-status-tag,form.sc-ic-status-tag,label.sc-ic-status-tag,legend.sc-ic-status-tag,table.sc-ic-status-tag,caption.sc-ic-status-tag,tbody.sc-ic-status-tag,tfoot.sc-ic-status-tag,thead.sc-ic-status-tag,tr.sc-ic-status-tag,th.sc-ic-status-tag,td.sc-ic-status-tag,article.sc-ic-status-tag,aside.sc-ic-status-tag,canvas.sc-ic-status-tag,details.sc-ic-status-tag,embed.sc-ic-status-tag,figure.sc-ic-status-tag,figcaption.sc-ic-status-tag,footer.sc-ic-status-tag,header.sc-ic-status-tag,hgroup.sc-ic-status-tag,menu.sc-ic-status-tag,nav.sc-ic-status-tag,output.sc-ic-status-tag,ruby.sc-ic-status-tag,section.sc-ic-status-tag,summary.sc-ic-status-tag,time.sc-ic-status-tag,mark.sc-ic-status-tag,audio.sc-ic-status-tag,video.sc-ic-status-tag{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.tag*/.tag.sc-ic-status-tag{padding:var(--ic-space-
|
14487
|
+
const icStatusTagCss = "/*!@html*/html.sc-ic-status-tag{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-status-tag{margin:0}/*!@main*/main.sc-ic-status-tag{display:block}/*!@h1*/h1.sc-ic-status-tag{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-status-tag{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-status-tag{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-status-tag{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-status-tag,strong.sc-ic-status-tag{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-status-tag,kbd.sc-ic-status-tag,samp.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-status-tag{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-status-tag,sup.sc-ic-status-tag{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-status-tag{bottom:-0.25em}/*!@sup*/sup.sc-ic-status-tag{top:-0.5em}/*!@img*/img.sc-ic-status-tag{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-status-tag,input.sc-ic-status-tag,optgroup.sc-ic-status-tag,select.sc-ic-status-tag,textarea.sc-ic-status-tag{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-status-tag,input.sc-ic-status-tag{overflow:visible}/*!@button,\nselect*/button.sc-ic-status-tag,select.sc-ic-status-tag{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-status-tag,[type=\"button\"].sc-ic-status-tag,[type=\"reset\"].sc-ic-status-tag,[type=\"submit\"].sc-ic-status-tag{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-status-tag::-moz-focus-inner,[type=\"button\"].sc-ic-status-tag::-moz-focus-inner,[type=\"reset\"].sc-ic-status-tag::-moz-focus-inner,[type=\"submit\"].sc-ic-status-tag::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-status-tag:-moz-focusring,[type=\"button\"].sc-ic-status-tag:-moz-focusring,[type=\"reset\"].sc-ic-status-tag:-moz-focusring,[type=\"submit\"].sc-ic-status-tag:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-status-tag{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-status-tag{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-status-tag{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-status-tag{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-status-tag,[type=\"radio\"].sc-ic-status-tag{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-status-tag::-webkit-inner-spin-button,[type=\"number\"].sc-ic-status-tag::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-status-tag{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-status-tag::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-status-tag::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-status-tag{display:block}/*!@summary*/summary.sc-ic-status-tag{display:list-item}/*!@template*/template.sc-ic-status-tag{display:none}/*!@[hidden]*/[hidden].sc-ic-status-tag{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-status-tag,body.sc-ic-status-tag,div.sc-ic-status-tag,span.sc-ic-status-tag,applet.sc-ic-status-tag,object.sc-ic-status-tag,iframe.sc-ic-status-tag,h1.sc-ic-status-tag,h2.sc-ic-status-tag,h3.sc-ic-status-tag,h4.sc-ic-status-tag,h5.sc-ic-status-tag,h6.sc-ic-status-tag,p.sc-ic-status-tag,blockquote.sc-ic-status-tag,pre.sc-ic-status-tag,a.sc-ic-status-tag,abbr.sc-ic-status-tag,acronym.sc-ic-status-tag,address.sc-ic-status-tag,big.sc-ic-status-tag,cite.sc-ic-status-tag,code.sc-ic-status-tag,del.sc-ic-status-tag,dfn.sc-ic-status-tag,em.sc-ic-status-tag,img.sc-ic-status-tag,ins.sc-ic-status-tag,kbd.sc-ic-status-tag,q.sc-ic-status-tag,s.sc-ic-status-tag,samp.sc-ic-status-tag,small.sc-ic-status-tag,strike.sc-ic-status-tag,strong.sc-ic-status-tag,sub.sc-ic-status-tag,sup.sc-ic-status-tag,tt.sc-ic-status-tag,var.sc-ic-status-tag,b.sc-ic-status-tag,u.sc-ic-status-tag,i.sc-ic-status-tag,center.sc-ic-status-tag,dl.sc-ic-status-tag,dt.sc-ic-status-tag,dd.sc-ic-status-tag,ol.sc-ic-status-tag,ul.sc-ic-status-tag,li.sc-ic-status-tag,fieldset.sc-ic-status-tag,form.sc-ic-status-tag,label.sc-ic-status-tag,legend.sc-ic-status-tag,table.sc-ic-status-tag,caption.sc-ic-status-tag,tbody.sc-ic-status-tag,tfoot.sc-ic-status-tag,thead.sc-ic-status-tag,tr.sc-ic-status-tag,th.sc-ic-status-tag,td.sc-ic-status-tag,article.sc-ic-status-tag,aside.sc-ic-status-tag,canvas.sc-ic-status-tag,details.sc-ic-status-tag,embed.sc-ic-status-tag,figure.sc-ic-status-tag,figcaption.sc-ic-status-tag,footer.sc-ic-status-tag,header.sc-ic-status-tag,hgroup.sc-ic-status-tag,menu.sc-ic-status-tag,nav.sc-ic-status-tag,output.sc-ic-status-tag,ruby.sc-ic-status-tag,section.sc-ic-status-tag,summary.sc-ic-status-tag,time.sc-ic-status-tag,mark.sc-ic-status-tag,audio.sc-ic-status-tag,video.sc-ic-status-tag{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.tag*/.tag.sc-ic-status-tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center}/*!@.small*/.small.sc-ic-status-tag{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}/*!@.filled-neutral*/.filled-neutral.sc-ic-status-tag{background-color:var(--ic-architectural-600);color:var(--ic-architectural-white)}/*!@.filled-success*/.filled-success.sc-ic-status-tag{background-color:var(--ic-status-success);color:var(--ic-architectural-white)}/*!@.filled-warning*/.filled-warning.sc-ic-status-tag{background-color:var(--ic-status-warning);color:var(--ic-color-primary-text)}/*!@.filled-danger*/.filled-danger.sc-ic-status-tag{background-color:var(--ic-status-error);color:var(--ic-architectural-white)}/*!@.outlined-neutral*/.outlined-neutral.sc-ic-status-tag{background-color:var(--ic-architectural-200);color:var(--ic-color-secondary-text);border:var(--ic-space-1px) solid var(--ic-architectural-400)}/*!@.outlined-success*/.outlined-success.sc-ic-status-tag{background-color:var(--ic-status-success-background);color:var(--ic-status-success);border:var(--ic-space-1px) solid var(--ic-status-success)}/*!@.outlined-warning*/.outlined-warning.sc-ic-status-tag{background-color:var(--ic-status-warning-background);color:var(--ic-status-warning-dark);border:var(--ic-space-1px) solid var(--ic-status-warning-dark)}/*!@.outlined-danger*/.outlined-danger.sc-ic-status-tag{background-color:var(--ic-status-error-background);color:var(--ic-status-error);border:var(--ic-space-1px) solid var(--ic-status-error)}@media (forced-colors: active){/*!@.tag*/.tag.sc-ic-status-tag{border:var(--ic-hc-border);-ms-high-contrast-adjust:none;forced-color-adjust:none}}";
|
13900
14488
|
|
13901
14489
|
class StatusTag {
|
13902
14490
|
constructor(hostRef) {
|
@@ -13939,7 +14527,7 @@ var warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" x
|
|
13939
14527
|
<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>
|
13940
14528
|
</svg>`;
|
13941
14529
|
|
13942
|
-
const icStepCss = "/*!@:host*/.sc-ic-step-h{display:flex;flex:auto}/*!@.step*/.step.sc-ic-step{display:flex;flex:1 1 0}/*!@.step-icon*/.step-icon.sc-ic-step{display:flex;justify-content:center}/*!@.step-title,\n.step-subtitle,\n.step-status,\n.next-step*/.step-title.sc-ic-step,.step-subtitle.sc-ic-step,.step-status.sc-ic-step,.next-step.sc-ic-step{white-space:pre-line}/*!@.visually-hidden*/.visually-hidden.sc-ic-step{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}/*!@:host(.compact)*/.compact.sc-ic-step-h{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-theme-primary);--compact-step-circular-line-width:var(--ic-space-xxs)}/*!@:host(.compact) .step*/.compact.sc-ic-step-h .step.sc-ic-step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}/*!@:host(.compact) .step:not(.current)*/.compact.sc-ic-step-h .step.sc-ic-step:not(.current){display:none;opacity:0;visibility:hidden}/*!@.compact-step-progress-indicator*/.compact-step-progress-indicator.sc-ic-step{margin:var(--ic-space-xs) 0 0}/*!@:host(.compact) .step-title-area*/.compact.sc-ic-step-h .step-title-area.sc-ic-step{display:flex;flex-direction:column;width:14.25rem}/*!@.info-line*/.info-line.sc-ic-step{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}/*!@.step-status*/.step-status.sc-ic-step{display:flex;color:var(--ic-color-secondary-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}/*!@.compact-step-completed .step-status*/.compact-step-completed.sc-ic-step .step-status.sc-ic-step{color:var(--ic-status-success)}/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.step-num*/.step-num.sc-ic-step{color:var(--ic-color-secondary-text);white-space:nowrap}/*!@:host(.compact) .step-icon*/.compact.sc-ic-step-h .step-icon.sc-ic-step{margin:var(--ic-space-xxxs)}/*!@:host(.compact) .step-icon svg*/.compact.sc-ic-step-h .step-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.default) .step*/.default.sc-ic-step-h .step.sc-ic-step{flex-direction:column}/*!@:host(.default.last-step)*/.default.last-step.sc-ic-step-h{flex-grow:initial}/*!@.step-top*/.step-top.sc-ic-step{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}/*!@:host(.default) .step-icon*/.default.sc-ic-step-h .step-icon.sc-ic-step{border-radius:50%}/*!@.step-icon-inner*/.step-icon-inner.sc-ic-step{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@:host(.default) .current*/.default.sc-ic-step-h .current.sc-ic-step{color:var(--ic-theme-primary)}/*!@:host(.default) .step-title-area*/.default.sc-ic-step-h .step-title-area.sc-ic-step{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}/*!@:host(.default) .step-title,\n.step-subtitle*/.default.sc-ic-step-h .step-title.sc-ic-step,.step-subtitle.sc-ic-step{width:-moz-fit-content;width:fit-content}/*!@.step-subtitle*/.step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.current .step-subtitle*/.current.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-primary-text)}/*!@:host(.default) .completed*/.default.sc-ic-step-h .completed.sc-ic-step{color:var(--ic-status-success)}/*!@.active .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step{box-shadow:inset var(--ic-architectural-200) 0 0 0 0.125rem}/*!@.current .step-icon-inner*/.current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-theme-primary);color:white}/*!@.disabled*/.disabled.sc-ic-step{color:var(--ic-architectural-200)}/*!@.disabled .step-icon-inner*/.disabled.sc-ic-step .step-icon-inner.sc-ic-step{border:
|
14530
|
+
const icStepCss = "/*!@:host*/.sc-ic-step-h{display:flex;flex:auto}/*!@.step*/.step.sc-ic-step{display:flex;flex:1 1 0}/*!@.step-icon*/.step-icon.sc-ic-step{display:flex;justify-content:center}/*!@.step-title,\n.step-subtitle,\n.step-status,\n.next-step*/.step-title.sc-ic-step,.step-subtitle.sc-ic-step,.step-status.sc-ic-step,.next-step.sc-ic-step{white-space:pre-line}/*!@.visually-hidden*/.visually-hidden.sc-ic-step{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}/*!@:host(.compact)*/.compact.sc-ic-step-h{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-theme-primary);--compact-step-circular-line-width:var(--ic-space-xxs)}/*!@:host(.compact) .step*/.compact.sc-ic-step-h .step.sc-ic-step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}/*!@:host(.compact) .step:not(.current)*/.compact.sc-ic-step-h .step.sc-ic-step:not(.current){display:none;opacity:0;visibility:hidden}/*!@.compact-step-progress-indicator*/.compact-step-progress-indicator.sc-ic-step{margin:var(--ic-space-xs) 0 0}/*!@:host(.compact) .step-title-area*/.compact.sc-ic-step-h .step-title-area.sc-ic-step{display:flex;flex-direction:column;width:14.25rem}/*!@.info-line*/.info-line.sc-ic-step{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}/*!@.step-status*/.step-status.sc-ic-step{display:flex;color:var(--ic-color-secondary-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}/*!@.compact-step-completed .step-status*/.compact-step-completed.sc-ic-step .step-status.sc-ic-step{color:var(--ic-status-success)}/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.step-num*/.step-num.sc-ic-step{color:var(--ic-color-secondary-text);white-space:nowrap}/*!@:host(.compact) .step-icon*/.compact.sc-ic-step-h .step-icon.sc-ic-step{margin:var(--ic-space-xxxs)}/*!@:host(.compact) .step-icon svg*/.compact.sc-ic-step-h .step-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.default) .step*/.default.sc-ic-step-h .step.sc-ic-step{flex-direction:column}/*!@:host(.default.last-step)*/.default.last-step.sc-ic-step-h{flex-grow:initial}/*!@.step-top*/.step-top.sc-ic-step{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}/*!@:host(.default) .step-icon*/.default.sc-ic-step-h .step-icon.sc-ic-step{border-radius:50%}/*!@.step-icon-inner*/.step-icon-inner.sc-ic-step{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%}/*!@:host(.default) .current*/.default.sc-ic-step-h .current.sc-ic-step{color:var(--ic-theme-primary)}/*!@:host(.default) .step-title-area*/.default.sc-ic-step-h .step-title-area.sc-ic-step{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}/*!@:host(.default) .step-title,\n.step-subtitle*/.default.sc-ic-step-h .step-title.sc-ic-step,.step-subtitle.sc-ic-step{width:-moz-fit-content;width:fit-content}/*!@.step-subtitle*/.step-subtitle.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.current .step-subtitle*/.current.sc-ic-step .step-subtitle.sc-ic-step{color:var(--ic-color-primary-text)}/*!@:host(.default) .completed*/.default.sc-ic-step-h .completed.sc-ic-step{color:var(--ic-status-success)}/*!@.active .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step{box-shadow:inset var(--ic-architectural-200) 0 0 0 0.125rem}/*!@.current .step-icon-inner*/.current.sc-ic-step .step-icon-inner.sc-ic-step{background-color:var(--ic-theme-primary);color:white}/*!@.disabled*/.disabled.sc-ic-step{color:var(--ic-architectural-200)}/*!@.disabled .step-icon-inner*/.disabled.sc-ic-step .step-icon-inner.sc-ic-step{border:var(--ic-space-1px) dashed var(--ic-architectural-200);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs))}/*!@.disabled .step-title-area*/.disabled.sc-ic-step .step-title-area.sc-ic-step{color:var(--ic-color-tertiary-text)}/*!@.completed .step-icon-inner*/.completed.sc-ic-step .step-icon-inner.sc-ic-step{background:var(--ic-status-success);box-shadow:inset var(--ic-status-success) 0 0 0 var(--ic-space-xxxs);border-radius:100%}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{border:var(--ic-space-xxxs) solid var(--ic-theme-primary);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs))}/*!@.step-connect*/.step-connect.sc-ic-step{height:var(--ic-space-xxxs);background-color:var(--ic-architectural-200);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}/*!@.aligned-full-width.step-connect*/.aligned-full-width.step-connect.sc-ic-step{min-width:6.25rem;width:100%}/*!@.disabled .step-connect*/.disabled.sc-ic-step .step-connect.sc-ic-step{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-architectural-200);border-radius:0}/*!@.completed .step-connect*/.completed.sc-ic-step .step-connect.sc-ic-step{background-color:var(--ic-status-success)}/*!@.step-connect-inner*/.step-connect-inner.sc-ic-step{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-theme-primary)}/*!@.step-icon-inner .check-icon*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step{padding-top:var(--ic-space-xxs)}/*!@.step-icon-inner .check-icon svg*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step svg.sc-ic-step{width:var(--ic-space-md);height:auto}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:var(--ic-color-white-text)}@media (forced-colors: active){/*!@.compact-step-disabled :is(.step-title, .step-status)*/.compact-step-disabled.sc-ic-step .sc-ic-step:is(.step-title,.step-status).sc-ic-step{color:GrayText}/*!@.step-connect:not(.disabled .step-connect)*/.step-connect.sc-ic-step:not(.disabled .step-connect).sc-ic-step{border:var(--ic-hc-border)}/*!@.active .step-icon-inner,\n .completed .step-icon-inner,\n .current .step-icon-inner*/.active.sc-ic-step .step-icon-inner.sc-ic-step,.completed.sc-ic-step .step-icon-inner.sc-ic-step,.current.sc-ic-step .step-icon-inner.sc-ic-step{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}/*!@:host(.default) .current .step-icon*/.default.sc-ic-step-h .current.sc-ic-step .step-icon.sc-ic-step{padding:0;border:none}/*!@.disabled,\n .disabled .step-title-area*/.disabled.sc-ic-step,.disabled.sc-ic-step .step-title-area.sc-ic-step{color:GrayText}/*!@.step-connect-inner,\n .completed .step-connect*/.step-connect-inner.sc-ic-step,.completed.sc-ic-step .step-connect.sc-ic-step{background-color:canvastext}/*!@.step-icon-inner .check-icon > svg > path*/.step-icon-inner.sc-ic-step .check-icon.sc-ic-step>svg.sc-ic-step>path.sc-ic-step{fill:canvastext}}";
|
13943
14531
|
|
13944
14532
|
class Step {
|
13945
14533
|
constructor(hostRef) {
|
@@ -14316,7 +14904,7 @@ class Stepper {
|
|
14316
14904
|
}; }
|
14317
14905
|
}
|
14318
14906
|
|
14319
|
-
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:0.063rem 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)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-700)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-action-default);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-active)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:0 0 0 0.063rem var(--ic-architectural-white),\n 0 0 0 0.188rem var(--ic-action-default),\n 0 0 0 0.5rem var(--ic-action-default-active-alpha)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-300)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-action-default-bg-active)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-architectural-80);border:0.063rem dashed var(--ic-architectural-300)}/*!@.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-background);border:0.063rem dashed #98c9f5}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-white)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-hc-border)}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}/*!@.ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{border-color:GrayText}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:GrayText}/*!@.ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch,.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:GrayText}}";
|
14907
|
+
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-space-1px) 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)}/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{content:\"\";width:1.333rem;height:1.333rem;border-radius:50%;position:absolute;z-index:2;top:50%;left:0.333rem;transform:translate(0, -50%);background-color:var(--ic-architectural-700);transition:var(--ic-transition-duration-slow)}/*!@.ic-switch-icon*/.ic-switch-icon.sc-ic-switch{display:inline-block;vertical-align:middle;width:0.625rem;height:0.625rem}/*!@.ic-switch-icon-circle,\n.ic-switch-icon-line*/.ic-switch-icon-circle.sc-ic-switch,.ic-switch-icon-line.sc-ic-switch{stroke-width:1}/*!@.ic-switch-icon-circle*/.ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-700)}/*!@.ic-switch-icon-line*/.ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-architectural-white)}@media (prefers-reduced-motion: reduce){/*!@.ic-switch-toggle::before*/.ic-switch-toggle.sc-ic-switch::before{transition-duration:0ms}}/*!@.ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-action-default);border:none}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-xl), -50%);background-color:var(--ic-architectural-white)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-hover)}/*!@.ic-switch-input:not([disabled]) + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled])+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-dark-bg-active)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:hover::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:hover::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-hover)}/*!@.ic-switch-input:not([disabled]):checked + .ic-switch-toggle:active::before*/.ic-switch-input.sc-ic-switch:not([disabled]):checked+.ic-switch-toggle.sc-ic-switch:active::before{box-shadow:0 0 0 0.75rem var(--ic-action-default-bg-active)}/*!@.ic-switch-input:focus:not([disabled]) + .ic-switch-toggle,\n.ic-switch-input:focus-visible:not([disabled]) + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:focus:not([disabled])+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:focus-visible:not([disabled])+.ic-switch-toggle.sc-ic-switch{box-shadow:0 0 0 var(--ic-space-1px) var(--ic-architectural-white),\n 0 0 0 0.188rem var(--ic-action-default),\n 0 0 0 0.5rem var(--ic-action-default-active-alpha)}/*!@.ic-switch-disabled*/.ic-switch-disabled.sc-ic-switch{cursor:default}/*!@.ic-switch-disabled .ic-switch-icon-circle*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch{stroke:var(--ic-architectural-300)}/*!@.ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:var(--ic-action-default-bg-active)}/*!@.ic-switch-input:disabled + .ic-switch-toggle*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch{background-color:var(--ic-architectural-80);border:var(--ic-space-1px) dashed var(--ic-architectural-300)}/*!@.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-background);border:var(--ic-space-1px) dashed #98c9f5}/*!@.ic-switch-input:disabled:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch::before{background-color:var(--ic-architectural-white)}/*!@.ic-switch-small*/.ic-switch-small.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-small .ic-switch-checked-status*/.ic-switch-small.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:0.375rem}/*!@.ic-switch-small .ic-switch-toggle*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-small .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-toggle.sc-ic-switch::before{width:var(--ic-space-md);height:var(--ic-space-md);left:var(--ic-space-xxs)}/*!@.ic-switch-small .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-small.sc-ic-switch .ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(var(--ic-space-lg), -50%)}/*!@::slotted(*)*/.sc-ic-switch-s>*{margin-left:var(--ic-space-sm)}/*!@::slotted(svg)*/.sc-ic-switch-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@.ic-switch-toggle::before,\n .ic-switch-input:checked + .ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch::before,.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch{border:var(--ic-hc-border)}/*!@.ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:checked+.ic-switch-toggle.sc-ic-switch::before{transform:translate(calc(var(--ic-space-xl) - 0.125rem), -50%)}/*!@.ic-switch-input:disabled + .ic-switch-toggle,\n .ic-switch-input:disabled:checked + .ic-switch-toggle,\n .ic-switch-input:disabled + .ic-switch-toggle::before*/.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled:checked+.ic-switch-toggle.sc-ic-switch,.ic-switch-input.sc-ic-switch:disabled+.ic-switch-toggle.sc-ic-switch::before{border-color:GrayText}/*!@.ic-switch-input:disabled ~ .ic-switch-checked-status*/.ic-switch-input.sc-ic-switch:disabled~.ic-switch-checked-status.sc-ic-switch{color:GrayText}/*!@.ic-switch-disabled .ic-switch-icon-circle,\n .ic-switch-disabled .ic-switch-icon-line*/.ic-switch-disabled.sc-ic-switch .ic-switch-icon-circle.sc-ic-switch,.ic-switch-disabled.sc-ic-switch .ic-switch-icon-line.sc-ic-switch{stroke:GrayText}}";
|
14320
14908
|
|
14321
14909
|
let inputIds$1 = 0;
|
14322
14910
|
/**
|
@@ -14414,7 +15002,7 @@ class Switch {
|
|
14414
15002
|
}; }
|
14415
15003
|
}
|
14416
15004
|
|
14417
|
-
const icTabCss = "/*!@html*/html.sc-ic-tab{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tab{margin:0}/*!@main*/main.sc-ic-tab{display:block}/*!@h1*/h1.sc-ic-tab{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tab{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tab{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tab{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tab,strong.sc-ic-tab{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tab,kbd.sc-ic-tab,samp.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tab{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tab,sup.sc-ic-tab{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tab{bottom:-0.25em}/*!@sup*/sup.sc-ic-tab{top:-0.5em}/*!@img*/img.sc-ic-tab{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tab,input.sc-ic-tab,optgroup.sc-ic-tab,select.sc-ic-tab,textarea.sc-ic-tab{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tab,input.sc-ic-tab{overflow:visible}/*!@button,\nselect*/button.sc-ic-tab,select.sc-ic-tab{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tab,[type=\"button\"].sc-ic-tab,[type=\"reset\"].sc-ic-tab,[type=\"submit\"].sc-ic-tab{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tab::-moz-focus-inner,[type=\"button\"].sc-ic-tab::-moz-focus-inner,[type=\"reset\"].sc-ic-tab::-moz-focus-inner,[type=\"submit\"].sc-ic-tab::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tab:-moz-focusring,[type=\"button\"].sc-ic-tab:-moz-focusring,[type=\"reset\"].sc-ic-tab:-moz-focusring,[type=\"submit\"].sc-ic-tab:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tab{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tab{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tab{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tab{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tab,[type=\"radio\"].sc-ic-tab{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tab::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tab::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tab{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tab::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tab::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tab{display:block}/*!@summary*/summary.sc-ic-tab{display:list-item}/*!@template*/template.sc-ic-tab{display:none}/*!@[hidden]*/[hidden].sc-ic-tab{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tab,body.sc-ic-tab,div.sc-ic-tab,span.sc-ic-tab,applet.sc-ic-tab,object.sc-ic-tab,iframe.sc-ic-tab,h1.sc-ic-tab,h2.sc-ic-tab,h3.sc-ic-tab,h4.sc-ic-tab,h5.sc-ic-tab,h6.sc-ic-tab,p.sc-ic-tab,blockquote.sc-ic-tab,pre.sc-ic-tab,a.sc-ic-tab,abbr.sc-ic-tab,acronym.sc-ic-tab,address.sc-ic-tab,big.sc-ic-tab,cite.sc-ic-tab,code.sc-ic-tab,del.sc-ic-tab,dfn.sc-ic-tab,em.sc-ic-tab,img.sc-ic-tab,ins.sc-ic-tab,kbd.sc-ic-tab,q.sc-ic-tab,s.sc-ic-tab,samp.sc-ic-tab,small.sc-ic-tab,strike.sc-ic-tab,strong.sc-ic-tab,sub.sc-ic-tab,sup.sc-ic-tab,tt.sc-ic-tab,var.sc-ic-tab,b.sc-ic-tab,u.sc-ic-tab,i.sc-ic-tab,center.sc-ic-tab,dl.sc-ic-tab,dt.sc-ic-tab,dd.sc-ic-tab,ol.sc-ic-tab,ul.sc-ic-tab,li.sc-ic-tab,fieldset.sc-ic-tab,form.sc-ic-tab,label.sc-ic-tab,legend.sc-ic-tab,table.sc-ic-tab,caption.sc-ic-tab,tbody.sc-ic-tab,tfoot.sc-ic-tab,thead.sc-ic-tab,tr.sc-ic-tab,th.sc-ic-tab,td.sc-ic-tab,article.sc-ic-tab,aside.sc-ic-tab,canvas.sc-ic-tab,details.sc-ic-tab,embed.sc-ic-tab,figure.sc-ic-tab,figcaption.sc-ic-tab,footer.sc-ic-tab,header.sc-ic-tab,hgroup.sc-ic-tab,menu.sc-ic-tab,nav.sc-ic-tab,output.sc-ic-tab,ruby.sc-ic-tab,section.sc-ic-tab,summary.sc-ic-tab,time.sc-ic-tab,mark.sc-ic-tab,audio.sc-ic-tab,video.sc-ic-tab{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-tab-h{--indicator-initial-color:rgba(23 89 188 / 0%);--indicator-color:var(--ic-action-default);--focus-indicator:var(--ic-border-focus);--label-color:var(--ic-color-primary-text);--background-color-hover:var(--ic-action-default-bg-hover);--background-color-active:var(--ic-action-default-bg-active);display:flex;align-items:center;border-radius:0;color:var(--label-color);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}/*!@:host(:focus)*/.sc-ic-tab-h:focus{box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}/*!@:host(:focus-visible)*/.sc-ic-tab-h:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(:hover)*/.sc-ic-tab-h:hover{background-color:var(--background-color-hover)}/*!@:host(:active)*/.sc-ic-tab-h:active{background-color:var(--background-color-active)}/*!@:host(.ic-tab-light)*/.ic-tab-light.sc-ic-tab-h{--indicator-initial-color:rgb(255 255 255 / 0%);--indicator-color:rgb(255 255 255 / 100%);--focus-indicator:var(--ic-border-focus);--label-color:white;--background-color-hover:var(--ic-action-dark-bg-hover);--background-color-active:var(--ic-action-dark-bg-active)}/*!@:host(
|
15005
|
+
const icTabCss = "/*!@html*/html.sc-ic-tab{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tab{margin:0}/*!@main*/main.sc-ic-tab{display:block}/*!@h1*/h1.sc-ic-tab{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tab{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tab{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tab{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tab,strong.sc-ic-tab{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tab,kbd.sc-ic-tab,samp.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tab{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tab,sup.sc-ic-tab{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tab{bottom:-0.25em}/*!@sup*/sup.sc-ic-tab{top:-0.5em}/*!@img*/img.sc-ic-tab{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tab,input.sc-ic-tab,optgroup.sc-ic-tab,select.sc-ic-tab,textarea.sc-ic-tab{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tab,input.sc-ic-tab{overflow:visible}/*!@button,\nselect*/button.sc-ic-tab,select.sc-ic-tab{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tab,[type=\"button\"].sc-ic-tab,[type=\"reset\"].sc-ic-tab,[type=\"submit\"].sc-ic-tab{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tab::-moz-focus-inner,[type=\"button\"].sc-ic-tab::-moz-focus-inner,[type=\"reset\"].sc-ic-tab::-moz-focus-inner,[type=\"submit\"].sc-ic-tab::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tab:-moz-focusring,[type=\"button\"].sc-ic-tab:-moz-focusring,[type=\"reset\"].sc-ic-tab:-moz-focusring,[type=\"submit\"].sc-ic-tab:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tab{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tab{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tab{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tab{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tab,[type=\"radio\"].sc-ic-tab{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tab::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tab::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tab{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tab::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tab::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tab{display:block}/*!@summary*/summary.sc-ic-tab{display:list-item}/*!@template*/template.sc-ic-tab{display:none}/*!@[hidden]*/[hidden].sc-ic-tab{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tab,body.sc-ic-tab,div.sc-ic-tab,span.sc-ic-tab,applet.sc-ic-tab,object.sc-ic-tab,iframe.sc-ic-tab,h1.sc-ic-tab,h2.sc-ic-tab,h3.sc-ic-tab,h4.sc-ic-tab,h5.sc-ic-tab,h6.sc-ic-tab,p.sc-ic-tab,blockquote.sc-ic-tab,pre.sc-ic-tab,a.sc-ic-tab,abbr.sc-ic-tab,acronym.sc-ic-tab,address.sc-ic-tab,big.sc-ic-tab,cite.sc-ic-tab,code.sc-ic-tab,del.sc-ic-tab,dfn.sc-ic-tab,em.sc-ic-tab,img.sc-ic-tab,ins.sc-ic-tab,kbd.sc-ic-tab,q.sc-ic-tab,s.sc-ic-tab,samp.sc-ic-tab,small.sc-ic-tab,strike.sc-ic-tab,strong.sc-ic-tab,sub.sc-ic-tab,sup.sc-ic-tab,tt.sc-ic-tab,var.sc-ic-tab,b.sc-ic-tab,u.sc-ic-tab,i.sc-ic-tab,center.sc-ic-tab,dl.sc-ic-tab,dt.sc-ic-tab,dd.sc-ic-tab,ol.sc-ic-tab,ul.sc-ic-tab,li.sc-ic-tab,fieldset.sc-ic-tab,form.sc-ic-tab,label.sc-ic-tab,legend.sc-ic-tab,table.sc-ic-tab,caption.sc-ic-tab,tbody.sc-ic-tab,tfoot.sc-ic-tab,thead.sc-ic-tab,tr.sc-ic-tab,th.sc-ic-tab,td.sc-ic-tab,article.sc-ic-tab,aside.sc-ic-tab,canvas.sc-ic-tab,details.sc-ic-tab,embed.sc-ic-tab,figure.sc-ic-tab,figcaption.sc-ic-tab,footer.sc-ic-tab,header.sc-ic-tab,hgroup.sc-ic-tab,menu.sc-ic-tab,nav.sc-ic-tab,output.sc-ic-tab,ruby.sc-ic-tab,section.sc-ic-tab,summary.sc-ic-tab,time.sc-ic-tab,mark.sc-ic-tab,audio.sc-ic-tab,video.sc-ic-tab{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-tab-h{--indicator-initial-color:rgba(23 89 188 / 0%);--indicator-color:var(--ic-action-default);--focus-indicator:var(--ic-border-focus);--label-color:var(--ic-color-primary-text);--background-color-hover:var(--ic-action-default-bg-hover);--background-color-active:var(--ic-action-default-bg-active);display:flex;align-items:center;border-radius:0;color:var(--label-color);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}/*!@:host(:focus)*/.sc-ic-tab-h:focus{box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}/*!@:host(:focus-visible)*/.sc-ic-tab-h:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@:host(:hover)*/.sc-ic-tab-h:hover{background-color:var(--background-color-hover)}/*!@:host(:active)*/.sc-ic-tab-h:active{background-color:var(--background-color-active)}/*!@:host(.ic-tab-light)*/.ic-tab-light.sc-ic-tab-h{--indicator-initial-color:rgb(255 255 255 / 0%);--indicator-color:rgb(255 255 255 / 100%);--focus-indicator:var(--ic-border-focus);--label-color:white;--background-color-hover:var(--ic-action-dark-bg-hover);--background-color-active:var(--ic-action-dark-bg-active)}/*!@:host(.selected)*/.selected.sc-ic-tab-h{border-bottom:var(--ic-space-xxs) solid var(--indicator-color)}/*!@:host(.disabled)*/.disabled.sc-ic-tab-h{pointer-events:none;color:var(--ic-architectural-300)}/*!@:host(.selected.with-transition)*/.selected.with-transition.sc-ic-tab-h{transition:all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow)}/*!@.ic-tab-label*/.ic-tab-label.sc-ic-tab{pointer-events:none}/*!@::slotted(svg)*/.sc-ic-tab-s>svg{fill:currentcolor}@media (forced-colors: active){/*!@:host*/.sc-ic-tab-h{border-bottom:var(--ic-space-xxs) solid canvas}/*!@:host(.disabled)*/.disabled.sc-ic-tab-h{color:GrayText}}";
|
14418
15006
|
|
14419
15007
|
/**
|
14420
15008
|
* @slot icon - Content will be rendered next to the tab label.
|
@@ -14424,6 +15012,8 @@ class Tab {
|
|
14424
15012
|
registerInstance(this, hostRef);
|
14425
15013
|
this.tabClick = createEvent(this, "tabClick", 7);
|
14426
15014
|
this.tabFocus = createEvent(this, "tabFocus", 7);
|
15015
|
+
this.tabCreated = createEvent(this, "tabCreated", 7);
|
15016
|
+
this.tabRemoved = createEvent(this, "tabRemoved", 7);
|
14427
15017
|
this.isInitialRender = true;
|
14428
15018
|
this.focusFromClick = false;
|
14429
15019
|
this.handleClick = () => {
|
@@ -14443,6 +15033,7 @@ class Tab {
|
|
14443
15033
|
};
|
14444
15034
|
this.handleFocus = () => {
|
14445
15035
|
if (!this.focusFromClick) {
|
15036
|
+
this.focusTabId = this.tabId;
|
14446
15037
|
this.tabFocus.emit({
|
14447
15038
|
tabId: this.tabId,
|
14448
15039
|
contextId: this.contextId,
|
@@ -14474,11 +15065,20 @@ class Tab {
|
|
14474
15065
|
componentDidUpdate() {
|
14475
15066
|
this.isInitialRender = false;
|
14476
15067
|
}
|
15068
|
+
connectedCallback() {
|
15069
|
+
this.tabCreated.emit(this.host);
|
15070
|
+
}
|
15071
|
+
disconnectedCallback() {
|
15072
|
+
const tabContext = document.querySelector(`ic-tab-context[context-id=${this.contextId}]`);
|
15073
|
+
tabContext.tabRemovedHandler(!!this.focusTabId);
|
15074
|
+
}
|
14477
15075
|
render() {
|
14478
15076
|
const { disabled, selected, appearance } = this;
|
14479
15077
|
return (hAsync(Host, { class: {
|
14480
15078
|
["with-transition"]: !this.isInitialRender,
|
14481
15079
|
["ic-tab-light"]: appearance === IcThemeForegroundEnum.Light,
|
15080
|
+
["selected"]: selected,
|
15081
|
+
["disabled"]: disabled,
|
14482
15082
|
}, role: "tab", "aria-selected": selected ? "true" : "false", onClick: this.handleClick, onFocus: this.handleFocus, onMouseDown: this.handleMouseDown, "aria-disabled": disabled ? "true" : "false", tabindex: this.selected ? 0 : -1 }, this.host.querySelector('[slot="icon"]') && hAsync("slot", { name: "icon" }), hAsync("ic-typography", { class: "ic-tab-label", variant: "label" }, hAsync("span", null, hAsync("slot", null)))));
|
14483
15083
|
}
|
14484
15084
|
get host() { return getElement(this); }
|
@@ -14506,7 +15106,9 @@ class TabContext {
|
|
14506
15106
|
registerInstance(this, hostRef);
|
14507
15107
|
this.tabSelect = createEvent(this, "tabSelect", 7);
|
14508
15108
|
this.icTabSelect = createEvent(this, "icTabSelect", 7);
|
14509
|
-
|
15109
|
+
this.newTabs = [];
|
15110
|
+
this.newTabPanels = [];
|
15111
|
+
// Sets attributes to link tab-group, tabs and tab-panels
|
14510
15112
|
this.linkTabs = () => {
|
14511
15113
|
this.tabs.forEach((tab, index) => {
|
14512
15114
|
const tabId = `ic-tab-${index}-context-${this.contextId}`;
|
@@ -14517,10 +15119,12 @@ class TabContext {
|
|
14517
15119
|
tab.tabPosition = index;
|
14518
15120
|
tab.setAttribute("aria-controls", tabPanelId);
|
14519
15121
|
tab.setAttribute("context-id", this.contextId);
|
15122
|
+
this.tabGroup.setAttribute("context-id", this.contextId);
|
14520
15123
|
this.tabPanels[index].setAttribute("id", tabPanelId);
|
14521
15124
|
this.tabPanels[index].panelId = shared;
|
14522
15125
|
this.tabPanels[index].tabPosition = index;
|
14523
15126
|
this.tabPanels[index].setAttribute("aria-labelledby", tabId);
|
15127
|
+
this.tabPanels[index].setAttribute("context-id", this.contextId);
|
14524
15128
|
if (this.appearance === IcThemeForegroundEnum.Light) {
|
14525
15129
|
tab.appearance = this.appearance;
|
14526
15130
|
this.tabPanels[index].appearance = this.appearance;
|
@@ -14531,11 +15135,12 @@ class TabContext {
|
|
14531
15135
|
}
|
14532
15136
|
};
|
14533
15137
|
// Gets tabs and tabpanels with the same context ID
|
15138
|
+
// Using querySelector to selector the children in relation to the host
|
14534
15139
|
this.getChildren = () => {
|
14535
|
-
this.tabGroup =
|
14536
|
-
this.tabs = Array.from(this.tabGroup.querySelectorAll("ic-tab"))
|
15140
|
+
this.tabGroup = this.host.querySelector("ic-tab-group");
|
15141
|
+
this.tabs = Array.from(this.tabGroup.querySelectorAll("ic-tab"));
|
15142
|
+
this.tabPanels = Array.from(this.host.children).filter((child) => child.tagName === "IC-TAB-PANEL");
|
14537
15143
|
this.enabledTabs = this.getEnabledTabs();
|
14538
|
-
this.tabPanels = Array.from(this.host.querySelectorAll("ic-tab-panel"));
|
14539
15144
|
};
|
14540
15145
|
// Determines how keyboard navigation is to be handled based on the activation type
|
14541
15146
|
this.attatchEventListeners = () => {
|
@@ -14696,6 +15301,38 @@ class TabContext {
|
|
14696
15301
|
tabIndex: event.detail.position,
|
14697
15302
|
});
|
14698
15303
|
}
|
15304
|
+
tabCreatedHandler(ev) {
|
15305
|
+
if (this.tabs && this.tabPanels) {
|
15306
|
+
(ev.detail.setFocus ? this.newTabs : this.newTabPanels).push(ev.detail);
|
15307
|
+
if (this.newTabs.length === this.newTabPanels.length) {
|
15308
|
+
this.tabs.push(...this.newTabs);
|
15309
|
+
this.tabPanels.push(...this.newTabPanels);
|
15310
|
+
this.enabledTabs = this.getEnabledTabs();
|
15311
|
+
this.linkTabs();
|
15312
|
+
this.newTabs = [];
|
15313
|
+
this.newTabPanels = [];
|
15314
|
+
}
|
15315
|
+
}
|
15316
|
+
}
|
15317
|
+
/**
|
15318
|
+
* @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed
|
15319
|
+
*/
|
15320
|
+
async tabRemovedHandler(hadFocus) {
|
15321
|
+
this.getChildren();
|
15322
|
+
this.enabledTabs = this.getEnabledTabs();
|
15323
|
+
this.linkTabs();
|
15324
|
+
if (this.tabs[this.selectedTab] && this.tabPanels[this.selectedTab]) {
|
15325
|
+
this.tabs[this.selectedTab].selected = true;
|
15326
|
+
this.tabPanels[this.selectedTab].selectedTab =
|
15327
|
+
this.tabs[this.selectedTab].tabId;
|
15328
|
+
}
|
15329
|
+
else {
|
15330
|
+
this.setInitialTab();
|
15331
|
+
}
|
15332
|
+
if (hadFocus) {
|
15333
|
+
this.tabs[this.selectedTab].setFocus();
|
15334
|
+
}
|
15335
|
+
}
|
14699
15336
|
componentDidLoad() {
|
14700
15337
|
this.setControlledMode();
|
14701
15338
|
this.getChildren();
|
@@ -14730,15 +15367,16 @@ class TabContext {
|
|
14730
15367
|
"activationType": [1, "activation-type"],
|
14731
15368
|
"selectedTabIndex": [2, "selected-tab-index"],
|
14732
15369
|
"appearance": [1],
|
14733
|
-
"selectedTab": [32]
|
15370
|
+
"selectedTab": [32],
|
15371
|
+
"tabRemovedHandler": [64]
|
14734
15372
|
},
|
14735
|
-
"$listeners$": [[0, "tabClick", "tabClickHandler"]],
|
15373
|
+
"$listeners$": [[0, "tabClick", "tabClickHandler"], [0, "tabCreated", "tabCreatedHandler"], [0, "tabPanelCreated", "tabCreatedHandler"]],
|
14736
15374
|
"$lazyBundleId$": "-",
|
14737
15375
|
"$attrsToReflect$": [["contextId", "context-id"]]
|
14738
15376
|
}; }
|
14739
15377
|
}
|
14740
15378
|
|
14741
|
-
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-300);display:block;margin-bottom:var(--ic-space-md);border-bottom:1px solid var(--border-bottom-color)}/*!@:host(
|
15379
|
+
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-300);display:block;margin-bottom:var(--ic-space-md);border-bottom:1px solid var(--border-bottom-color)}/*!@:host(.inline)*/.inline.sc-ic-tab-group-h{margin-bottom:0;border-bottom:none}/*!@.light*/.light.sc-ic-tab-group{--border-bottom-color:var(--ic-architectural-white)}/*!@.tabs-container*/.tabs-container.sc-ic-tab-group{display:flex;flex-direction:row}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-tab-group::-webkit-scrollbar{display:none}";
|
14742
15380
|
|
14743
15381
|
class TabGroup {
|
14744
15382
|
constructor(hostRef) {
|
@@ -14755,6 +15393,7 @@ class TabGroup {
|
|
14755
15393
|
const { appearance, label } = this;
|
14756
15394
|
return (hAsync(Host, { role: "tablist", "aria-label": label, class: {
|
14757
15395
|
["light"]: appearance === IcThemeForegroundEnum.Light,
|
15396
|
+
["inline"]: this.inline,
|
14758
15397
|
} }, hAsync("ic-horizontal-scroll", { appearance: appearance === IcThemeForegroundEnum.Dark
|
14759
15398
|
? IcThemeForegroundEnum.Default
|
14760
15399
|
: appearance }, hAsync("div", { class: "tabs-container" }, hAsync("slot", null)))));
|
@@ -14777,17 +15416,26 @@ class TabGroup {
|
|
14777
15416
|
}; }
|
14778
15417
|
}
|
14779
15418
|
|
14780
|
-
const icTabPanelCss = "/*!@:host*/.sc-ic-tab-panel-h{display:block}/*!@:host(.ic-tab-panel-light)*/.ic-tab-panel-light.sc-ic-tab-panel-h{color:white}
|
15419
|
+
const icTabPanelCss = "/*!@:host*/.sc-ic-tab-panel-h{display:block}/*!@:host(.ic-tab-panel-light)*/.ic-tab-panel-light.sc-ic-tab-panel-h{color:white}";
|
14781
15420
|
|
14782
15421
|
class TabPanel {
|
14783
15422
|
constructor(hostRef) {
|
14784
15423
|
registerInstance(this, hostRef);
|
15424
|
+
this.tabPanelCreated = createEvent(this, "tabPanelCreated", 7);
|
15425
|
+
this.tabPanelRemoved = createEvent(this, "tabPanelRemoved", 7);
|
14785
15426
|
this.contextId = "default";
|
14786
15427
|
this.tabPosition = undefined;
|
14787
15428
|
this.panelId = undefined;
|
14788
15429
|
this.selectedTab = undefined;
|
14789
15430
|
this.appearance = "dark";
|
14790
15431
|
}
|
15432
|
+
connectedCallback() {
|
15433
|
+
this.tabPanelCreated.emit(this.host);
|
15434
|
+
}
|
15435
|
+
disconnectedCallback() {
|
15436
|
+
const tabContext = document.querySelector(`ic-tab-context[context-id=${this.contextId}]`);
|
15437
|
+
tabContext.tabRemovedHandler();
|
15438
|
+
}
|
14791
15439
|
render() {
|
14792
15440
|
const { panelId, selectedTab, appearance } = this;
|
14793
15441
|
return (hAsync(Host, { class: {
|
@@ -14814,7 +15462,7 @@ class TabPanel {
|
|
14814
15462
|
}; }
|
14815
15463
|
}
|
14816
15464
|
|
14817
|
-
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(
|
15465
|
+
const icTextFieldCss = "/*!@html*/html.sc-ic-text-field{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-text-field{margin:0}/*!@main*/main.sc-ic-text-field{display:block}/*!@h1*/h1.sc-ic-text-field{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-text-field{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-text-field{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-text-field{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-text-field,strong.sc-ic-text-field{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-text-field,kbd.sc-ic-text-field,samp.sc-ic-text-field{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-text-field{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-text-field,sup.sc-ic-text-field{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-text-field{bottom:-0.25em}/*!@sup*/sup.sc-ic-text-field{top:-0.5em}/*!@img*/img.sc-ic-text-field{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-text-field,input.sc-ic-text-field,optgroup.sc-ic-text-field,select.sc-ic-text-field,textarea.sc-ic-text-field{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-text-field,input.sc-ic-text-field{overflow:visible}/*!@button,\nselect*/button.sc-ic-text-field,select.sc-ic-text-field{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-text-field,[type=\"button\"].sc-ic-text-field,[type=\"reset\"].sc-ic-text-field,[type=\"submit\"].sc-ic-text-field{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-text-field::-moz-focus-inner,[type=\"button\"].sc-ic-text-field::-moz-focus-inner,[type=\"reset\"].sc-ic-text-field::-moz-focus-inner,[type=\"submit\"].sc-ic-text-field::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-text-field:-moz-focusring,[type=\"button\"].sc-ic-text-field:-moz-focusring,[type=\"reset\"].sc-ic-text-field:-moz-focusring,[type=\"submit\"].sc-ic-text-field:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-text-field{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-text-field{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-text-field{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-text-field{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-text-field,[type=\"radio\"].sc-ic-text-field{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-text-field::-webkit-inner-spin-button,[type=\"number\"].sc-ic-text-field::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-text-field{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-text-field::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-text-field::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-text-field{display:block}/*!@summary*/summary.sc-ic-text-field{display:list-item}/*!@template*/template.sc-ic-text-field{display:none}/*!@[hidden]*/[hidden].sc-ic-text-field{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-text-field,body.sc-ic-text-field,div.sc-ic-text-field,span.sc-ic-text-field,applet.sc-ic-text-field,object.sc-ic-text-field,iframe.sc-ic-text-field,h1.sc-ic-text-field,h2.sc-ic-text-field,h3.sc-ic-text-field,h4.sc-ic-text-field,h5.sc-ic-text-field,h6.sc-ic-text-field,p.sc-ic-text-field,blockquote.sc-ic-text-field,pre.sc-ic-text-field,a.sc-ic-text-field,abbr.sc-ic-text-field,acronym.sc-ic-text-field,address.sc-ic-text-field,big.sc-ic-text-field,cite.sc-ic-text-field,code.sc-ic-text-field,del.sc-ic-text-field,dfn.sc-ic-text-field,em.sc-ic-text-field,img.sc-ic-text-field,ins.sc-ic-text-field,kbd.sc-ic-text-field,q.sc-ic-text-field,s.sc-ic-text-field,samp.sc-ic-text-field,small.sc-ic-text-field,strike.sc-ic-text-field,strong.sc-ic-text-field,sub.sc-ic-text-field,sup.sc-ic-text-field,tt.sc-ic-text-field,var.sc-ic-text-field,b.sc-ic-text-field,u.sc-ic-text-field,i.sc-ic-text-field,center.sc-ic-text-field,dl.sc-ic-text-field,dt.sc-ic-text-field,dd.sc-ic-text-field,ol.sc-ic-text-field,ul.sc-ic-text-field,li.sc-ic-text-field,fieldset.sc-ic-text-field,form.sc-ic-text-field,label.sc-ic-text-field,legend.sc-ic-text-field,table.sc-ic-text-field,caption.sc-ic-text-field,tbody.sc-ic-text-field,tfoot.sc-ic-text-field,thead.sc-ic-text-field,tr.sc-ic-text-field,th.sc-ic-text-field,td.sc-ic-text-field,article.sc-ic-text-field,aside.sc-ic-text-field,canvas.sc-ic-text-field,details.sc-ic-text-field,embed.sc-ic-text-field,figure.sc-ic-text-field,figcaption.sc-ic-text-field,footer.sc-ic-text-field,header.sc-ic-text-field,hgroup.sc-ic-text-field,menu.sc-ic-text-field,nav.sc-ic-text-field,output.sc-ic-text-field,ruby.sc-ic-text-field,section.sc-ic-text-field,summary.sc-ic-text-field,time.sc-ic-text-field,mark.sc-ic-text-field,audio.sc-ic-text-field,video.sc-ic-text-field{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-text-field-h{display:block}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-text-field-h{width:100%}/*!@::-moz-placeholder*/.sc-ic-text-field::-moz-placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@::placeholder*/.sc-ic-text-field::placeholder{color:var(--ic-color-tertiary-text);opacity:1}/*!@input,\ntextarea*/input.sc-ic-text-field,textarea.sc-ic-text-field{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs)}/*!@textarea*/textarea.sc-ic-text-field{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}/*!@input:focus,\ntextarea:focus*/input.sc-ic-text-field:focus,textarea.sc-ic-text-field:focus{border:0;outline:0}/*!@input:disabled,\ntextarea:disabled*/input.sc-ic-text-field:disabled,textarea.sc-ic-text-field:disabled{color:var(--ic-architectural-200)}/*!@input.readonly,\ntextarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:var(--ic-color-primary-text)}/*!@input::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button*/input.sc-ic-text-field::-webkit-outer-spin-button,input.sc-ic-text-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*!@input[type=\"number\"]*/input[type=\"number\"].sc-ic-text-field{-moz-appearance:textfield}/*!@textarea.no-resize*/textarea.no-resize.sc-ic-text-field{resize:none}/*!@.maxlengthtext*/.maxlengthtext.sc-ic-text-field{color:var(--ic-color-secondary-text)}/*!@.error*/.error.sc-ic-text-field{color:var(--ic-status-error)}/*!@.disabled*/.disabled.sc-ic-text-field{color:var(--ic-architectural-200)}/*!@.no-left-pad*/.no-left-pad.sc-ic-text-field{padding-left:0}/*!@::slotted([slot=\"icon\"])*/.sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-tertiary-text)}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:var(--ic-color-primary-text)}/*!@.charcount*/.charcount.sc-ic-text-field{margin-right:calc(-1 * var(--ic-space-xxxs))}/*!@input[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration*/input[type=\"search\"].sc-ic-text-field::-webkit-search-cancel-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-decoration,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-button,input[type=\"search\"].sc-ic-text-field::-webkit-search-results-decoration{display:none}/*!@input[type=\"search\"].truncate-value*/input[type=\"search\"].truncate-value.sc-ic-text-field{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){/*!@input.readonly,\n textarea.readonly*/input.readonly.sc-ic-text-field,textarea.readonly.sc-ic-text-field{color:canvastext}/*!@.has-value ::slotted([slot=\"icon\"])*/.has-value .sc-ic-text-field-s>[slot=\"icon\"]{fill:currentcolor}}";
|
14818
15466
|
|
14819
15467
|
let inputIds = 0;
|
14820
15468
|
/**
|
@@ -14828,6 +15476,7 @@ class TextField {
|
|
14828
15476
|
this.icBlur = createEvent(this, "icBlur", 7);
|
14829
15477
|
this.icFocus = createEvent(this, "icFocus", 7);
|
14830
15478
|
this.icChange = createEvent(this, "icChange", 7);
|
15479
|
+
this.getValidationText = createEvent(this, "getValidationText", 7);
|
14831
15480
|
this.inheritedAttributes = {};
|
14832
15481
|
this.showLeftIcon = this.hasLeftIconSlot();
|
14833
15482
|
this.onInput = (ev) => {
|
@@ -14845,12 +15494,16 @@ class TextField {
|
|
14845
15494
|
this.isTextArea = () => {
|
14846
15495
|
return this.rows > 1;
|
14847
15496
|
};
|
15497
|
+
this.getInlineValidationText = () => {
|
15498
|
+
this.getValidationText.emit({ value: this.validationText });
|
15499
|
+
};
|
14848
15500
|
this.hasStatus = (status) => {
|
14849
15501
|
return status !== "" && !this.disabled;
|
14850
15502
|
};
|
14851
15503
|
this.showStatusText = (status) => {
|
14852
15504
|
if (this.hasStatus(status) &&
|
14853
|
-
!(status == IcInformationStatus.Success && this.validationInline)
|
15505
|
+
!(status == IcInformationStatus.Success && this.validationInline) &&
|
15506
|
+
!this.validationInlineInternal) {
|
14854
15507
|
return true;
|
14855
15508
|
}
|
14856
15509
|
return false;
|
@@ -14871,10 +15524,13 @@ class TextField {
|
|
14871
15524
|
this.resize = false;
|
14872
15525
|
this.small = false;
|
14873
15526
|
this.value = "";
|
15527
|
+
this.min = undefined;
|
15528
|
+
this.max = undefined;
|
14874
15529
|
this.maxLength = 0;
|
14875
15530
|
this.validationStatus = "";
|
14876
15531
|
this.validationText = "";
|
14877
15532
|
this.validationInline = false;
|
15533
|
+
this.validationInlineInternal = false;
|
14878
15534
|
this.autocapitalize = "off";
|
14879
15535
|
this.autocomplete = "off";
|
14880
15536
|
this.autocorrect = "off";
|
@@ -14893,6 +15549,8 @@ class TextField {
|
|
14893
15549
|
this.hiddenInput = true;
|
14894
15550
|
this.numChars = 0;
|
14895
15551
|
this.maxLengthExceeded = false;
|
15552
|
+
this.minValueUnattained = false;
|
15553
|
+
this.maxValueExceeded = false;
|
14896
15554
|
this.initialValue = this.value;
|
14897
15555
|
}
|
14898
15556
|
debounceChanged() {
|
@@ -14902,8 +15560,22 @@ class TextField {
|
|
14902
15560
|
if (this.inputEl && this.inputEl.value !== newValue) {
|
14903
15561
|
this.inputEl.value = newValue;
|
14904
15562
|
}
|
15563
|
+
this.numChars = newValue.length;
|
15564
|
+
if (this.type === "number") {
|
15565
|
+
if (newValue && Number(newValue) < Number(this.min)) {
|
15566
|
+
this.minValueUnattained = true;
|
15567
|
+
}
|
15568
|
+
else {
|
15569
|
+
this.minValueUnattained = false;
|
15570
|
+
}
|
15571
|
+
if (Number(newValue) > Number(this.max)) {
|
15572
|
+
this.maxValueExceeded = true;
|
15573
|
+
}
|
15574
|
+
else {
|
15575
|
+
this.maxValueExceeded = false;
|
15576
|
+
}
|
15577
|
+
}
|
14905
15578
|
if (this.maxLength > 0) {
|
14906
|
-
this.numChars = newValue.length;
|
14907
15579
|
if (newValue.length > this.maxLength) {
|
14908
15580
|
this.maxLengthExceeded = true;
|
14909
15581
|
}
|
@@ -14946,27 +15618,38 @@ class TextField {
|
|
14946
15618
|
]);
|
14947
15619
|
if (this.readonly) {
|
14948
15620
|
this.maxLengthExceeded = false;
|
15621
|
+
this.maxValueExceeded = false;
|
15622
|
+
this.minValueUnattained = false;
|
14949
15623
|
}
|
14950
15624
|
addFormResetListener(this.el, this.handleFormReset);
|
14951
15625
|
}
|
14952
15626
|
componentDidLoad() {
|
14953
15627
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Text Field");
|
15628
|
+
if (this.validationInlineInternal) {
|
15629
|
+
this.getInlineValidationText();
|
15630
|
+
}
|
14954
15631
|
}
|
14955
15632
|
disconnectedCallback() {
|
14956
15633
|
removeFormResetListener(this.el, this.handleFormReset);
|
14957
15634
|
}
|
14958
15635
|
render() {
|
14959
|
-
const { inputId, name, label, required, small, placeholder, helperText, rows, resize, disabled, value, maxLength, numChars, readonly, maxLengthExceeded, validationStatus, validationText, validationInline, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, } = this;
|
15636
|
+
const { inputId, name, label, required, small, placeholder, helperText, rows, resize, disabled, value, min, max, maxLength, numChars, readonly, maxLengthExceeded, minValueUnattained, maxValueExceeded, validationStatus, validationText, validationInline, validationInlineInternal, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, } = this;
|
14960
15637
|
const disabledMode = readonly ? true : disabled;
|
14961
15638
|
const placeholderText = disabled ? "" : placeholder;
|
14962
|
-
const currentStatus = maxLengthExceeded
|
15639
|
+
const currentStatus = maxLengthExceeded || maxValueExceeded || minValueUnattained
|
14963
15640
|
? IcInformationStatus.Error
|
14964
15641
|
: validationStatus;
|
14965
15642
|
const currentValidationText = maxLengthExceeded
|
14966
15643
|
? "Maximum length exceeded"
|
14967
|
-
:
|
15644
|
+
: maxValueExceeded
|
15645
|
+
? `Maximum value of ${max} exceeded`
|
15646
|
+
: minValueUnattained
|
15647
|
+
? `Minimum value of ${min} not met`
|
15648
|
+
: validationText;
|
14968
15649
|
const maxNumChars = readonly ? 0 : maxLength;
|
14969
15650
|
const messageAriaLive = maxLengthExceeded ||
|
15651
|
+
maxValueExceeded ||
|
15652
|
+
minValueUnattained ||
|
14970
15653
|
(maxLength === 0 && currentStatus === IcInformationStatus.Error)
|
14971
15654
|
? "assertive"
|
14972
15655
|
: "polite";
|
@@ -14989,7 +15672,7 @@ class TextField {
|
|
14989
15672
|
return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { small: small, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, this.showLeftIcon && (hAsync("span", { class: {
|
14990
15673
|
["readonly"]: readonly,
|
14991
15674
|
["has-value"]: value.length > 0,
|
14992
|
-
}, slot: "left-icon" }, hAsync("slot", { name: "icon" }))), !multiline && (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, value: value, class: {
|
15675
|
+
}, slot: "left-icon" }, hAsync("slot", { name: "icon" }))), !multiline && (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, min: min, max: max, value: value, class: {
|
14993
15676
|
["no-left-pad"]: !this.showLeftIcon && readonly,
|
14994
15677
|
["readonly"]: readonly,
|
14995
15678
|
["truncate-value"]: truncateValue,
|
@@ -14999,13 +15682,17 @@ class TextField {
|
|
14999
15682
|
["readonly"]: readonly,
|
15000
15683
|
}, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholderText, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocapitalize: this.autocapitalize, autoFocus: this.autoFocus, spellcheck: spellcheck, inputmode: inputmode }, this.inheritedAttributes))), isSlotUsed(this.el, "clear-button") && (hAsync("slot", { name: "clear-button" })), isSlotUsed(this.el, "search-submit-button") && (hAsync("slot", { name: "search-submit-button" }))), isSlotUsed(this.el, "menu") && hAsync("slot", { name: "menu" }), (!isEmptyString(validationStatus) ||
|
15001
15684
|
!isEmptyString(validationText) ||
|
15002
|
-
maxNumChars > 0
|
15685
|
+
maxNumChars > 0 ||
|
15686
|
+
maxValueExceeded ||
|
15687
|
+
minValueUnattained) &&
|
15688
|
+
!validationInlineInternal && (hAsync("ic-input-validation", { status: this.hasStatus(currentStatus) === false ||
|
15003
15689
|
(currentStatus === IcInformationStatus.Success &&
|
15004
|
-
validationInline)
|
15690
|
+
validationInline) ||
|
15691
|
+
validationInlineInternal
|
15005
15692
|
? ""
|
15006
15693
|
: currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, !readonly && maxNumChars > 0 && (hAsync("div", { slot: "validation-message-adornment" }, hAsync("ic-typography", { variant: "caption", class: {
|
15007
15694
|
["maxlengthtext"]: true,
|
15008
|
-
["
|
15695
|
+
["error"]: maxLengthExceeded,
|
15009
15696
|
["disabled"]: disabledText,
|
15010
15697
|
} }, hAsync("span", { "aria-live": "polite", id: `${inputId}-charcount`, class: "charcount" }, numChars, "/", maxNumChars), hAsync("span", { hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))))));
|
15011
15698
|
}
|
@@ -15032,10 +15719,13 @@ class TextField {
|
|
15032
15719
|
"resize": [4],
|
15033
15720
|
"small": [516],
|
15034
15721
|
"value": [1537],
|
15722
|
+
"min": [8],
|
15723
|
+
"max": [8],
|
15035
15724
|
"maxLength": [2, "max-length"],
|
15036
15725
|
"validationStatus": [1, "validation-status"],
|
15037
15726
|
"validationText": [1, "validation-text"],
|
15038
15727
|
"validationInline": [4, "validation-inline"],
|
15728
|
+
"validationInlineInternal": [4, "validation-inline-internal"],
|
15039
15729
|
"autocapitalize": [1],
|
15040
15730
|
"autocomplete": [1],
|
15041
15731
|
"autocorrect": [1],
|
@@ -15054,6 +15744,8 @@ class TextField {
|
|
15054
15744
|
"hiddenInput": [4, "hidden-input"],
|
15055
15745
|
"numChars": [32],
|
15056
15746
|
"maxLengthExceeded": [32],
|
15747
|
+
"minValueUnattained": [32],
|
15748
|
+
"maxValueExceeded": [32],
|
15057
15749
|
"initialValue": [32],
|
15058
15750
|
"setFocus": [64]
|
15059
15751
|
},
|
@@ -15267,6 +15959,10 @@ class Toast {
|
|
15267
15959
|
if (dismissButton)
|
15268
15960
|
this.interactiveElements.push(dismissButton);
|
15269
15961
|
}
|
15962
|
+
disconnectedCallback() {
|
15963
|
+
window.clearTimeout(this.dismissTimeout);
|
15964
|
+
window.clearInterval(this.timerRefreshInterval);
|
15965
|
+
}
|
15270
15966
|
render() {
|
15271
15967
|
const { variant, heading, message, visible, isManual, dismissButtonAriaLabel, } = this;
|
15272
15968
|
return (hAsync(Host, { class: { ["hidden"]: !visible }, role: isManual ? "dialog" : "status" }, hAsync("div", { class: "container" }, variant && visible && (hAsync("div", { class: "toast-icon-container" }, hAsync("div", { class: {
|
@@ -15284,10 +15980,10 @@ class Toast {
|
|
15284
15980
|
"$tagName$": "ic-toast",
|
15285
15981
|
"$members$": {
|
15286
15982
|
"heading": [1],
|
15287
|
-
"variant": [
|
15983
|
+
"variant": [1025],
|
15288
15984
|
"message": [1],
|
15289
|
-
"dismissMode": [
|
15290
|
-
"autoDismissTimeout": [
|
15985
|
+
"dismissMode": [1025, "dismiss-mode"],
|
15986
|
+
"autoDismissTimeout": [1026, "auto-dismiss-timeout"],
|
15291
15987
|
"neutralIconAriaLabel": [1, "neutral-icon-aria-label"],
|
15292
15988
|
"dismissButtonAriaLabel": [1, "dismiss-button-aria-label"],
|
15293
15989
|
"visible": [32],
|
@@ -15360,6 +16056,7 @@ class Tooltip {
|
|
15360
16056
|
: ["mouseenter", "focusin"];
|
15361
16057
|
this.instantHideEvents = ["focusout"];
|
15362
16058
|
this.delayedHideEvents = ["mouseleave"];
|
16059
|
+
this.persistTooltip = false;
|
15363
16060
|
this.show = (popper) => {
|
15364
16061
|
this.toolTip.setAttribute("data-show", "");
|
15365
16062
|
popper.setOptions((options) => (Object.assign(Object.assign({}, options), { modifiers: [
|
@@ -15374,10 +16071,11 @@ class Tooltip {
|
|
15374
16071
|
...options.modifiers,
|
15375
16072
|
{ name: "eventListeners", enabled: false },
|
15376
16073
|
] })));
|
16074
|
+
this.persistTooltip = false;
|
15377
16075
|
};
|
15378
16076
|
this.checkCloseTooltip = (popper) => {
|
15379
16077
|
setTimeout(() => {
|
15380
|
-
if (!this.mouseOverTool) {
|
16078
|
+
if (!this.mouseOverTool && !this.persistTooltip) {
|
15381
16079
|
this.hide(popper);
|
15382
16080
|
}
|
15383
16081
|
}, 100);
|
@@ -15390,7 +16088,7 @@ class Tooltip {
|
|
15390
16088
|
this.checkCloseTooltip(popper);
|
15391
16089
|
};
|
15392
16090
|
this.handleKeyDown = (key) => {
|
15393
|
-
if (key === "Escape") {
|
16091
|
+
if (key === "Escape" && !this.persistTooltip) {
|
15394
16092
|
this.hide(this.popperInstance);
|
15395
16093
|
}
|
15396
16094
|
};
|
@@ -15403,7 +16101,7 @@ class Tooltip {
|
|
15403
16101
|
}
|
15404
16102
|
});
|
15405
16103
|
this.instantHideEvents.forEach((event) => {
|
15406
|
-
this.el[method](event, () => this.hide(this.popperInstance));
|
16104
|
+
this.el[method](event, () => !this.persistTooltip && this.hide(this.popperInstance));
|
15407
16105
|
});
|
15408
16106
|
this.delayedHideEvents.forEach((event) => {
|
15409
16107
|
this.el[method](event, () => this.checkCloseTooltip(this.popperInstance));
|
@@ -15432,6 +16130,15 @@ class Tooltip {
|
|
15432
16130
|
describedBySpan.innerText = newValue;
|
15433
16131
|
}
|
15434
16132
|
}
|
16133
|
+
/**
|
16134
|
+
* Method to programmatically show/hide the tooltip without needing to interact with an anchor element
|
16135
|
+
* @param show Whether to show or hide the tooltip
|
16136
|
+
* @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover
|
16137
|
+
*/
|
16138
|
+
async displayTooltip(show, persistTooltip) {
|
16139
|
+
this.persistTooltip = persistTooltip;
|
16140
|
+
show ? this.show(this.popperInstance) : this.hide(this.popperInstance);
|
16141
|
+
}
|
15435
16142
|
componentDidLoad() {
|
15436
16143
|
this.popperInstance = createPopper(this.el, this.toolTip, {
|
15437
16144
|
placement: this.placement,
|
@@ -15480,7 +16187,8 @@ class Tooltip {
|
|
15480
16187
|
"target": [513],
|
15481
16188
|
"placement": [1],
|
15482
16189
|
"label": [1],
|
15483
|
-
"disableHover": [4, "disable-hover"]
|
16190
|
+
"disableHover": [4, "disable-hover"],
|
16191
|
+
"displayTooltip": [64]
|
15484
16192
|
},
|
15485
16193
|
"$listeners$": undefined,
|
15486
16194
|
"$lazyBundleId$": "-",
|
@@ -15488,7 +16196,7 @@ class Tooltip {
|
|
15488
16196
|
}; }
|
15489
16197
|
}
|
15490
16198
|
|
15491
|
-
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);margin-left:calc(-1 * var(--ic-space-xxs));transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:-0.063rem}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:5rem;background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md)}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:1rem;background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs)}/*!@.app-status-text,\n.app-version-text*/.app-status-text.sc-ic-top-navigation,.app-version-text.sc-ic-top-navigation{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:0.063rem;height:0.063rem;padding:0;margin:-0.063rem;overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n :host .app-status,\n :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.searchbox-inline*/.searchbox-inline.sc-ic-top-navigation{display:none}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:currentcolor}}";
|
16199
|
+
const icTopNavigationCss = "/*!@html*/html.sc-ic-top-navigation{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-top-navigation{margin:0}/*!@main*/main.sc-ic-top-navigation{display:block}/*!@h1*/h1.sc-ic-top-navigation{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-top-navigation{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-top-navigation{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-top-navigation{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-top-navigation,strong.sc-ic-top-navigation{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-top-navigation,kbd.sc-ic-top-navigation,samp.sc-ic-top-navigation{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-top-navigation{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-top-navigation,sup.sc-ic-top-navigation{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-top-navigation{bottom:-0.25em}/*!@sup*/sup.sc-ic-top-navigation{top:-0.5em}/*!@img*/img.sc-ic-top-navigation{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-top-navigation,input.sc-ic-top-navigation,optgroup.sc-ic-top-navigation,select.sc-ic-top-navigation,textarea.sc-ic-top-navigation{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-top-navigation,input.sc-ic-top-navigation{overflow:visible}/*!@button,\nselect*/button.sc-ic-top-navigation,select.sc-ic-top-navigation{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-top-navigation,[type=\"button\"].sc-ic-top-navigation,[type=\"reset\"].sc-ic-top-navigation,[type=\"submit\"].sc-ic-top-navigation{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-top-navigation::-moz-focus-inner,[type=\"button\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"reset\"].sc-ic-top-navigation::-moz-focus-inner,[type=\"submit\"].sc-ic-top-navigation::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-top-navigation:-moz-focusring,[type=\"button\"].sc-ic-top-navigation:-moz-focusring,[type=\"reset\"].sc-ic-top-navigation:-moz-focusring,[type=\"submit\"].sc-ic-top-navigation:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-top-navigation{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-top-navigation{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-top-navigation{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-top-navigation{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-top-navigation,[type=\"radio\"].sc-ic-top-navigation{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-top-navigation::-webkit-inner-spin-button,[type=\"number\"].sc-ic-top-navigation::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-top-navigation{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-top-navigation::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-top-navigation::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-top-navigation{display:block}/*!@summary*/summary.sc-ic-top-navigation{display:list-item}/*!@template*/template.sc-ic-top-navigation{display:none}/*!@[hidden]*/[hidden].sc-ic-top-navigation{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-top-navigation,body.sc-ic-top-navigation,div.sc-ic-top-navigation,span.sc-ic-top-navigation,applet.sc-ic-top-navigation,object.sc-ic-top-navigation,iframe.sc-ic-top-navigation,h1.sc-ic-top-navigation,h2.sc-ic-top-navigation,h3.sc-ic-top-navigation,h4.sc-ic-top-navigation,h5.sc-ic-top-navigation,h6.sc-ic-top-navigation,p.sc-ic-top-navigation,blockquote.sc-ic-top-navigation,pre.sc-ic-top-navigation,a.sc-ic-top-navigation,abbr.sc-ic-top-navigation,acronym.sc-ic-top-navigation,address.sc-ic-top-navigation,big.sc-ic-top-navigation,cite.sc-ic-top-navigation,code.sc-ic-top-navigation,del.sc-ic-top-navigation,dfn.sc-ic-top-navigation,em.sc-ic-top-navigation,img.sc-ic-top-navigation,ins.sc-ic-top-navigation,kbd.sc-ic-top-navigation,q.sc-ic-top-navigation,s.sc-ic-top-navigation,samp.sc-ic-top-navigation,small.sc-ic-top-navigation,strike.sc-ic-top-navigation,strong.sc-ic-top-navigation,sub.sc-ic-top-navigation,sup.sc-ic-top-navigation,tt.sc-ic-top-navigation,var.sc-ic-top-navigation,b.sc-ic-top-navigation,u.sc-ic-top-navigation,i.sc-ic-top-navigation,center.sc-ic-top-navigation,dl.sc-ic-top-navigation,dt.sc-ic-top-navigation,dd.sc-ic-top-navigation,ol.sc-ic-top-navigation,ul.sc-ic-top-navigation,li.sc-ic-top-navigation,fieldset.sc-ic-top-navigation,form.sc-ic-top-navigation,label.sc-ic-top-navigation,legend.sc-ic-top-navigation,table.sc-ic-top-navigation,caption.sc-ic-top-navigation,tbody.sc-ic-top-navigation,tfoot.sc-ic-top-navigation,thead.sc-ic-top-navigation,tr.sc-ic-top-navigation,th.sc-ic-top-navigation,td.sc-ic-top-navigation,article.sc-ic-top-navigation,aside.sc-ic-top-navigation,canvas.sc-ic-top-navigation,details.sc-ic-top-navigation,embed.sc-ic-top-navigation,figure.sc-ic-top-navigation,figcaption.sc-ic-top-navigation,footer.sc-ic-top-navigation,header.sc-ic-top-navigation,hgroup.sc-ic-top-navigation,menu.sc-ic-top-navigation,nav.sc-ic-top-navigation,output.sc-ic-top-navigation,ruby.sc-ic-top-navigation,section.sc-ic-top-navigation,summary.sc-ic-top-navigation,time.sc-ic-top-navigation,mark.sc-ic-top-navigation,audio.sc-ic-top-navigation,video.sc-ic-top-navigation{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-top-navigation-h{display:block;color:var(--ic-theme-text);width:100%;position:relative}/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{background-color:var(--ic-theme-primary);height:-moz-max-content;height:max-content}/*!@:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form)*/.sc-ic-top-navigation-h.fullwidth-searchbar slot[name=\"search\"].sc-ic-top-navigation-s>form{width:100%}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{display:inline-flex;align-items:center;text-decoration:none;padding:var(--ic-space-xxs);transition:var(--ic-easing-transition-fast)}/*!@:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:visited,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active,.sc-ic-top-navigation-h .title-link .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:visited .sc-ic-top-navigation-s>a,.sc-ic-top-navigation-h .title-link:active .sc-ic-top-navigation-s>a{color:var(--ic-theme-text);text-decoration:none;outline:none}/*!@:host .title-link:hover:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover:not(:focus){background-color:var(--ic-theme-hover)}/*!@:host .title-link:active:not(:focus)*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:active:not(:focus){background-color:var(--ic-theme-active)}/*!@:host .title-link:hover*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:hover{border-radius:var(--ic-border-radius)}/*!@:host .title-link:focus,\n:host .title-link:focus-within*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus,.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline)}/*!@:host .title-link ic-typography*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation ic-typography.sc-ic-top-navigation{font-weight:600}/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-lighten);padding:0 var(--ic-space-lg);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin));display:flex}/*!@:host(.dark) .nav-panel-container*/.dark.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{border-top:var(--ic-keyline-darken)}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{display:flex;padding-top:0.5rem;padding-bottom:0.5rem}/*!@.navigation-tabs*/.navigation-tabs.sc-ic-top-navigation{margin-top:calc(-1 * var(--ic-space-1px))}/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{display:flex;align-items:center;flex:1 1 auto;margin-right:var(--ic-space-md)}/*!@.app-icon-container*/.app-icon-container.sc-ic-top-navigation{display:flex;padding-right:var(--ic-space-xs)}/*!@.icon-buttons-container*/.icon-buttons-container.sc-ic-top-navigation{display:flex;margin-left:var(--ic-space-md)}/*!@.icon-buttons-container ::slotted(nav)*/.icon-buttons-container .sc-ic-top-navigation-s>nav{display:flex}/*!@.title-wrap*/.title-wrap.sc-ic-top-navigation{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@:host .app-status*/.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-architectural-white);color:var(--ic-color-primary-text);padding:var(--ic-space-xxs) var(--ic-space-lg);margin-left:var(--ic-space-md);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@:host(.dark) .app-status*/.dark.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation{background-color:var(--ic-theme-text);color:var(--ic-color-white-text)}/*!@:host .app-version*/.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{border-radius:var(--ic-space-md);background-color:var(--ic-theme-active);padding:var(--ic-space-xxs) var(--ic-space-sm);margin-left:var(--ic-space-xs);flex:1 1 0;max-width:-moz-fit-content;max-width:fit-content}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:var(--ic-theme-text);width:2em;height:2em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{fill:var(--ic-theme-text)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{justify-content:right;display:flex;align-items:center}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-md)}/*!@.menu-button-container .navigation-landmark-button-text*/.menu-button-container.sc-ic-top-navigation .navigation-landmark-button-text.sc-ic-top-navigation{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}/*!@.search-actions-container*/.search-actions-container.sc-ic-top-navigation{display:flex}/*!@.menu-buttons-slot*/.menu-buttons-slot.sc-ic-top-navigation{display:flex;flex-direction:column}/*!@.navigation-landmark-text*/.navigation-landmark-text.sc-ic-top-navigation{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}/*!@.navigation-item-list*/.navigation-item-list.sc-ic-top-navigation{display:flex;list-style:none;height:2.75rem}/*!@.navigation-item-list::-webkit-scrollbar*/.navigation-item-list.sc-ic-top-navigation::-webkit-scrollbar{display:none}/*!@:host ic-section-container*/.sc-ic-top-navigation-h ic-section-container.sc-ic-top-navigation{padding-bottom:0 !important;padding-top:0 !important}@media screen and (min-width: 993px){/*!@.app-details-container*/.app-details-container.sc-ic-top-navigation{margin-right:var(--ic-space-lg)}}@media screen and (max-width: 1200px){/*!@:host .nav-panel-container*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation{padding:0 var(--ic-space-md)}}@media screen and (max-width: 992px){/*!@:host .nav-panel-container,\n :host .app-status,\n :host .app-version*/.sc-ic-top-navigation-h .nav-panel-container.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-status.sc-ic-top-navigation,.sc-ic-top-navigation-h .app-version.sc-ic-top-navigation{display:none}/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xs)}/*!@.search-menu-container*/.search-menu-container.sc-ic-top-navigation{max-width:10rem}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{display:flex;justify-content:center;align-items:center;border-top:var(--ic-keyline-darken);height:4rem;padding-left:var(--ic-space-md);padding-right:var(--ic-space-md);margin-left:calc(-1 * var(--section-container-margin));margin-right:calc(-1 * var(--section-container-margin))}}@media screen and (max-width: 576px){/*!@:host .title-link*/.sc-ic-top-navigation-h .title-link.sc-ic-top-navigation{margin-right:var(--ic-space-xxxs);word-break:break-word;-webkit-hyphens:none;hyphens:none}/*!@.top-panel-container*/.top-panel-container.sc-ic-top-navigation{min-height:2.5rem}/*!@.searchbox-inline*/.searchbox-inline.sc-ic-top-navigation{display:none}/*!@.search-bar-container*/.search-bar-container.sc-ic-top-navigation{margin-top:0;height:3.5rem;padding-left:var(--ic-space-xs);padding-right:var(--ic-space-xs)}/*!@.menu-button-container*/.menu-button-container.sc-ic-top-navigation{margin-left:var(--ic-space-sm)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{width:1.5em;height:1.5em}/*!@slot[name=\"toggle-icon\"] svg*/slot[name=\"toggle-icon\"].sc-ic-top-navigation svg.sc-ic-top-navigation{width:1.5em;height:1.5em}}@media (forced-colors: active){/*!@:host .top-navigation*/.sc-ic-top-navigation-h .top-navigation.sc-ic-top-navigation{border-bottom:var(--ic-hc-border)}/*!@.app-status,\n .app-version*/.app-status.sc-ic-top-navigation,.app-version.sc-ic-top-navigation{border:var(--ic-hc-border)}/*!@slot[name=\"app-icon\"]::slotted(svg)*/slot[name=\"app-icon\"].sc-ic-top-navigation-s>svg{fill:currentcolor}}";
|
15492
16200
|
|
15493
16201
|
/**
|
15494
16202
|
* @slot app-icon - Content will be rendered to left of app title.
|
@@ -15630,9 +16338,13 @@ class TopNavigation {
|
|
15630
16338
|
this.navMenuVisible = show;
|
15631
16339
|
if (show) {
|
15632
16340
|
this.icNavigationMenuOpened.emit();
|
16341
|
+
document.body.style.height = "100%";
|
16342
|
+
document.body.style.overflow = "hidden";
|
15633
16343
|
}
|
15634
16344
|
else {
|
15635
16345
|
this.icNavigationMenuClosed.emit();
|
16346
|
+
document.body.style.height = "auto";
|
16347
|
+
document.body.style.overflow = "auto";
|
15636
16348
|
}
|
15637
16349
|
}
|
15638
16350
|
componentWillLoad() {
|
@@ -15685,9 +16397,7 @@ class TopNavigation {
|
|
15685
16397
|
["fullwidth-searchbar"]: this.hasFullWidthSearchBar,
|
15686
16398
|
[IcThemeForegroundEnum.Dark]: this.foregroundColor === IcThemeForegroundEnum.Dark,
|
15687
16399
|
} }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: this.contentAligned, "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, (hasTitle || isSlotUsed(this.el, "app-title")) && (hAsync(Component, Object.assign({ class: "title-link" }, attrs), this.hasAppIcon && (hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" }))), hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", { class: "title-wrap" }, isSlotUsed(this.el, "app-title") ? (hAsync("slot", { name: "app-title" })) : (this.appTitle))))), this.status !== "" && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, this.version)))), (this.hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, this.deviceSize > DEVICE_SIZES.L && (hAsync("slot", { name: "search" })), this.hasSearchSlotContent &&
|
15688
|
-
this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: this.foregroundColor, onClick: this.searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon", slot: "icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (hAsync("div", { class: "menu-button-container" }, hAsync("nav", { "aria-labelledby": "navigation-landmark-text", "aria-hidden":
|
15689
|
-
? "true"
|
15690
|
-
: "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { appearance: this.foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
|
16400
|
+
this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: this.foregroundColor, onClick: this.searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon", slot: "icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (hAsync("div", { class: "menu-button-container" }, hAsync("span", { id: "navigation-landmark-button-text", class: "navigation-landmark-button-text", "aria-hidden": "true" }, "Main navigation button"), hAsync("nav", { "aria-labelledby": "navigation-landmark-button-text", "aria-hidden": this.navMenuVisible ? "true" : "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ic-horizontal-scroll", { appearance: this.foregroundColor }, hAsync("ul", { class: "navigation-item-list", tabindex: "-1" }, hAsync("slot", { name: "navigation" }))))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
|
15691
16401
|
["inline"]: this.inline,
|
15692
16402
|
} }, hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" })), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
|
15693
16403
|
}
|
@@ -15722,7 +16432,7 @@ class TopNavigation {
|
|
15722
16432
|
}; }
|
15723
16433
|
}
|
15724
16434
|
|
15725
|
-
const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1)}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}";
|
16435
|
+
const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body),\n:host(.ic-typography-vertical-margins-code-large),\n:host(.ic-typography-vertical-margins-code-small),\n:host(.ic-typography-vertical-margins-code-extra-small)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h,.ic-typography-vertical-margins-code-large.sc-ic-typography-h,.ic-typography-vertical-margins-code-small.sc-ic-typography-h,.ic-typography-vertical-margins-code-extra-small.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1)}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-code-large)*/.ic-typography-code-large.sc-ic-typography-h{font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-code-small)*/.ic-typography-code-small.sc-ic-typography-h{font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-code-extra-small)*/.ic-typography-code-extra-small.sc-ic-typography-h{font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}";
|
15726
16436
|
|
15727
16437
|
class Typography {
|
15728
16438
|
constructor(hostRef) {
|
@@ -15785,6 +16495,8 @@ registerComponents([
|
|
15785
16495
|
NavigationItem,
|
15786
16496
|
NavigationMenu,
|
15787
16497
|
PageHeader,
|
16498
|
+
Pagination,
|
16499
|
+
PaginationItem,
|
15788
16500
|
PopoverMenu,
|
15789
16501
|
RadioGroup,
|
15790
16502
|
RadioOption,
|