@ukic/web-components 2.1.0-beta.1 → 2.1.0-beta.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +2 -0
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +18 -8
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +29 -11
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +2 -0
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +66 -0
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +19 -18
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +10 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +16 -2
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +2 -7
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +8 -4
- 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-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +101 -13
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +161 -40
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +6 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +2 -2
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-3ef30d9d.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/dismiss-icon.svg +3 -0
- package/dist/collection/assets/warning-icon-outline.svg +3 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ic-alert/ic-alert.js +27 -8
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.css +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +17 -7
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css +1 -1
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js +4 -4
- package/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js.map +1 -1
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js +2 -2
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.js +13 -13
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-card/ic-card.js +10 -10
- package/dist/collection/components/ic-card/ic-card.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +29 -10
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +10 -10
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-chip/ic-chip.css +595 -0
- package/dist/collection/components/ic-chip/ic-chip.js +199 -0
- package/dist/collection/components/ic-chip/ic-chip.js.map +1 -0
- package/dist/collection/components/ic-chip/ic-chip.test.a11y.js +11 -0
- package/dist/collection/components/ic-chip/ic-chip.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-chip/ic-chip.types.js +2 -0
- package/dist/collection/components/ic-chip/ic-chip.types.js.map +1 -0
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js +5 -5
- package/dist/collection/components/ic-classification-banner/ic-classification-banner.js.map +1 -1
- package/dist/collection/components/ic-data-entity/ic-data-entity.js +2 -2
- package/dist/collection/components/ic-data-entity/ic-data-entity.js.map +1 -1
- package/dist/collection/components/ic-data-row/ic-data-row.css +12 -0
- package/dist/collection/components/ic-data-row/ic-data-row.js +3 -3
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-divider/ic-divider.js +1 -1
- package/dist/collection/components/ic-divider/ic-divider.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.js +19 -16
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +7 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +2 -2
- package/dist/collection/components/ic-footer-link/ic-footer-link.js.map +1 -1
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +3 -3
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.js +10 -10
- package/dist/collection/components/ic-hero/ic-hero.js.map +1 -1
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.css +0 -2
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +8 -8
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-input-container/ic-input-container.js +2 -2
- package/dist/collection/components/ic-input-container/ic-input-container.js.map +1 -1
- package/dist/collection/components/ic-input-label/ic-input-label.js +8 -8
- package/dist/collection/components/ic-input-label/ic-input-label.js.map +1 -1
- package/dist/collection/components/ic-input-validation/ic-input-validation.js +5 -5
- package/dist/collection/components/ic-input-validation/ic-input-validation.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.js +7 -7
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +38 -2
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +45 -9
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +1 -1
- package/dist/collection/components/ic-menu/ic-menu.js +35 -31
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +5 -5
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js +4 -4
- package/dist/collection/components/ic-navigation-group/ic-navigation-group.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +10 -10
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js.map +1 -1
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js +3 -3
- package/dist/collection/components/ic-navigation-menu/ic-navigation-menu.js.map +1 -1
- package/dist/collection/components/ic-page-header/ic-page-header.css +1 -0
- package/dist/collection/components/ic-page-header/ic-page-header.js +8 -8
- package/dist/collection/components/ic-page-header/ic-page-header.js.map +1 -1
- package/dist/collection/components/ic-radio-group/ic-radio-group.js +10 -10
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +34 -17
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +51 -30
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-section-container/ic-section-container.js +2 -2
- package/dist/collection/components/ic-section-container/ic-section-container.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +1 -1
- package/dist/collection/components/ic-select/ic-select.js +19 -24
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.css +5 -13
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +24 -17
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +2 -2
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-step/ic-step.css +120 -24
- package/dist/collection/components/ic-step/ic-step.js +269 -28
- package/dist/collection/components/ic-step/ic-step.js.map +1 -1
- package/dist/collection/components/ic-step/ic-step.types.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper-test-examples.js +74 -0
- package/dist/collection/components/ic-stepper/ic-stepper-test-examples.js.map +1 -0
- package/dist/collection/components/ic-stepper/ic-stepper.css +15 -1
- package/dist/collection/components/ic-stepper/ic-stepper.js +206 -39
- package/dist/collection/components/ic-stepper/ic-stepper.js.map +1 -1
- package/dist/collection/components/ic-stepper/ic-stepper.test.a11y.js +13 -1
- package/dist/collection/components/ic-stepper/ic-stepper.test.a11y.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +1 -1
- package/dist/collection/components/ic-switch/ic-switch.js +7 -7
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.js +9 -6
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +31 -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.js +4 -4
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -1
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +2 -2
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js.map +1 -1
- package/dist/collection/components/ic-text-field/ic-text-field.js +28 -28
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-theme/ic-theme.js +9 -6
- package/dist/collection/components/ic-theme/ic-theme.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +22 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.css +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +7 -7
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.js +1 -1
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/testspec.setup.js +8 -0
- package/dist/collection/testspec.setup.js.map +1 -1
- package/dist/components/ic-alert.js +3 -1
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +18 -8
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +1 -1
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +3 -3
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card.js +1 -1
- package/dist/components/ic-card.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +1 -1
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +2 -0
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.d.ts +11 -0
- package/dist/components/ic-chip.js +99 -0
- package/dist/components/ic-chip.js.map +1 -0
- package/dist/components/ic-classification-banner.js.map +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-footer-link-group.js +1 -1
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +2 -2
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +3 -3
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +1 -1
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +1 -1
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +1 -1
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +24 -7
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu2.js +18 -17
- 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 +3 -3
- 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.map +1 -1
- package/dist/components/ic-radio-group.js +1 -1
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +10 -1
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +18 -3
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select.js +2 -7
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +9 -5
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +1 -1
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +117 -16
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +169 -41
- package/dist/components/ic-stepper.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 +6 -1
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +2 -2
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +2 -2
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-tooltip2.js +7 -3
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +1 -1
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0118400b.entry.js.map +1 -1
- package/dist/core/p-07cd789d.entry.js.map +1 -1
- package/dist/core/p-0b125f26.entry.js.map +1 -1
- package/dist/core/p-0d77bd0c.entry.js +2 -0
- package/dist/core/p-0d77bd0c.entry.js.map +1 -0
- package/dist/core/p-10da19d2.entry.js.map +1 -1
- package/dist/core/p-272c7abd.entry.js.map +1 -1
- package/dist/core/p-2b5c9143.entry.js +2 -0
- package/dist/core/p-2b5c9143.entry.js.map +1 -0
- package/dist/core/p-2f114521.entry.js.map +1 -1
- package/dist/core/p-31a8595f.entry.js.map +1 -1
- package/dist/core/{p-7b39977f.entry.js → p-3a068a45.entry.js} +2 -2
- package/dist/core/p-3a068a45.entry.js.map +1 -0
- package/dist/core/{p-e590f1d2.entry.js → p-4c72f3a9.entry.js} +2 -2
- package/dist/core/{p-e590f1d2.entry.js.map → p-4c72f3a9.entry.js.map} +1 -1
- package/dist/core/{p-ae81dffa.entry.js → p-5831bb8e.entry.js} +2 -2
- package/dist/core/p-5831bb8e.entry.js.map +1 -0
- package/dist/core/p-5d76bbad.entry.js +2 -0
- package/dist/core/p-5d76bbad.entry.js.map +1 -0
- package/dist/core/p-5e261268.entry.js.map +1 -1
- package/dist/core/p-60ffb73e.entry.js.map +1 -1
- package/dist/core/p-6308f1f2.entry.js +2 -0
- package/dist/core/p-6308f1f2.entry.js.map +1 -0
- package/dist/core/{p-c6dd4f47.entry.js → p-66f3f02b.entry.js} +2 -2
- package/dist/core/p-66f3f02b.entry.js.map +1 -0
- package/dist/core/p-69650186.entry.js.map +1 -1
- package/dist/core/p-6b34d98f.entry.js.map +1 -1
- package/dist/core/p-6be5e06b.entry.js.map +1 -1
- package/dist/core/p-6d0eaaeb.entry.js.map +1 -1
- package/dist/core/p-6f6bd657.entry.js.map +1 -1
- package/dist/core/{p-1337db5e.entry.js → p-6fba90ee.entry.js} +2 -2
- package/dist/core/p-6fba90ee.entry.js.map +1 -0
- package/dist/core/{p-558552f8.entry.js → p-7881b94e.entry.js} +2 -2
- package/dist/core/p-7881b94e.entry.js.map +1 -0
- package/dist/core/{p-8ddeb574.entry.js → p-7f04e382.entry.js} +2 -2
- package/dist/core/{p-8ddeb574.entry.js.map → p-7f04e382.entry.js.map} +1 -1
- package/dist/core/p-7f632414.entry.js.map +1 -1
- package/dist/core/p-80cd0a2d.entry.js +2 -0
- package/dist/core/p-80cd0a2d.entry.js.map +1 -0
- package/dist/core/{p-df5caf13.entry.js → p-8144e941.entry.js} +2 -2
- package/dist/core/p-8144e941.entry.js.map +1 -0
- package/dist/core/p-9cd04875.entry.js.map +1 -1
- package/dist/core/p-9e684c58.entry.js +2 -0
- package/dist/core/p-9e684c58.entry.js.map +1 -0
- package/dist/core/{p-02799e26.entry.js → p-a2d3e955.entry.js} +2 -2
- package/dist/core/{p-02799e26.entry.js.map → p-a2d3e955.entry.js.map} +1 -1
- package/dist/core/{p-1721bcf3.entry.js → p-b24145f7.entry.js} +2 -2
- package/dist/core/p-b24145f7.entry.js.map +1 -0
- package/dist/core/p-b3dec76d.entry.js.map +1 -1
- package/dist/core/{p-347ec49e.entry.js → p-bf89bcd3.entry.js} +2 -2
- package/dist/core/p-bf89bcd3.entry.js.map +1 -0
- package/dist/core/p-c4d3c18c.entry.js.map +1 -1
- package/dist/core/p-c85689e3.entry.js +2 -0
- package/dist/core/p-c85689e3.entry.js.map +1 -0
- package/dist/core/p-c8ce6147.entry.js +2 -0
- package/dist/core/p-c8ce6147.entry.js.map +1 -0
- package/dist/core/p-cadb531f.entry.js.map +1 -1
- package/dist/core/p-cc83692e.entry.js.map +1 -1
- package/dist/core/p-dd3c3e3c.entry.js.map +1 -1
- package/dist/core/p-e93e9aa3.entry.js.map +1 -1
- package/dist/core/p-ecfb2e6b.entry.js.map +1 -1
- package/dist/core/p-fa7bc907.entry.js +2 -0
- package/dist/core/p-fa7bc907.entry.js.map +1 -0
- package/dist/core/p-fbde8a26.entry.js +2 -0
- package/dist/core/p-fbde8a26.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/ic-alert.entry.js +2 -0
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +18 -8
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +29 -11
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +2 -0
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +62 -0
- package/dist/esm/ic-chip.entry.js.map +1 -0
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-entity.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +1 -1
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +2 -2
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +19 -18
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +2 -2
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +10 -1
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +16 -2
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +2 -7
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +8 -4
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +1 -1
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +101 -13
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +161 -40
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +1 -1
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +6 -1
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-1500de1f.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-alert/ic-alert.d.ts +12 -8
- package/dist/types/components/ic-back-to-top/ic-back-to-top.d.ts +1 -0
- package/dist/types/components/ic-breadcrumb/ic-breadcrumb.d.ts +5 -5
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group.d.ts +2 -2
- package/dist/types/components/ic-button/ic-button.d.ts +10 -10
- package/dist/types/components/ic-card/ic-card.d.ts +8 -8
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +14 -10
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +9 -9
- package/dist/types/components/ic-chip/ic-chip.d.ts +40 -0
- package/dist/types/components/ic-chip/ic-chip.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-chip/ic-chip.types.d.ts +2 -0
- package/dist/types/components/ic-classification-banner/ic-classification-banner.d.ts +5 -5
- package/dist/types/components/ic-data-entity/ic-data-entity.d.ts +2 -2
- package/dist/types/components/ic-data-row/ic-data-row.d.ts +3 -3
- package/dist/types/components/ic-footer/ic-footer.d.ts +12 -12
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +1 -1
- package/dist/types/components/ic-hero/ic-hero.d.ts +9 -9
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +8 -8
- package/dist/types/components/ic-input-container/ic-input-container.d.ts +2 -2
- package/dist/types/components/ic-input-label/ic-input-label.d.ts +8 -8
- package/dist/types/components/ic-input-validation/ic-input-validation.d.ts +5 -5
- package/dist/types/components/ic-link/ic-link.d.ts +6 -6
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +8 -3
- package/dist/types/components/ic-menu/ic-menu.d.ts +14 -14
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +5 -5
- package/dist/types/components/ic-navigation-group/ic-navigation-group.d.ts +2 -2
- package/dist/types/components/ic-navigation-item/ic-navigation-item.d.ts +7 -7
- package/dist/types/components/ic-navigation-menu/ic-navigation-menu.d.ts +2 -2
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +10 -8
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +10 -10
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +13 -11
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +28 -25
- package/dist/types/components/ic-section-container/ic-section-container.d.ts +2 -2
- package/dist/types/components/ic-select/ic-select.d.ts +18 -18
- package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts +12 -12
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +2 -2
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +1 -1
- package/dist/types/components/ic-step/ic-step.d.ts +37 -8
- package/dist/types/components/ic-step/ic-step.types.d.ts +2 -0
- package/dist/types/components/ic-stepper/ic-stepper-test-examples.d.ts +4 -0
- package/dist/types/components/ic-stepper/ic-stepper.d.ts +23 -6
- package/dist/types/components/ic-switch/ic-switch.d.ts +7 -7
- package/dist/types/components/ic-tab/ic-tab.d.ts +5 -5
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +8 -4
- package/dist/types/components/ic-tab-group/ic-tab-group.d.ts +4 -4
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +2 -2
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +30 -30
- package/dist/types/components/ic-theme/ic-theme.d.ts +3 -3
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +4 -0
- package/dist/types/components/ic-top-navigation/ic-top-navigation.d.ts +6 -6
- package/dist/types/components/ic-typography/ic-typography.d.ts +1 -1
- package/dist/types/components.d.ts +625 -535
- package/dist/types/testspec.setup.d.ts +1 -0
- package/hydrate/index.js +574 -212
- package/package.json +3 -3
- package/dist/core/p-1337db5e.entry.js.map +0 -1
- package/dist/core/p-1721bcf3.entry.js.map +0 -1
- package/dist/core/p-33a45ace.entry.js +0 -2
- package/dist/core/p-33a45ace.entry.js.map +0 -1
- package/dist/core/p-347ec49e.entry.js.map +0 -1
- package/dist/core/p-39ae284e.entry.js +0 -2
- package/dist/core/p-39ae284e.entry.js.map +0 -1
- package/dist/core/p-558552f8.entry.js.map +0 -1
- package/dist/core/p-7093d214.entry.js +0 -2
- package/dist/core/p-7093d214.entry.js.map +0 -1
- package/dist/core/p-7577c6a3.entry.js +0 -2
- package/dist/core/p-7577c6a3.entry.js.map +0 -1
- package/dist/core/p-7b11e1dc.entry.js +0 -2
- package/dist/core/p-7b11e1dc.entry.js.map +0 -1
- package/dist/core/p-7b39977f.entry.js.map +0 -1
- package/dist/core/p-898607d0.entry.js +0 -2
- package/dist/core/p-898607d0.entry.js.map +0 -1
- package/dist/core/p-ac43322e.entry.js +0 -2
- package/dist/core/p-ac43322e.entry.js.map +0 -1
- package/dist/core/p-ae81dffa.entry.js.map +0 -1
- package/dist/core/p-b5a988c0.entry.js +0 -2
- package/dist/core/p-b5a988c0.entry.js.map +0 -1
- package/dist/core/p-c6dd4f47.entry.js.map +0 -1
- package/dist/core/p-df5caf13.entry.js.map +0 -1
- package/dist/core/p-e106305b.entry.js +0 -2
- package/dist/core/p-e106305b.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
@@ -5762,7 +5762,7 @@ var infoIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0
|
|
5762
5762
|
<title>info icon</title>
|
5763
5763
|
</svg>`;
|
5764
5764
|
|
5765
|
-
var warningIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
5765
|
+
var warningIcon$1 = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
5766
5766
|
<title>warning icon</title>
|
5767
5767
|
<path d="M0 0h24v24H0z" fill="none"/>
|
5768
5768
|
<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"/>
|
@@ -6281,20 +6281,22 @@ const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-siz
|
|
6281
6281
|
const icon$1 = {
|
6282
6282
|
neutral: neutralIcon,
|
6283
6283
|
info: infoIcon,
|
6284
|
-
warning: warningIcon,
|
6284
|
+
warning: warningIcon$1,
|
6285
6285
|
error: errorIcon,
|
6286
6286
|
success: successIcon,
|
6287
6287
|
};
|
6288
6288
|
/**
|
6289
6289
|
* @slot message - Content is placed to the right of the title.
|
6290
|
-
* @slot action - Content is placed to the
|
6290
|
+
* @slot action - Content is placed to the right of the message.
|
6291
6291
|
*/
|
6292
6292
|
class Alert {
|
6293
6293
|
constructor(hostRef) {
|
6294
6294
|
registerInstance(this, hostRef);
|
6295
6295
|
this.dismiss = createEvent(this, "dismiss", 7);
|
6296
|
+
this.icDismiss = createEvent(this, "icDismiss", 7);
|
6296
6297
|
this.dismissAction = () => {
|
6297
6298
|
this.dismiss.emit();
|
6299
|
+
this.icDismiss.emit();
|
6298
6300
|
};
|
6299
6301
|
this.variant = "neutral";
|
6300
6302
|
this.heading = "";
|
@@ -6357,7 +6359,7 @@ class Alert {
|
|
6357
6359
|
"visible": [32],
|
6358
6360
|
"alertTitleWrap": [32]
|
6359
6361
|
},
|
6360
|
-
"$listeners$": [[2, "
|
6362
|
+
"$listeners$": [[2, "icDismiss", "handleClick"]],
|
6361
6363
|
"$lazyBundleId$": "-",
|
6362
6364
|
"$attrsToReflect$": []
|
6363
6365
|
}; }
|
@@ -6367,7 +6369,7 @@ var ArrowUpward = `<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox
|
|
6367
6369
|
<path d="M0 8L1.41 9.41L7 3.83V16H9V3.83L14.58 9.42L16 8L8 0L0 8Z"/>
|
6368
6370
|
</svg>`;
|
6369
6371
|
|
6370
|
-
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:40px;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:1px solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:80px;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-overlay)}/*!@button:hover*/button.sc-ic-back-to-top:hover{text-decoration:none;background-color:var(--ic-action-default-bg-hover-no-alpha);border: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: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:56px}/*!@.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-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:
|
6372
|
+
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:40px;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:1px solid var(--ic-action-default);outline-width:inherit;box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);border-radius:80px;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-overlay)}/*!@button:hover*/button.sc-ic-back-to-top:hover{text-decoration:none;background-color:var(--ic-action-default-bg-hover-no-alpha);border: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: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:56px}/*!@.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-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}}";
|
6371
6373
|
|
6372
6374
|
const backToTopLabel = "Back to top";
|
6373
6375
|
class BackToTop {
|
@@ -6378,7 +6380,13 @@ class BackToTop {
|
|
6378
6380
|
this.targetElVisible = visible;
|
6379
6381
|
};
|
6380
6382
|
this.setFooterVisible = (visible) => {
|
6381
|
-
this.
|
6383
|
+
this.checkForClassificationBanner();
|
6384
|
+
if (typeof window !== "undefined" && window.scrollY === 0) {
|
6385
|
+
this.footerVisible = false;
|
6386
|
+
}
|
6387
|
+
else {
|
6388
|
+
this.footerVisible = visible;
|
6389
|
+
}
|
6382
6390
|
};
|
6383
6391
|
this.targetElObserverCallback = (entries) => {
|
6384
6392
|
this.setTargetElVisible(entries[0].isIntersecting);
|
@@ -6439,6 +6447,11 @@ class BackToTop {
|
|
6439
6447
|
this.targetEl.scrollIntoView();
|
6440
6448
|
}
|
6441
6449
|
};
|
6450
|
+
this.checkForClassificationBanner = () => {
|
6451
|
+
//adjust position for classification banner at bottom
|
6452
|
+
const banners = document.querySelectorAll("ic-classification-banner:not([inline='true'])");
|
6453
|
+
this.bannerOffset = banners.length > 0;
|
6454
|
+
};
|
6442
6455
|
this.target = undefined;
|
6443
6456
|
this.bannerOffset = false;
|
6444
6457
|
this.targetElVisible = true;
|
@@ -6452,13 +6465,12 @@ class BackToTop {
|
|
6452
6465
|
}
|
6453
6466
|
componentWillLoad() {
|
6454
6467
|
this.createTopObserver(this.target);
|
6455
|
-
|
6456
|
-
const banners = document.querySelectorAll("ic-classification-banner:not([inline='true'])");
|
6457
|
-
if (banners.length) {
|
6458
|
-
this.bannerOffset = true;
|
6459
|
-
}
|
6468
|
+
this.checkForClassificationBanner();
|
6460
6469
|
//observer for when footer scrolls into view
|
6461
|
-
|
6470
|
+
let footers = document.querySelectorAll("ic-footer");
|
6471
|
+
if (footers.length === 0) {
|
6472
|
+
footers = document.querySelectorAll("footer");
|
6473
|
+
}
|
6462
6474
|
if (footers.length) {
|
6463
6475
|
const footerEl = footers[footers.length - 1];
|
6464
6476
|
const threshold = this.bannerOffset ? 0.15 : 0;
|
@@ -6508,7 +6520,7 @@ var backIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmln
|
|
6508
6520
|
</svg>
|
6509
6521
|
`;
|
6510
6522
|
|
6511
|
-
const icBreadcrumbCss = "/*!@:host*/.sc-ic-breadcrumb-h{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}/*!@:host .breadcrumb*/.sc-ic-breadcrumb-h .breadcrumb.sc-ic-breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}/*!@:host .chevron*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host .chevron svg*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-architectural-400)}/*!@:host(:first-child) .chevron*/.sc-ic-breadcrumb-h:first-child .chevron.sc-ic-breadcrumb{display:none}/*!@.back-icon svg*/.back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-hyperlink)}/*!@:host(.back)*/.back.sc-ic-breadcrumb-h{display:flex;align-items:center}/*!@:host(.back) .chevron*/.back.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{display:none}/*!@ic-link*/ic-link.sc-ic-breadcrumb{--breadcrumb-link-display:flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}/*!@:host([aria-current=\"page\"]) .current-page-container*/[aria-current=\"page\"].sc-ic-breadcrumb-h .current-page-container.sc-ic-breadcrumb{display:flex;align-items:center;gap:var(--ic-space-xs)}/*!@:host(.collapsed-breadcrumb-wrapper)*/.collapsed-breadcrumb-wrapper.sc-ic-breadcrumb-h{margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb{border:none;background-color:transparent;color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:hover,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:focus{outline:var(--ic-hc-focus-outline);text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@.hide,\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide)*/.hide.sc-ic-breadcrumb,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.hide{display:none}@media (forced-colors: active){/*!@.back-icon svg*/.back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:
|
6523
|
+
const icBreadcrumbCss = "/*!@:host*/.sc-ic-breadcrumb-h{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}/*!@:host .breadcrumb*/.sc-ic-breadcrumb-h .breadcrumb.sc-ic-breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}/*!@:host .chevron*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{width:var(--ic-space-lg);height:var(--ic-space-lg)}/*!@:host .chevron svg*/.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-architectural-400)}/*!@:host(:first-child) .chevron*/.sc-ic-breadcrumb-h:first-child .chevron.sc-ic-breadcrumb{display:none}/*!@.back-icon svg*/.back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:var(--ic-hyperlink)}/*!@:host(.back)*/.back.sc-ic-breadcrumb-h{display:flex;align-items:center}/*!@:host(.back) .chevron*/.back.sc-ic-breadcrumb-h .chevron.sc-ic-breadcrumb{display:none}/*!@ic-link*/ic-link.sc-ic-breadcrumb{--breadcrumb-link-display:flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}/*!@:host([aria-current=\"page\"]) .current-page-container*/[aria-current=\"page\"].sc-ic-breadcrumb-h .current-page-container.sc-ic-breadcrumb{display:flex;align-items:center;gap:var(--ic-space-xs)}/*!@:host(.collapsed-breadcrumb-wrapper)*/.collapsed-breadcrumb-wrapper.sc-ic-breadcrumb-h{margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb{border:none;background-color:transparent;color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}/*!@:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus)*/.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:hover,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.collapsed-breadcrumb:focus{outline:var(--ic-hc-focus-outline);text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@.hide,\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide)*/.hide.sc-ic-breadcrumb,.sc-ic-breadcrumb-h.collapsed-breadcrumb-wrapper .sc-ic-breadcrumb-s>.hide{display:none}@media (forced-colors: active){/*!@.back-icon svg*/.back-icon.sc-ic-breadcrumb svg.sc-ic-breadcrumb{color:currentcolor}}";
|
6512
6524
|
|
6513
6525
|
class Breadcrumb {
|
6514
6526
|
constructor(hostRef) {
|
@@ -6831,7 +6843,7 @@ class Button {
|
|
6831
6843
|
}
|
6832
6844
|
}
|
6833
6845
|
/**
|
6834
|
-
* @internal Updates tooltip/aria-label text - needed as can't watch an
|
6846
|
+
* @internal Updates tooltip/aria-label text - needed as can't watch an ARIA attribute change.
|
6835
6847
|
*/
|
6836
6848
|
async updateAriaLabel(newValue) {
|
6837
6849
|
if (this.hasTooltip) {
|
@@ -6926,7 +6938,7 @@ class Button {
|
|
6926
6938
|
["dark"]: this.appearance === IcThemeForegroundEnum.Dark,
|
6927
6939
|
["light"]: this.appearance === IcThemeForegroundEnum.Light,
|
6928
6940
|
["full-width"]: this.fullWidth,
|
6929
|
-
}, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { class: { ["tooltip-disabled
|
6941
|
+
}, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { class: { ["tooltip-disabled"]: this.disableTooltip }, ref: (el) => (this.tooltipEl = el), label: tooltipText, target: buttonId, placement: this.tooltipPlacement }, hAsync(ButtonContent, null))), !this.hasTooltip && hAsync(ButtonContent, null)));
|
6930
6942
|
}
|
6931
6943
|
get el() { return getElement(this); }
|
6932
6944
|
static get watchers() { return {
|
@@ -6955,7 +6967,7 @@ class Button {
|
|
6955
6967
|
"setFocus": [64],
|
6956
6968
|
"updateAriaLabel": [64]
|
6957
6969
|
},
|
6958
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
6970
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
|
6959
6971
|
"$lazyBundleId$": "-",
|
6960
6972
|
"$attrsToReflect$": []
|
6961
6973
|
}; }
|
@@ -7073,7 +7085,7 @@ class Card {
|
|
7073
7085
|
"parentEl": [32],
|
7074
7086
|
"appearance": [32]
|
7075
7087
|
},
|
7076
|
-
"$listeners$": [[2, "click", "handleHostClick"], [4, "
|
7088
|
+
"$listeners$": [[2, "click", "handleHostClick"], [4, "themeChange", "themeChangeHandler"]],
|
7077
7089
|
"$lazyBundleId$": "-",
|
7078
7090
|
"$attrsToReflect$": []
|
7079
7091
|
}; }
|
@@ -7085,8 +7097,10 @@ class Checkbox {
|
|
7085
7097
|
constructor(hostRef) {
|
7086
7098
|
registerInstance(this, hostRef);
|
7087
7099
|
this.checkboxChecked = createEvent(this, "checkboxChecked", 7);
|
7100
|
+
this.icCheck = createEvent(this, "icCheck", 7);
|
7088
7101
|
this.handleClick = () => {
|
7089
7102
|
this.checked = !this.checked;
|
7103
|
+
this.icCheck.emit();
|
7090
7104
|
this.checkboxChecked.emit();
|
7091
7105
|
};
|
7092
7106
|
this.handleFormReset = () => {
|
@@ -7240,7 +7254,81 @@ class CheckboxGroup {
|
|
7240
7254
|
"validationText": [1, "validation-text"],
|
7241
7255
|
"checkedOptions": [32]
|
7242
7256
|
},
|
7243
|
-
"$listeners$": [[0, "
|
7257
|
+
"$listeners$": [[0, "icCheck", "selectHandler"]],
|
7258
|
+
"$lazyBundleId$": "-",
|
7259
|
+
"$attrsToReflect$": []
|
7260
|
+
}; }
|
7261
|
+
}
|
7262
|
+
|
7263
|
+
var dismissIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
7264
|
+
<path d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59L13.59 5L15 6.41L11.41 10L15 13.59Z" fill="currentColor"/>
|
7265
|
+
</svg>
|
7266
|
+
`;
|
7267
|
+
|
7268
|
+
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:14px;border-radius:80px;text-align:center;align-items:center;text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative}/*!@.chip.small*/.chip.small.sc-ic-chip{padding:var(--ic-space-xxxs)}/*!@.chip.large*/.chip.large.sc-ic-chip{padding:var(--ic-space-xs)}/*!@.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:1px solid var(--ic-architectural-900);padding:calc(var(--ic-space-xxs) - 1px)}/*!@.outline.small*/.outline.small.sc-ic-chip{padding:calc(var(--ic-space-xxxs) - 1px)}/*!@.outline.large*/.outline.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - 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:20px}/*!@.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) - 1px)}/*!@.filled*/.filled.sc-ic-chip{padding:calc(var(--ic-space-xxxs) + 1px)}/*!@.filled.large*/.filled.large.sc-ic-chip{padding:calc(var(--ic-space-xs) - 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}}";
|
7269
|
+
|
7270
|
+
/**
|
7271
|
+
* @slot icon - Content will be rendered at the start of the chip.
|
7272
|
+
*/
|
7273
|
+
class Chip {
|
7274
|
+
constructor(hostRef) {
|
7275
|
+
registerInstance(this, hostRef);
|
7276
|
+
this.dismiss = createEvent(this, "dismiss", 7);
|
7277
|
+
this.dismissAction = () => {
|
7278
|
+
this.dismiss.emit();
|
7279
|
+
};
|
7280
|
+
this.mouseEnterHandler = () => {
|
7281
|
+
this.isHovered = true;
|
7282
|
+
};
|
7283
|
+
this.mouseLeaveHandler = () => {
|
7284
|
+
this.isHovered = false;
|
7285
|
+
};
|
7286
|
+
this.label = undefined;
|
7287
|
+
this.appearance = "filled";
|
7288
|
+
this.size = "default";
|
7289
|
+
this.dismissible = false;
|
7290
|
+
this.disabled = false;
|
7291
|
+
this.visible = true;
|
7292
|
+
this.isHovered = false;
|
7293
|
+
}
|
7294
|
+
handleClick() {
|
7295
|
+
this.visible = !this.visible;
|
7296
|
+
}
|
7297
|
+
componentDidLoad() {
|
7298
|
+
var _a;
|
7299
|
+
this.dismissible &&
|
7300
|
+
((_a = this.el.shadowRoot
|
7301
|
+
.querySelector("span.ic-tooltip-label")) === null || _a === void 0 ? void 0 : _a.setAttribute("aria-hidden", "true"));
|
7302
|
+
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Chip");
|
7303
|
+
}
|
7304
|
+
render() {
|
7305
|
+
const { label, appearance, size, dismissible, visible, disabled, isHovered, } = this;
|
7306
|
+
return (visible && (hAsync("div", { class: {
|
7307
|
+
["chip"]: true,
|
7308
|
+
[`${appearance}`]: true,
|
7309
|
+
[`${size}`]: true,
|
7310
|
+
["disabled"]: disabled,
|
7311
|
+
["dismissible"]: dismissible,
|
7312
|
+
["hovered"]: isHovered,
|
7313
|
+
} }, isSlotUsed(this.el, "icon") && (hAsync("div", { class: "icon" }, hAsync("slot", { name: "icon" }))), hAsync("ic-typography", { variant: "label", "apply-vertical-margins": false, class: "label" }, hAsync("span", null, label)), dismissible && (hAsync("ic-tooltip", { label: "Dismiss", target: "dismiss-icon", class: { ["tooltip-disabled"]: disabled } }, hAsync("button", { id: "dismiss-icon", class: {
|
7314
|
+
["dismiss-icon"]: true,
|
7315
|
+
}, "aria-label": `Dismiss ${label} chip`, disabled: disabled, tabindex: disabled ? -1 : 0, onClick: this.dismissAction, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, innerHTML: dismissIcon }))))));
|
7316
|
+
}
|
7317
|
+
get el() { return getElement(this); }
|
7318
|
+
static get style() { return icChipCss; }
|
7319
|
+
static get cmpMeta() { return {
|
7320
|
+
"$flags$": 9,
|
7321
|
+
"$tagName$": "ic-chip",
|
7322
|
+
"$members$": {
|
7323
|
+
"label": [1],
|
7324
|
+
"appearance": [1],
|
7325
|
+
"size": [1],
|
7326
|
+
"dismissible": [4],
|
7327
|
+
"disabled": [4],
|
7328
|
+
"visible": [32],
|
7329
|
+
"isHovered": [32]
|
7330
|
+
},
|
7331
|
+
"$listeners$": [[2, "dismiss", "handleClick"]],
|
7244
7332
|
"$lazyBundleId$": "-",
|
7245
7333
|
"$attrsToReflect$": []
|
7246
7334
|
}; }
|
@@ -7326,7 +7414,7 @@ class DataEntity {
|
|
7326
7414
|
}; }
|
7327
7415
|
}
|
7328
7416
|
|
7329
|
-
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:200px;min-width:200px;margin-right:var(--ic-space-md);color:var(--ic-color-tertiary-text)}/*!@.value*/.value.sc-ic-data-row{flex-grow:1}/*!@.end-component*/.end-component.sc-ic-data-row{width:-moz-fit-content;width:fit-content;margin-left:56px}/*!@.divider*/.divider.sc-ic-data-row{margin-top:var(--ic-space-md);height: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:160px;min-width:160px}/*!@: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:128px;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}}";
|
7417
|
+
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:200px;min-width:200px;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:56px}/*!@.divider*/.divider.sc-ic-data-row{margin-top:var(--ic-space-md);height: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:160px;min-width:160px}/*!@: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:128px;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}}";
|
7330
7418
|
|
7331
7419
|
/**
|
7332
7420
|
* @slot label - Content will be rendered in the leftmost cell.
|
@@ -7432,7 +7520,7 @@ class Divider {
|
|
7432
7520
|
"$members$": {
|
7433
7521
|
"foregroundColor": [32]
|
7434
7522
|
},
|
7435
|
-
"$listeners$": [[4, "
|
7523
|
+
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
7436
7524
|
"$lazyBundleId$": "-",
|
7437
7525
|
"$attrsToReflect$": []
|
7438
7526
|
}; }
|
@@ -7441,20 +7529,20 @@ class Divider {
|
|
7441
7529
|
const icFooterCss = "/*!@html*/html.sc-ic-footer{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer{margin:0}/*!@main*/main.sc-ic-footer{display:block}/*!@h1*/h1.sc-ic-footer{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer,strong.sc-ic-footer{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer,kbd.sc-ic-footer,samp.sc-ic-footer{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer,sup.sc-ic-footer{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer{top:-0.5em}/*!@img*/img.sc-ic-footer{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer,input.sc-ic-footer,optgroup.sc-ic-footer,select.sc-ic-footer,textarea.sc-ic-footer{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer,input.sc-ic-footer{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer,select.sc-ic-footer{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer,[type=\"button\"].sc-ic-footer,[type=\"reset\"].sc-ic-footer,[type=\"submit\"].sc-ic-footer{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer::-moz-focus-inner,[type=\"button\"].sc-ic-footer::-moz-focus-inner,[type=\"reset\"].sc-ic-footer::-moz-focus-inner,[type=\"submit\"].sc-ic-footer::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer:-moz-focusring,[type=\"button\"].sc-ic-footer:-moz-focusring,[type=\"reset\"].sc-ic-footer:-moz-focusring,[type=\"submit\"].sc-ic-footer:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer,[type=\"radio\"].sc-ic-footer{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer{display:block}/*!@summary*/summary.sc-ic-footer{display:list-item}/*!@template*/template.sc-ic-footer{display:none}/*!@[hidden]*/[hidden].sc-ic-footer{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer,body.sc-ic-footer,div.sc-ic-footer,span.sc-ic-footer,applet.sc-ic-footer,object.sc-ic-footer,iframe.sc-ic-footer,h1.sc-ic-footer,h2.sc-ic-footer,h3.sc-ic-footer,h4.sc-ic-footer,h5.sc-ic-footer,h6.sc-ic-footer,p.sc-ic-footer,blockquote.sc-ic-footer,pre.sc-ic-footer,a.sc-ic-footer,abbr.sc-ic-footer,acronym.sc-ic-footer,address.sc-ic-footer,big.sc-ic-footer,cite.sc-ic-footer,code.sc-ic-footer,del.sc-ic-footer,dfn.sc-ic-footer,em.sc-ic-footer,img.sc-ic-footer,ins.sc-ic-footer,kbd.sc-ic-footer,q.sc-ic-footer,s.sc-ic-footer,samp.sc-ic-footer,small.sc-ic-footer,strike.sc-ic-footer,strong.sc-ic-footer,sub.sc-ic-footer,sup.sc-ic-footer,tt.sc-ic-footer,var.sc-ic-footer,b.sc-ic-footer,u.sc-ic-footer,i.sc-ic-footer,center.sc-ic-footer,dl.sc-ic-footer,dt.sc-ic-footer,dd.sc-ic-footer,ol.sc-ic-footer,ul.sc-ic-footer,li.sc-ic-footer,fieldset.sc-ic-footer,form.sc-ic-footer,label.sc-ic-footer,legend.sc-ic-footer,table.sc-ic-footer,caption.sc-ic-footer,tbody.sc-ic-footer,tfoot.sc-ic-footer,thead.sc-ic-footer,tr.sc-ic-footer,th.sc-ic-footer,td.sc-ic-footer,article.sc-ic-footer,aside.sc-ic-footer,canvas.sc-ic-footer,details.sc-ic-footer,embed.sc-ic-footer,figure.sc-ic-footer,figcaption.sc-ic-footer,footer.sc-ic-footer,header.sc-ic-footer,hgroup.sc-ic-footer,menu.sc-ic-footer,nav.sc-ic-footer,output.sc-ic-footer,ruby.sc-ic-footer,section.sc-ic-footer,summary.sc-ic-footer,time.sc-ic-footer,mark.sc-ic-footer,audio.sc-ic-footer,video.sc-ic-footer{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-footer-h{display:block}/*!@:host(.footer-sparse)*/.footer-sparse.sc-ic-footer-h{--footer-links-padding:24px 0;--footer-compliance-padding:24px 0 8px 0;--footer-logo-margin-bottom:var(--ic-space-lg);--footer-link-inner-flex-direction:row}/*!@:host(.footer-small)*/.footer-small.sc-ic-footer-h{--footer-links-padding:0 0;--footer-compliance-padding:16px 0 8px;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}/*!@:host(.footer-light)*/.footer-light.sc-ic-footer-h{--footer-theme-secondary:var(--ic-theme-secondary);--footer-theme-tertiary:var(--ic-theme-tertiary);--footer-keyline:var(--ic-keyline-lighten)}/*!@:host(.footer-dark)*/.footer-dark.sc-ic-footer-h{--footer-theme-secondary:var(--ic-theme-secondary-light);--footer-theme-tertiary:var(--ic-theme-tertiary-light);--footer-keyline:var(--ic-keyline-darken)}/*!@:host(.footer-small.footer-ungrouped)*/.footer-small.footer-ungrouped.sc-ic-footer-h{--footer-links-padding:var(--ic-space-md) 0 0 0}/*!@footer*/footer.sc-ic-footer{display:flex;flex-direction:column;width:100%}/*!@.footer-description*/.footer-description.sc-ic-footer{background-color:var(--footer-theme-secondary);color:var(--ic-theme-text);border-bottom:var(--footer-keyline)}/*!@.footer-description-inner*/.footer-description-inner.sc-ic-footer{padding:16px 0}/*!@.footer-links*/.footer-links.sc-ic-footer{padding:var(--footer-links-padding);background-color:var(--footer-theme-secondary);color:var(--ic-theme-text)}/*!@.footer-links-inner*/.footer-links-inner.sc-ic-footer{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}/*!@.footer-compliance*/.footer-compliance.sc-ic-footer{background-color:var(--footer-theme-tertiary);color:var(--ic-theme-text)}/*!@.footer-compliance-inner*/.footer-compliance-inner.sc-ic-footer{padding:var(--footer-compliance-padding)}/*!@.footer-logo*/.footer-logo.sc-ic-footer{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}/*!@.footer-logo > ::slotted()*/.footer-logo>.sc-ic-footer-h{margin-right:var(--ic-space-md)}/*!@.footer-caption*/.footer-caption.sc-ic-footer{margin-bottom:var(--ic-space-md)}/*!@.classification-spacing*/.classification-spacing.sc-ic-footer{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){/*!@footer*/footer.sc-ic-footer{border-top:var(--ic-hc-border)}}";
|
7442
7530
|
|
7443
7531
|
/**
|
7444
|
-
* @slot description - Content will be rendered at the top of the footer
|
7445
|
-
* @slot link - Content will be rendered between description and logos
|
7446
|
-
* @slot logo - Content will be rendered underneath footer links
|
7447
|
-
* @slot caption - Content will be rendered above Crown Copyright
|
7532
|
+
* @slot description - Content will be rendered at the top of the footer.
|
7533
|
+
* @slot link - Content will be rendered between description and logos.
|
7534
|
+
* @slot logo - Content will be rendered underneath footer links.
|
7535
|
+
* @slot caption - Content will be rendered above Crown Copyright.
|
7448
7536
|
*/
|
7449
7537
|
class Footer {
|
7450
7538
|
constructor(hostRef) {
|
7451
7539
|
registerInstance(this, hostRef);
|
7452
|
-
this.
|
7540
|
+
this.footerResized = createEvent(this, "footerResized", 7);
|
7453
7541
|
this.resizeObserverCallback = (currSize) => {
|
7454
7542
|
if (currSize !== this.deviceSize) {
|
7455
7543
|
this.deviceSize = currSize;
|
7456
7544
|
}
|
7457
|
-
this.
|
7545
|
+
this.footerResized.emit();
|
7458
7546
|
};
|
7459
7547
|
this.runResizeObserver = () => {
|
7460
7548
|
this.resizeObserver = new ResizeObserver(() => {
|
@@ -7532,13 +7620,13 @@ class Footer {
|
|
7532
7620
|
"deviceSize": [32],
|
7533
7621
|
"foregroundColor": [32]
|
7534
7622
|
},
|
7535
|
-
"$listeners$": [[4, "
|
7623
|
+
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
7536
7624
|
"$lazyBundleId$": "-",
|
7537
7625
|
"$attrsToReflect$": []
|
7538
7626
|
}; }
|
7539
7627
|
}
|
7540
7628
|
|
7541
|
-
const icFooterLinkCss = "/*!@html*/html.sc-ic-footer-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link{margin:0}/*!@main*/main.sc-ic-footer-link{display:block}/*!@h1*/h1.sc-ic-footer-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link,strong.sc-ic-footer-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link,kbd.sc-ic-footer-link,samp.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link,sup.sc-ic-footer-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link{top:-0.5em}/*!@img*/img.sc-ic-footer-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link,input.sc-ic-footer-link,optgroup.sc-ic-footer-link,select.sc-ic-footer-link,textarea.sc-ic-footer-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link,input.sc-ic-footer-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link,select.sc-ic-footer-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link,[type=\"button\"].sc-ic-footer-link,[type=\"reset\"].sc-ic-footer-link,[type=\"submit\"].sc-ic-footer-link{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer-link::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-link::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer-link:-moz-focusring,[type=\"button\"].sc-ic-footer-link:-moz-focusring,[type=\"reset\"].sc-ic-footer-link:-moz-focusring,[type=\"submit\"].sc-ic-footer-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link,[type=\"radio\"].sc-ic-footer-link{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer-link::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link{display:block}/*!@summary*/summary.sc-ic-footer-link{display:list-item}/*!@template*/template.sc-ic-footer-link{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-link{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer-link,body.sc-ic-footer-link,div.sc-ic-footer-link,span.sc-ic-footer-link,applet.sc-ic-footer-link,object.sc-ic-footer-link,iframe.sc-ic-footer-link,h1.sc-ic-footer-link,h2.sc-ic-footer-link,h3.sc-ic-footer-link,h4.sc-ic-footer-link,h5.sc-ic-footer-link,h6.sc-ic-footer-link,p.sc-ic-footer-link,blockquote.sc-ic-footer-link,pre.sc-ic-footer-link,a.sc-ic-footer-link,abbr.sc-ic-footer-link,acronym.sc-ic-footer-link,address.sc-ic-footer-link,big.sc-ic-footer-link,cite.sc-ic-footer-link,code.sc-ic-footer-link,del.sc-ic-footer-link,dfn.sc-ic-footer-link,em.sc-ic-footer-link,img.sc-ic-footer-link,ins.sc-ic-footer-link,kbd.sc-ic-footer-link,q.sc-ic-footer-link,s.sc-ic-footer-link,samp.sc-ic-footer-link,small.sc-ic-footer-link,strike.sc-ic-footer-link,strong.sc-ic-footer-link,sub.sc-ic-footer-link,sup.sc-ic-footer-link,tt.sc-ic-footer-link,var.sc-ic-footer-link,b.sc-ic-footer-link,u.sc-ic-footer-link,i.sc-ic-footer-link,center.sc-ic-footer-link,dl.sc-ic-footer-link,dt.sc-ic-footer-link,dd.sc-ic-footer-link,ol.sc-ic-footer-link,ul.sc-ic-footer-link,li.sc-ic-footer-link,fieldset.sc-ic-footer-link,form.sc-ic-footer-link,label.sc-ic-footer-link,legend.sc-ic-footer-link,table.sc-ic-footer-link,caption.sc-ic-footer-link,tbody.sc-ic-footer-link,tfoot.sc-ic-footer-link,thead.sc-ic-footer-link,tr.sc-ic-footer-link,th.sc-ic-footer-link,td.sc-ic-footer-link,article.sc-ic-footer-link,aside.sc-ic-footer-link,canvas.sc-ic-footer-link,details.sc-ic-footer-link,embed.sc-ic-footer-link,figure.sc-ic-footer-link,figcaption.sc-ic-footer-link,footer.sc-ic-footer-link,header.sc-ic-footer-link,hgroup.sc-ic-footer-link,menu.sc-ic-footer-link,nav.sc-ic-footer-link,output.sc-ic-footer-link,ruby.sc-ic-footer-link,section.sc-ic-footer-link,summary.sc-ic-footer-link,time.sc-ic-footer-link,mark.sc-ic-footer-link,audio.sc-ic-footer-link,video.sc-ic-footer-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-ungrouped-sparse)*/.footer-link-ungrouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:40px;--footer-link-margin-bottom:0}/*!@:host(.footer-link-ungrouped-small)*/.footer-link-ungrouped-small.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-sparse)*/.footer-link-grouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-small)*/.footer-link-grouped-small.sc-ic-footer-link-h{--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link)*/.footer-link.sc-ic-footer-link-h{margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}/*!@:host(.footer-link) a,\n:host(.footer-link) a ::slotted(a)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a{display:block;font-weight:var(--ic-font-weight-bold);color:inherit;width:-moz-fit-content;width:fit-content;font-size:var(--ic-font-size-regular)}/*!@:host(.footer-link) a:link,\n:host(.footer-link) a ::slotted(a:link)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link{color:inherit;text-decoration:underline;font-weight:var(--ic-font-weight-bold)}/*!@:host(.footer-link) a:link > ::slotted(svg),\n:host(.footer-link) a:link > ::slotted(img),\n:host(.footer-link) a ::slotted(a:link > ::slotted(svg)),\n:host(.footer-link) a ::slotted(a:link > ::slotted(img))*/.sc-ic-footer-link-h.footer-link a:link>.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link a:link>.sc-ic-footer-link-s>img,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link>-shadowcssslotted(svg),.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link>-shadowcssslotted(img){padding:var(--ic-space-xxxs);pointer-events:none;transition:var(--ic-easing-transition-fast)}/*!@:host(.footer-link-light) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg{fill:var(--ic-architectural-white)}/*!@:host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:var(--ic-architectural-black)}/*!@:host(.footer-link) a:link:hover,\n:host(.footer-link) a:link:focus,\n:host(.footer-link) a ::slotted(a:link:hover),\n:host(.footer-link) a ::slotted(a:link:focus)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:hover,.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:focus,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:hover,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@:host(.footer-link) a:link:hover,\n:host(.footer-link) a ::slotted(a:link:hover)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:hover,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:hover{outline:none}/*!@:host(.footer-link) a:link:focus,\n:host(.footer-link) a ::slotted(a:link:focus)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:focus,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.footer-link) a:link:focus > ::slotted(svg),\n:host(.footer-link) a:link:focus > ::slotted(img),\n:host(.footer-link) a ::slotted(a:link:focus > ::slotted(svg)),\n:host(.footer-link) a ::slotted(a:link:focus > ::slotted(img))*/.sc-ic-footer-link-h.footer-link a:link:focus>.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link a:link:focus>.sc-ic-footer-link-s>img,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus>-shadowcssslotted(svg),.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus>-shadowcssslotted(img){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.footer-link) a:focus,\n:host(.footer-link) a ::slotted(a:focus)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:focus,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:focus{border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);transition:var(--ic-transition-duration-fast)}/*!@:host(.footer-link) a:link:active,\n:host(.footer-link) a:link:focus:active,\n:host(.footer-link) a:link:visited:active,\n:host(.footer-link) a ::slotted(a:link:active),\n:host(.footer-link) a ::slotted(a:link:focus:active),\n:host(.footer-link) a ::slotted(a:link:visited:active)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:active,.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:focus:active,.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:visited:active,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:active,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus:active,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:visited:active{color:inherit;text-decoration:none}/*!@:host(.footer-link) a:hover,\n:host(.footer-link) a ::slotted(a:hover)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:hover,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:hover{text-decoration:none}@media (forced-colors: active){/*!@:host(.footer-link-light) ::slotted(svg),\n :host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:currentcolor}}";
|
7629
|
+
const icFooterLinkCss = "/*!@html*/html.sc-ic-footer-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link{margin:0}/*!@main*/main.sc-ic-footer-link{display:block}/*!@h1*/h1.sc-ic-footer-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link,strong.sc-ic-footer-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link,kbd.sc-ic-footer-link,samp.sc-ic-footer-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link,sup.sc-ic-footer-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link{top:-0.5em}/*!@img*/img.sc-ic-footer-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link,input.sc-ic-footer-link,optgroup.sc-ic-footer-link,select.sc-ic-footer-link,textarea.sc-ic-footer-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link,input.sc-ic-footer-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link,select.sc-ic-footer-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link,[type=\"button\"].sc-ic-footer-link,[type=\"reset\"].sc-ic-footer-link,[type=\"submit\"].sc-ic-footer-link{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer-link::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-link::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer-link:-moz-focusring,[type=\"button\"].sc-ic-footer-link:-moz-focusring,[type=\"reset\"].sc-ic-footer-link:-moz-focusring,[type=\"submit\"].sc-ic-footer-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link,[type=\"radio\"].sc-ic-footer-link{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer-link::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link{display:block}/*!@summary*/summary.sc-ic-footer-link{display:list-item}/*!@template*/template.sc-ic-footer-link{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-link{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer-link,body.sc-ic-footer-link,div.sc-ic-footer-link,span.sc-ic-footer-link,applet.sc-ic-footer-link,object.sc-ic-footer-link,iframe.sc-ic-footer-link,h1.sc-ic-footer-link,h2.sc-ic-footer-link,h3.sc-ic-footer-link,h4.sc-ic-footer-link,h5.sc-ic-footer-link,h6.sc-ic-footer-link,p.sc-ic-footer-link,blockquote.sc-ic-footer-link,pre.sc-ic-footer-link,a.sc-ic-footer-link,abbr.sc-ic-footer-link,acronym.sc-ic-footer-link,address.sc-ic-footer-link,big.sc-ic-footer-link,cite.sc-ic-footer-link,code.sc-ic-footer-link,del.sc-ic-footer-link,dfn.sc-ic-footer-link,em.sc-ic-footer-link,img.sc-ic-footer-link,ins.sc-ic-footer-link,kbd.sc-ic-footer-link,q.sc-ic-footer-link,s.sc-ic-footer-link,samp.sc-ic-footer-link,small.sc-ic-footer-link,strike.sc-ic-footer-link,strong.sc-ic-footer-link,sub.sc-ic-footer-link,sup.sc-ic-footer-link,tt.sc-ic-footer-link,var.sc-ic-footer-link,b.sc-ic-footer-link,u.sc-ic-footer-link,i.sc-ic-footer-link,center.sc-ic-footer-link,dl.sc-ic-footer-link,dt.sc-ic-footer-link,dd.sc-ic-footer-link,ol.sc-ic-footer-link,ul.sc-ic-footer-link,li.sc-ic-footer-link,fieldset.sc-ic-footer-link,form.sc-ic-footer-link,label.sc-ic-footer-link,legend.sc-ic-footer-link,table.sc-ic-footer-link,caption.sc-ic-footer-link,tbody.sc-ic-footer-link,tfoot.sc-ic-footer-link,thead.sc-ic-footer-link,tr.sc-ic-footer-link,th.sc-ic-footer-link,td.sc-ic-footer-link,article.sc-ic-footer-link,aside.sc-ic-footer-link,canvas.sc-ic-footer-link,details.sc-ic-footer-link,embed.sc-ic-footer-link,figure.sc-ic-footer-link,figcaption.sc-ic-footer-link,footer.sc-ic-footer-link,header.sc-ic-footer-link,hgroup.sc-ic-footer-link,menu.sc-ic-footer-link,nav.sc-ic-footer-link,output.sc-ic-footer-link,ruby.sc-ic-footer-link,section.sc-ic-footer-link,summary.sc-ic-footer-link,time.sc-ic-footer-link,mark.sc-ic-footer-link,audio.sc-ic-footer-link,video.sc-ic-footer-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-ungrouped-sparse)*/.footer-link-ungrouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:40px;--footer-link-margin-bottom:0}/*!@:host(.footer-link-ungrouped-small)*/.footer-link-ungrouped-small.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-sparse)*/.footer-link-grouped-sparse.sc-ic-footer-link-h{--footer-link-margin-left:0;--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-grouped-small)*/.footer-link-grouped-small.sc-ic-footer-link-h{--footer-link-margin-left:var(--ic-space-md);--footer-link-margin-right:0;--footer-link-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link)*/.footer-link.sc-ic-footer-link-h{margin-left:var(--footer-link-margin-left);margin-right:var(--footer-link-margin-right);margin-bottom:var(--footer-link-margin-bottom)}/*!@:host(.footer-link) a,\n:host(.footer-link) a ::slotted(a)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a{display:block;font-weight:var(--ic-font-weight-bold);color:inherit;width:-moz-fit-content;width:fit-content;font-size:var(--ic-font-size-regular)}/*!@:host(.footer-link) a:link,\n:host(.footer-link) a ::slotted(a:link)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link{color:inherit;text-decoration:underline;font-weight:var(--ic-font-weight-bold)}/*!@:host(.footer-link) a:link > ::slotted(svg),\n:host(.footer-link) a:link > ::slotted(img),\n:host(.footer-link) a ::slotted(a:link > ::slotted(svg)),\n:host(.footer-link) a ::slotted(a:link > ::slotted(img))*/.sc-ic-footer-link-h.footer-link a:link>.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link a:link>.sc-ic-footer-link-s>img,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link>-shadowcssslotted(svg),.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link>-shadowcssslotted(img){padding:var(--ic-space-xxxs);pointer-events:none;transition:var(--ic-easing-transition-fast)}/*!@:host(.footer-link-light) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg{fill:var(--ic-architectural-white)}/*!@:host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:var(--ic-architectural-black)}/*!@:host(.footer-link) a:link:hover,\n:host(.footer-link) a:link:focus,\n:host(.footer-link) a ::slotted(a:link:hover),\n:host(.footer-link) a ::slotted(a:link:focus)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:hover,.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:focus,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:hover,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@:host(.footer-link) a:link:hover,\n:host(.footer-link) a ::slotted(a:link:hover)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:hover,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:hover{outline:none}/*!@:host(.footer-link) a:link:focus,\n:host(.footer-link) a ::slotted(a:link:focus)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:focus,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.footer-link) a:link:focus > ::slotted(svg),\n:host(.footer-link) a:link:focus > ::slotted(img),\n:host(.footer-link) a ::slotted(a:link:focus > ::slotted(svg)),\n:host(.footer-link) a ::slotted(a:link:focus > ::slotted(img))*/.sc-ic-footer-link-h.footer-link a:link:focus>.sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link a:link:focus>.sc-ic-footer-link-s>img,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus>-shadowcssslotted(svg),.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus>-shadowcssslotted(img){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}/*!@:host(.footer-link) a:focus,\n:host(.footer-link) a ::slotted(a:focus)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:focus,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:focus{border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);transition:var(--ic-transition-duration-fast)}/*!@:host(.footer-link) a:link:active,\n:host(.footer-link) a:link:focus:active,\n:host(.footer-link) a:link:visited:active,\n:host(.footer-link) a ::slotted(a:link:active),\n:host(.footer-link) a ::slotted(a:link:focus:active),\n:host(.footer-link) a ::slotted(a:link:visited:active)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:active,.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:focus:active,.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:link:visited:active,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:active,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:focus:active,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:link:visited:active{color:inherit;text-decoration:none}/*!@:host(.footer-link) a:hover,\n:host(.footer-link) a ::slotted(a:hover)*/.footer-link.sc-ic-footer-link-h a.sc-ic-footer-link:hover,.sc-ic-footer-link-h.footer-link a .sc-ic-footer-link-s>a:hover{text-decoration:none}@media screen and (min-width: 769px){/*!@:host(.footer-link.footer-link-ungrouped-sparse:last-of-type)*/.footer-link.footer-link-ungrouped-sparse.sc-ic-footer-link-h:last-of-type{margin-right:0}}@media (forced-colors: active){/*!@:host(.footer-link-light) ::slotted(svg),\n :host(.footer-link-dark) ::slotted(svg)*/.sc-ic-footer-link-h.footer-link-light .sc-ic-footer-link-s>svg,.sc-ic-footer-link-h.footer-link-dark .sc-ic-footer-link-s>svg{fill:currentcolor}}";
|
7542
7630
|
|
7543
7631
|
class FooterLink {
|
7544
7632
|
constructor(hostRef) {
|
@@ -7594,7 +7682,7 @@ class FooterLink {
|
|
7594
7682
|
"deviceSize": [32],
|
7595
7683
|
"foregroundColor": [32]
|
7596
7684
|
},
|
7597
|
-
"$listeners$": [[4, "
|
7685
|
+
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "themeChange", "footerThemeChangeHandler"]],
|
7598
7686
|
"$lazyBundleId$": "-",
|
7599
7687
|
"$attrsToReflect$": []
|
7600
7688
|
}; }
|
@@ -7667,7 +7755,7 @@ class FooterLinkGroup {
|
|
7667
7755
|
"dropdownIconStyle": [32],
|
7668
7756
|
"deviceSize": [32]
|
7669
7757
|
},
|
7670
|
-
"$listeners$": [[4, "
|
7758
|
+
"$listeners$": [[4, "footerResized", "footerResizeHandler"], [4, "themeChange", "footerThemeChangeHandler"]],
|
7671
7759
|
"$lazyBundleId$": "-",
|
7672
7760
|
"$attrsToReflect$": []
|
7673
7761
|
}; }
|
@@ -7757,112 +7845,13 @@ class Hero {
|
|
7757
7845
|
"leftContentFullWidth": [32],
|
7758
7846
|
"foregroundColor": [32]
|
7759
7847
|
},
|
7760
|
-
"$listeners$": [[4, "
|
7848
|
+
"$listeners$": [[4, "themeChange", "themeChangeHandler"], [5, "scroll", "doScroll"]],
|
7761
7849
|
"$lazyBundleId$": "-",
|
7762
7850
|
"$attrsToReflect$": []
|
7763
7851
|
}; }
|
7764
7852
|
}
|
7765
7853
|
|
7766
|
-
const
|
7767
|
-
|
7768
|
-
class IcStepper {
|
7769
|
-
constructor(hostRef) {
|
7770
|
-
registerInstance(this, hostRef);
|
7771
|
-
this.resizeObserver = null;
|
7772
|
-
/**
|
7773
|
-
* Get all steps currently within this stepper
|
7774
|
-
*/
|
7775
|
-
this.getChildren = () => {
|
7776
|
-
this.steps = Array.from(this.el.querySelectorAll("ic-step"));
|
7777
|
-
};
|
7778
|
-
this.initialiseStepStates = () => {
|
7779
|
-
this.steps.forEach((step, index) => {
|
7780
|
-
// Assign stepNum to each step
|
7781
|
-
step.stepNum = index + 1;
|
7782
|
-
//Assign lastStep to final step
|
7783
|
-
step.lastStep = index === this.steps.length - 1;
|
7784
|
-
if (step.lastStep) {
|
7785
|
-
step.classList.add("last-step");
|
7786
|
-
if (this.el.classList.contains("aligned-full-width")) {
|
7787
|
-
step.style.maxWidth = `${this.lastStepWidth}px`;
|
7788
|
-
}
|
7789
|
-
if (this.el.classList.contains("aligned-left")) {
|
7790
|
-
step.style.maxWidth = `${this.connectorWidth + 48}px`;
|
7791
|
-
}
|
7792
|
-
}
|
7793
|
-
});
|
7794
|
-
for (let i = 0; i < this.steps.length - 1; i++) {
|
7795
|
-
if (this.el.classList.contains("aligned-full-width")) {
|
7796
|
-
this.steps[i].style.width = `${(this.stepperWidth - this.lastStepWidth) / (this.steps.length - 1)}px`;
|
7797
|
-
this.steps[i].style.minWidth = "148px";
|
7798
|
-
}
|
7799
|
-
if (this.el.classList.contains("aligned-left")) {
|
7800
|
-
this.steps[i].style.width = `${this.connectorWidth + 48}px`;
|
7801
|
-
const stepConnect = this.steps[i].shadowRoot.querySelector("div > .step-top > .step-connect");
|
7802
|
-
stepConnect.style.width =
|
7803
|
-
this.connectorWidth > 100 ? `${this.connectorWidth}px` : "100px";
|
7804
|
-
}
|
7805
|
-
}
|
7806
|
-
};
|
7807
|
-
this.runResizeObserver = () => {
|
7808
|
-
this.resizeObserver = new ResizeObserver(() => {
|
7809
|
-
this.setStepperWidth();
|
7810
|
-
this.getChildren();
|
7811
|
-
this.initialiseStepStates();
|
7812
|
-
});
|
7813
|
-
this.resizeObserver.observe(this.el);
|
7814
|
-
};
|
7815
|
-
this.setStepperWidth = () => {
|
7816
|
-
this.stepperWidth = this.el.offsetWidth;
|
7817
|
-
const allSteps = document.querySelectorAll("ic-step");
|
7818
|
-
const lastStep = allSteps[allSteps.length - 1];
|
7819
|
-
lastStep.style.maxWidth = "none";
|
7820
|
-
if (lastStep.classList.contains("aligned-full-width")) {
|
7821
|
-
lastStep.style.maxWidth = `${this.stepperWidth / allSteps.length}px`;
|
7822
|
-
}
|
7823
|
-
this.lastStepWidth = lastStep.offsetWidth;
|
7824
|
-
this.getChildren();
|
7825
|
-
this.initialiseStepStates();
|
7826
|
-
};
|
7827
|
-
this.aligned = "full-width";
|
7828
|
-
this.connectorWidth = 100;
|
7829
|
-
this.stepperWidth = document
|
7830
|
-
.querySelector("ic-stepper")
|
7831
|
-
.getBoundingClientRect().width;
|
7832
|
-
this.lastStepWidth = 0;
|
7833
|
-
}
|
7834
|
-
componentDidLoad() {
|
7835
|
-
checkResizeObserver(this.runResizeObserver);
|
7836
|
-
}
|
7837
|
-
disconnectedCallback() {
|
7838
|
-
if (this.resizeObserver !== null) {
|
7839
|
-
this.resizeObserver.disconnect();
|
7840
|
-
}
|
7841
|
-
}
|
7842
|
-
render() {
|
7843
|
-
return (hAsync(Host, { class: {
|
7844
|
-
["aligned-left"]: this.aligned === "left",
|
7845
|
-
["aligned-full-width"]: this.aligned === "full-width",
|
7846
|
-
} }, hAsync("ul", { class: "step-item-list" }, hAsync("slot", null))));
|
7847
|
-
}
|
7848
|
-
get el() { return getElement(this); }
|
7849
|
-
static get style() { return icStepperCss; }
|
7850
|
-
static get cmpMeta() { return {
|
7851
|
-
"$flags$": 9,
|
7852
|
-
"$tagName$": "ic-stepper",
|
7853
|
-
"$members$": {
|
7854
|
-
"aligned": [1],
|
7855
|
-
"connectorWidth": [2, "connector-width"],
|
7856
|
-
"stepperWidth": [32],
|
7857
|
-
"lastStepWidth": [32]
|
7858
|
-
},
|
7859
|
-
"$listeners$": undefined,
|
7860
|
-
"$lazyBundleId$": "-",
|
7861
|
-
"$attrsToReflect$": []
|
7862
|
-
}; }
|
7863
|
-
}
|
7864
|
-
|
7865
|
-
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:1px solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:40px;width:var(--input-width, 320px);padding:1px;background-color:var(--ic-architectural-white);box-sizing:border-box;position:relative;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: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:7px;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:6px;display:block}ic-input-component-container.readonly .icon-container{margin-left:-5px}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) 6px;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)}ic-input-component-container:hover{border-color:var(--ic-action-dark-hover);color:var(--ic-action-dark-hover);--expand-icon-hover:var(--ic-action-dark-hover)}.focus-indicator{display:flex;width:100%;margin:-2px;padding:2px;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:1px solid Highlight;outline:2px solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed GrayText}}";
|
7854
|
+
const icInputComponentContainerCss = "ic-input-component-container{display:flex;border:1px solid var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:40px;width:var(--input-width, 320px);padding:1px;background-color:var(--ic-architectural-white);box-sizing:border-box;position:relative;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: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:7px;display:flex;align-items:center}ic-input-component-container.multiline .icon-container,ic-input-component-container.multiline.small .icon-container{margin-top:6px;display:block}ic-input-component-container.readonly .icon-container{margin-left:-5px}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) 6px;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)}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:-2px;padding:2px;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:1px solid Highlight;outline:2px solid Highlight}ic-input-component-container.disabled,ic-input-component-container.disabled:hover{border:1px dashed GrayText}}";
|
7866
7855
|
|
7867
7856
|
/**
|
7868
7857
|
* @slot left-icon - Content will be placed to the left of the input.
|
@@ -8011,7 +8000,7 @@ class InputLabel {
|
|
8011
8000
|
const icInputValidationCss = "ic-input-validation{min-height:28px;width:var(--input-width, 320px);margin-top:var(--ic-space-xxxs);display:flex}ic-input-validation.fullwidth{width:100%}ic-input-validation.error{color:var(--ic-status-error)}ic-input-validation.success{color:var(--ic-status-success)}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:20px;width:20px}ic-input-validation span.icon-success>svg{fill:var(--ic-status-success)}ic-input-validation span.icon-error>svg{fill:var(--ic-status-error)}ic-input-validation span.icon-warning>svg{fill:var(--ic-status-warning-mid)}ic-input-validation .statustext{flex-grow:1}";
|
8012
8001
|
|
8013
8002
|
const icon = {
|
8014
|
-
[IcInformationStatus.Warning]: warningIcon,
|
8003
|
+
[IcInformationStatus.Warning]: warningIcon$1,
|
8015
8004
|
[IcInformationStatus.Error]: errorIcon,
|
8016
8005
|
[IcInformationStatus.Success]: successIcon,
|
8017
8006
|
};
|
@@ -8064,7 +8053,7 @@ var OpenInNew = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="
|
|
8064
8053
|
const icLinkCss = "/*!@html*/html.sc-ic-link{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-link{margin:0}/*!@main*/main.sc-ic-link{display:block}/*!@h1*/h1.sc-ic-link{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-link{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-link{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-link{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-link{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-link,strong.sc-ic-link{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-link,kbd.sc-ic-link,samp.sc-ic-link{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-link{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-link,sup.sc-ic-link{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-link{bottom:-0.25em}/*!@sup*/sup.sc-ic-link{top:-0.5em}/*!@img*/img.sc-ic-link{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-link,input.sc-ic-link,optgroup.sc-ic-link,select.sc-ic-link,textarea.sc-ic-link{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-link,input.sc-ic-link{overflow:visible}/*!@button,\nselect*/button.sc-ic-link,select.sc-ic-link{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-link,[type=\"button\"].sc-ic-link,[type=\"reset\"].sc-ic-link,[type=\"submit\"].sc-ic-link{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-link::-moz-focus-inner,[type=\"button\"].sc-ic-link::-moz-focus-inner,[type=\"reset\"].sc-ic-link::-moz-focus-inner,[type=\"submit\"].sc-ic-link::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-link:-moz-focusring,[type=\"button\"].sc-ic-link:-moz-focusring,[type=\"reset\"].sc-ic-link:-moz-focusring,[type=\"submit\"].sc-ic-link:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-link{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-link{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-link{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-link{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-link,[type=\"radio\"].sc-ic-link{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-link::-webkit-inner-spin-button,[type=\"number\"].sc-ic-link::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-link{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-link::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-link::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-link{display:block}/*!@summary*/summary.sc-ic-link{display:list-item}/*!@template*/template.sc-ic-link{display:none}/*!@[hidden]*/[hidden].sc-ic-link{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-link,body.sc-ic-link,div.sc-ic-link,span.sc-ic-link,applet.sc-ic-link,object.sc-ic-link,iframe.sc-ic-link,h1.sc-ic-link,h2.sc-ic-link,h3.sc-ic-link,h4.sc-ic-link,h5.sc-ic-link,h6.sc-ic-link,p.sc-ic-link,blockquote.sc-ic-link,pre.sc-ic-link,a.sc-ic-link,abbr.sc-ic-link,acronym.sc-ic-link,address.sc-ic-link,big.sc-ic-link,cite.sc-ic-link,code.sc-ic-link,del.sc-ic-link,dfn.sc-ic-link,em.sc-ic-link,img.sc-ic-link,ins.sc-ic-link,kbd.sc-ic-link,q.sc-ic-link,s.sc-ic-link,samp.sc-ic-link,small.sc-ic-link,strike.sc-ic-link,strong.sc-ic-link,sub.sc-ic-link,sup.sc-ic-link,tt.sc-ic-link,var.sc-ic-link,b.sc-ic-link,u.sc-ic-link,i.sc-ic-link,center.sc-ic-link,dl.sc-ic-link,dt.sc-ic-link,dd.sc-ic-link,ol.sc-ic-link,ul.sc-ic-link,li.sc-ic-link,fieldset.sc-ic-link,form.sc-ic-link,label.sc-ic-link,legend.sc-ic-link,table.sc-ic-link,caption.sc-ic-link,tbody.sc-ic-link,tfoot.sc-ic-link,thead.sc-ic-link,tr.sc-ic-link,th.sc-ic-link,td.sc-ic-link,article.sc-ic-link,aside.sc-ic-link,canvas.sc-ic-link,details.sc-ic-link,embed.sc-ic-link,figure.sc-ic-link,figcaption.sc-ic-link,footer.sc-ic-link,header.sc-ic-link,hgroup.sc-ic-link,menu.sc-ic-link,nav.sc-ic-link,output.sc-ic-link,ruby.sc-ic-link,section.sc-ic-link,summary.sc-ic-link,time.sc-ic-link,mark.sc-ic-link,audio.sc-ic-link,video.sc-ic-link{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.link) .ic-link,\n:host(.link) ::slotted(a)*/.link.sc-ic-link-h .ic-link.sc-ic-link,.sc-ic-link-h.link .sc-ic-link-s>a{color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}/*!@:host(.link.dark) .ic-link.dark,\n:host(.link.dark) ::slotted(a)*/.link.dark.sc-ic-link-h .ic-link.dark.sc-ic-link,.sc-ic-link-h.link.dark .sc-ic-link-s>a{color:var(--ic-color-primary-text)}/*!@:host(.link.light) .ic-link.light,\n:host(.link.light) ::slotted(a)*/.link.light.sc-ic-link-h .ic-link.light.sc-ic-link,.sc-ic-link-h.link.light .sc-ic-link-s>a{color:var(--ic-color-white-text)}/*!@:host(.link) .ic-link:visited,\n:host(.link) ::slotted(a:visited)*/.link.sc-ic-link-h .ic-link.sc-ic-link:visited,.sc-ic-link-h.link .sc-ic-link-s>a:visited{color:var(--ic-hyperlink-visited)}/*!@:host(.link) .ic-link:hover,\n:host(.link) .ic-link:focus,\n:host(.link) ::slotted(a:hover),\n:host(.link) ::slotted(a:focus)*/.link.sc-ic-link-h .ic-link.sc-ic-link:hover,.link.sc-ic-link-h .ic-link.sc-ic-link:focus,.sc-ic-link-h.link .sc-ic-link-s>a:hover,.sc-ic-link-h.link .sc-ic-link-s>a:focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@:host(.link) .ic-link:hover,\n:host(.link) ::slotted(a:hover)*/.link.sc-ic-link-h .ic-link.sc-ic-link:hover,.sc-ic-link-h.link .sc-ic-link-s>a:hover{outline:none}/*!@:host(.link) .ic-link:focus,\n:host(.link) ::slotted(a:focus)*/.link.sc-ic-link-h .ic-link.sc-ic-link:focus,.sc-ic-link-h.link .sc-ic-link-s>a:focus{outline:var(--ic-hc-focus-outline)}/*!@:host(.link) .ic-link:active,\n:host(.link) .ic-link:focus:active,\n:host(.link) .ic-link:visited:active,\n:host(.link) ::slotted(a:active),\n:host(.link) ::slotted(a:focus:active),\n:host(.link) ::slotted(a:visited:active)*/.link.sc-ic-link-h .ic-link.sc-ic-link:active,.link.sc-ic-link-h .ic-link.sc-ic-link:focus:active,.link.sc-ic-link-h .ic-link.sc-ic-link:visited:active,.sc-ic-link-h.link .sc-ic-link-s>a:active,.sc-ic-link-h.link .sc-ic-link-s>a:focus:active,.sc-ic-link-h.link .sc-ic-link-s>a:visited:active{text-decoration:none}/*!@.ic-link-open-in-new-icon*/.ic-link-open-in-new-icon.sc-ic-link{vertical-align:middle;margin-left:var(--ic-space-xxs)}/*!@.ic-link > .ic-link-open-in-new-icon*/.ic-link.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink)}/*!@.ic-link.dark > .ic-link-open-in-new-icon*/.ic-link.dark.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-color-primary-text)}/*!@.ic-link.light > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-link>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-color-white-text)}/*!@.ic-link-open-in-new-icon > svg*/.ic-link-open-in-new-icon.sc-ic-link>svg.sc-ic-link{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}/*!@.ic-link:visited > .ic-link-open-in-new-icon*/.ic-link.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink-visited)}/*!@.ic-link.light:visited > .ic-link-open-in-new-icon*/.ic-link.light.sc-ic-link:visited>.ic-link-open-in-new-icon.sc-ic-link{fill:var(--ic-hyperlink-contrast-visited)}/*!@:host(.breadcrumb-link) .ic-link*/.breadcrumb-link.sc-ic-link-h .ic-link.sc-ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}/*!@:host(.breadcrumb-link) .ic-link ::slotted(.back-icon)*/.sc-ic-link-h.breadcrumb-link .ic-link .sc-ic-link-s>.back-icon{height:var(--ic-space-lg);width:var(--ic-space-lg)}/*!@:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a)*/.breadcrumb-link.current-page.sc-ic-link-h a.sc-ic-link,.sc-ic-link-h.breadcrumb-link.current-page .sc-ic-link-s>a{font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}/*!@:host(.breadcrumb-link.current-page) .ic-link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus)*/.breadcrumb-link.current-page.sc-ic-link-h .ic-link.sc-ic-link,.sc-ic-link-h.breadcrumb-link.current-page .sc-ic-link-s>a:focus{outline:var(--ic-hc-focus-outline);text-decoration:none}/*!@:host(.breadcrumb-link.current-page) .ic-link:visited*/.breadcrumb-link.current-page.sc-ic-link-h .ic-link.sc-ic-link:visited{color:var(--ic-color-primary-text)}";
|
8065
8054
|
|
8066
8055
|
/**
|
8067
|
-
* @slot router-item - Handle routing by nesting your routes in this slot
|
8056
|
+
* @slot router-item - Handle routing by nesting your routes in this slot.
|
8068
8057
|
*/
|
8069
8058
|
class Link {
|
8070
8059
|
constructor(hostRef) {
|
@@ -8132,13 +8121,13 @@ class Link {
|
|
8132
8121
|
"showIcon": [4, "show-icon"],
|
8133
8122
|
"appearance": [1025]
|
8134
8123
|
},
|
8135
|
-
"$listeners$": [[4, "
|
8124
|
+
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
8136
8125
|
"$lazyBundleId$": "-",
|
8137
8126
|
"$attrsToReflect$": []
|
8138
8127
|
}; }
|
8139
8128
|
}
|
8140
8129
|
|
8141
|
-
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:4px;--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:40px;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:80px}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:120px}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:20px}/*!@: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(--inner-color)}@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}}";
|
8130
|
+
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:4px;--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:40px;--linear-line-height:var(--ic-space-xxs)}/*!@:host([size=\"default\"])*/[size=\"default\"].sc-ic-loading-indicator-h{--circular-diameter:80px}/*!@:host([size=\"large\"])*/[size=\"large\"].sc-ic-loading-indicator-h{--circular-diameter:120px}/*!@:host([size=\"icon\"])*/[size=\"icon\"].sc-ic-loading-indicator-h{display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:20px}/*!@: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}}";
|
8142
8131
|
|
8143
8132
|
class LoadingIndicator {
|
8144
8133
|
constructor(hostRef) {
|
@@ -8177,9 +8166,18 @@ class LoadingIndicator {
|
|
8177
8166
|
// Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property
|
8178
8167
|
this.setCircleLineWidth = () => {
|
8179
8168
|
const { offsetWidth: width } = this.outerElement;
|
8180
|
-
if (
|
8181
|
-
this.
|
8182
|
-
|
8169
|
+
if (this.host.classList.contains("compact-step-progress-indicator")) {
|
8170
|
+
this.compactStepCircularLineWidth = 40;
|
8171
|
+
}
|
8172
|
+
if (width || this.compactStepCircularLineWidth === 40) {
|
8173
|
+
this.circularLineWidth =
|
8174
|
+
(this.compactStepCircularLineWidth === 40
|
8175
|
+
? this.compactStepCircularLineWidth
|
8176
|
+
: width) * 0.1;
|
8177
|
+
this.circularDiameter =
|
8178
|
+
this.compactStepCircularLineWidth === 40
|
8179
|
+
? this.compactStepCircularLineWidth
|
8180
|
+
: width;
|
8183
8181
|
this.outerElement.style.setProperty("--circular-line-width", `${this.circularLineWidth}px`);
|
8184
8182
|
}
|
8185
8183
|
};
|
@@ -8216,7 +8214,7 @@ class LoadingIndicator {
|
|
8216
8214
|
}
|
8217
8215
|
};
|
8218
8216
|
this.setCircleXY = () => {
|
8219
|
-
if (this.circularDiameter) {
|
8217
|
+
if (this.circularDiameter > 0) {
|
8220
8218
|
const r = this.circularDiameter / 2;
|
8221
8219
|
const x = r;
|
8222
8220
|
const y = r;
|
@@ -8241,6 +8239,7 @@ class LoadingIndicator {
|
|
8241
8239
|
this.max = 100;
|
8242
8240
|
this.label = undefined;
|
8243
8241
|
this.description = "Loading";
|
8242
|
+
this.innerLabel = undefined;
|
8244
8243
|
this.labelDuration = 8000;
|
8245
8244
|
this.size = "default";
|
8246
8245
|
this.type = "circular";
|
@@ -8250,13 +8249,16 @@ class LoadingIndicator {
|
|
8250
8249
|
this.indeterminate = undefined;
|
8251
8250
|
this.showSecond = false;
|
8252
8251
|
this.circularLineWidth = undefined;
|
8252
|
+
this.compactStepCircularLineWidth = 0;
|
8253
8253
|
this.circularDiameter = undefined;
|
8254
8254
|
}
|
8255
8255
|
watchPropHandler() {
|
8256
8256
|
this.updateLabel();
|
8257
8257
|
}
|
8258
8258
|
watchProgressHandler() {
|
8259
|
-
this.
|
8259
|
+
if (this.type === "circular") {
|
8260
|
+
this.updateCircularProgressMeter();
|
8261
|
+
}
|
8260
8262
|
}
|
8261
8263
|
componentWillLoad() {
|
8262
8264
|
this.indeterminate = this.progress === undefined;
|
@@ -8283,7 +8285,9 @@ class LoadingIndicator {
|
|
8283
8285
|
render() {
|
8284
8286
|
const { appearance, label, description, size } = this;
|
8285
8287
|
const { x, y, r } = this.setCircleXY();
|
8286
|
-
return (hAsync(Host, { class: { ["light"]: appearance === IcThemeForegroundEnum.Light } }, 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.
|
8288
|
+
return (hAsync(Host, { class: { ["light"]: appearance === IcThemeForegroundEnum.Light } }, 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 &&
|
8289
|
+
this.innerLabel !== undefined &&
|
8290
|
+
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))))));
|
8287
8291
|
}
|
8288
8292
|
get host() { return getElement(this); }
|
8289
8293
|
static get watchers() { return {
|
@@ -8300,6 +8304,7 @@ class LoadingIndicator {
|
|
8300
8304
|
"max": [2],
|
8301
8305
|
"label": [1],
|
8302
8306
|
"description": [1],
|
8307
|
+
"innerLabel": [2, "inner-label"],
|
8303
8308
|
"labelDuration": [2, "label-duration"],
|
8304
8309
|
"size": [513],
|
8305
8310
|
"type": [513],
|
@@ -8309,6 +8314,7 @@ class LoadingIndicator {
|
|
8309
8314
|
"indeterminate": [32],
|
8310
8315
|
"showSecond": [32],
|
8311
8316
|
"circularLineWidth": [32],
|
8317
|
+
"compactStepCircularLineWidth": [32],
|
8312
8318
|
"circularDiameter": [32]
|
8313
8319
|
},
|
8314
8320
|
"$listeners$": undefined,
|
@@ -10120,13 +10126,13 @@ var checkIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xml
|
|
10120
10126
|
</svg>
|
10121
10127
|
`;
|
10122
10128
|
|
10123
|
-
const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu{margin:0}/*!@main*/main.sc-ic-menu{display:block}/*!@h1*/h1.sc-ic-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu{top:-0.5em}/*!@img*/img.sc-ic-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/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,\ninput*/button.sc-ic-menu,input.sc-ic-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu,select.sc-ic-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-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-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:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/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*/fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu{display:block}/*!@summary*/summary.sc-ic-menu{display:list-item}/*!@template*/template.sc-ic-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-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-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){/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 320px);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popup-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}/*!@:host(:not(.no-focus):focus-within)*/.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu*/.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border: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*/.menu-scroll.sc-ic-menu{overflow-y:auto}/*!@.menu:focus-visible*/.menu.sc-ic-menu:focus-visible{outline:none}/*!@:host([open])*/[open].sc-ic-menu-h{max-height:none;display:block}/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:322px}/*!@:host(.full-width)*/.full-width.sc-ic-menu-h{width:100%}/*!@.option*/.option.sc-ic-menu{padding:8px 7px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}/*!@:host([small]) .option*/[small].sc-ic-menu-h .option.sc-ic-menu{padding:4px 7px}/*!@.option:last-child*/.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}/*!@.option:first-child*/.option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}/*!@.option:not(.disabled-option):hover*/.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@.option:not(.disabled-option):active*/.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}/*!@.option:focus-visible*/.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@.option:not(.disabled-option) .option-description*/.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}/*!@.option-text-container*/.option-text-container.sc-ic-menu{pointer-events:none}/*!@.check-icon*/.check-icon.sc-ic-menu{height:24px;margin-left:8px;pointer-events:none}/*!@.focused-option .check-icon **/.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:
|
10129
|
+
const icMenuCss = "/*!@html*/html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-menu{margin:0}/*!@main*/main.sc-ic-menu{display:block}/*!@h1*/h1.sc-ic-menu{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-menu{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-menu{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-menu{bottom:-0.25em}/*!@sup*/sup.sc-ic-menu{top:-0.5em}/*!@img*/img.sc-ic-menu{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/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,\ninput*/button.sc-ic-menu,input.sc-ic-menu{overflow:visible}/*!@button,\nselect*/button.sc-ic-menu,select.sc-ic-menu{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-menu,[type=\"button\"].sc-ic-menu,[type=\"reset\"].sc-ic-menu,[type=\"submit\"].sc-ic-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-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:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/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*/fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-menu{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-menu{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-menu,[type=\"radio\"].sc-ic-menu{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-menu::-webkit-inner-spin-button,[type=\"number\"].sc-ic-menu::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-menu{display:block}/*!@summary*/summary.sc-ic-menu{display:list-item}/*!@template*/template.sc-ic-menu{display:none}/*!@[hidden]*/[hidden].sc-ic-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-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){/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}/*!@:host*/.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 320px);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popup-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}/*!@:host(:not(.no-focus):focus-within)*/.sc-ic-menu-h:not(.no-focus):focus-within{box-shadow:var(--ic-border-focus)}/*!@.menu*/.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border: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*/.menu-scroll.sc-ic-menu{overflow-y:auto}/*!@.menu:focus-visible*/.menu.sc-ic-menu:focus-visible{outline:none}/*!@:host([open])*/[open].sc-ic-menu-h{max-height:none;display:block}/*!@:host([open]) .menu*/[open].sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:322px}/*!@:host(.full-width)*/.full-width.sc-ic-menu-h{width:100%}/*!@.option*/.option.sc-ic-menu{padding:8px 7px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}/*!@:host([small]) .option*/[small].sc-ic-menu-h .option.sc-ic-menu{padding:4px 7px}/*!@.option:last-child*/.option.sc-ic-menu:last-child{border-radius:0 0 1px 1px}/*!@.option:first-child*/.option.sc-ic-menu:first-child{border-radius:1px 1px 0 0}/*!@.option:not(.disabled-option):hover*/.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}/*!@.option:not(.disabled-option):active*/.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-active)}/*!@.option:focus-visible*/.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}/*!@.option:not(.disabled-option) .option-description*/.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{color:var(--ic-color-secondary-text)}/*!@.option-text-container*/.option-text-container.sc-ic-menu{pointer-events:none}/*!@.check-icon*/.check-icon.sc-ic-menu{height:24px;margin-left:8px;pointer-events:none}/*!@.focused-option .check-icon **/.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}/*!@.option-group-title*/.option-group-title.sc-ic-menu{padding:24px 7px 8px;color:var(--ic-color-tertiary-text)}/*!@:host([small]) .option-group-title*/[small].sc-ic-menu-h .option-group-title.sc-ic-menu{padding:12px 7px 4px}/*!@.last-recommended-option*/.last-recommended-option.sc-ic-menu{border-bottom:1px solid var(--ic-architectural-400)}/*!@.disabled-option*/.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);cursor:default;pointer-events:none}/*!@.focused-option,\n.focused-option .option-description*/.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}/*!@:host(.no-results) li*/.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}/*!@:host(.no-results) li:hover*/.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){/*!@.focused-option:focus*/.focused-option.sc-ic-menu:focus{outline:none;border:2px solid transparent}}";
|
10124
10130
|
|
10125
10131
|
class Menu {
|
10126
10132
|
constructor(hostRef) {
|
10127
10133
|
registerInstance(this, hostRef);
|
10128
|
-
this.
|
10129
|
-
this.
|
10134
|
+
this.icOptionSelect = createEvent(this, "icOptionSelect", 7);
|
10135
|
+
this.icMenuStateChange = createEvent(this, "icMenuStateChange", 7);
|
10130
10136
|
this.menuOptionId = createEvent(this, "menuOptionId", 7);
|
10131
10137
|
this.ungroupedOptions = [];
|
10132
10138
|
// Prevents menu re-opening immediately after it is closed on blur when clicking input
|
@@ -10134,7 +10140,7 @@ class Menu {
|
|
10134
10140
|
this.handleMenuChange = (open, focusInput) => {
|
10135
10141
|
if (!open)
|
10136
10142
|
this.popperInstance.destroy();
|
10137
|
-
this.
|
10143
|
+
this.icMenuStateChange.emit({ open, focusInput });
|
10138
10144
|
if (!open && focusInput !== false) {
|
10139
10145
|
this.inputEl.focus();
|
10140
10146
|
this.preventClickOpen = false;
|
@@ -10142,13 +10148,13 @@ class Menu {
|
|
10142
10148
|
};
|
10143
10149
|
this.setNextOptionValue = (selectedOptionIndex) => {
|
10144
10150
|
if (this.ungroupedOptions[selectedOptionIndex + 1]) {
|
10145
|
-
this.
|
10151
|
+
this.icOptionSelect.emit({
|
10146
10152
|
value: this.ungroupedOptions[selectedOptionIndex + 1].value,
|
10147
10153
|
optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1].value),
|
10148
10154
|
});
|
10149
10155
|
}
|
10150
10156
|
else {
|
10151
|
-
this.
|
10157
|
+
this.icOptionSelect.emit({
|
10152
10158
|
value: this.ungroupedOptions[0].value,
|
10153
10159
|
optionId: this.getOptionId(this.ungroupedOptions[0].value),
|
10154
10160
|
});
|
@@ -10156,13 +10162,13 @@ class Menu {
|
|
10156
10162
|
};
|
10157
10163
|
this.setPreviousOptionValue = (selectedOptionIndex) => {
|
10158
10164
|
if (this.ungroupedOptions[selectedOptionIndex - 1]) {
|
10159
|
-
this.
|
10165
|
+
this.icOptionSelect.emit({
|
10160
10166
|
value: this.ungroupedOptions[selectedOptionIndex - 1].value,
|
10161
10167
|
optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1].value),
|
10162
10168
|
});
|
10163
10169
|
}
|
10164
10170
|
else {
|
10165
|
-
this.
|
10171
|
+
this.icOptionSelect.emit({
|
10166
10172
|
value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,
|
10167
10173
|
optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1].value),
|
10168
10174
|
});
|
@@ -10210,7 +10216,6 @@ class Menu {
|
|
10210
10216
|
};
|
10211
10217
|
this.manSetInputValueKeyboardOpen = (event) => {
|
10212
10218
|
const highlightedOptionIndex = this.options.findIndex((option) => option.value === this.optionHighlighted);
|
10213
|
-
this.menuOptionId.emit({ optionId: undefined });
|
10214
10219
|
const getOptionId = (index) => Array.from(this.host.shadowRoot.querySelectorAll("li"))[index].id;
|
10215
10220
|
const isSearchBar = this.parentEl.tagName === "IC-SEARCH-BAR";
|
10216
10221
|
switch (event.key) {
|
@@ -10224,6 +10229,9 @@ class Menu {
|
|
10224
10229
|
}
|
10225
10230
|
else {
|
10226
10231
|
this.setHighlightedOption(0);
|
10232
|
+
this.menuOptionId.emit({
|
10233
|
+
optionId: getOptionId(0),
|
10234
|
+
});
|
10227
10235
|
}
|
10228
10236
|
this.preventIncorrectTabOrder = false;
|
10229
10237
|
this.focusFromSearchKeypress = false;
|
@@ -10246,7 +10254,6 @@ class Menu {
|
|
10246
10254
|
this.preventIncorrectTabOrder = false;
|
10247
10255
|
this.focusFromSearchKeypress = false;
|
10248
10256
|
break;
|
10249
|
-
case " ":
|
10250
10257
|
case "Enter":
|
10251
10258
|
event.preventDefault();
|
10252
10259
|
this.setInputValue(highlightedOptionIndex);
|
@@ -10278,7 +10285,7 @@ class Menu {
|
|
10278
10285
|
this.setInputValue = (highlightedOptionIndex) => {
|
10279
10286
|
var _a;
|
10280
10287
|
if (this.options[highlightedOptionIndex]) {
|
10281
|
-
this.
|
10288
|
+
this.icOptionSelect.emit({
|
10282
10289
|
value: (_a = this.options[highlightedOptionIndex]) === null || _a === void 0 ? void 0 : _a.value,
|
10283
10290
|
});
|
10284
10291
|
this.optionHighlighted = undefined;
|
@@ -10288,7 +10295,7 @@ class Menu {
|
|
10288
10295
|
};
|
10289
10296
|
this.handleOptionClick = (event) => {
|
10290
10297
|
const { value, label } = event.target.dataset;
|
10291
|
-
this.
|
10298
|
+
this.icOptionSelect.emit({ value, label });
|
10292
10299
|
this.handleMenuChange(false);
|
10293
10300
|
};
|
10294
10301
|
this.handleBlur = (event) => {
|
@@ -10323,13 +10330,13 @@ class Menu {
|
|
10323
10330
|
this.keyboardNav = true;
|
10324
10331
|
break;
|
10325
10332
|
case "Home":
|
10326
|
-
this.
|
10333
|
+
this.icOptionSelect.emit({
|
10327
10334
|
value: this.ungroupedOptions[0].value,
|
10328
10335
|
});
|
10329
10336
|
this.keyboardNav = true;
|
10330
10337
|
break;
|
10331
10338
|
case "End":
|
10332
|
-
this.
|
10339
|
+
this.icOptionSelect.emit({
|
10333
10340
|
value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,
|
10334
10341
|
});
|
10335
10342
|
this.keyboardNav = true;
|
@@ -10450,11 +10457,11 @@ class Menu {
|
|
10450
10457
|
this.setInputValue(highlightedOptionIndex);
|
10451
10458
|
}
|
10452
10459
|
/**
|
10453
|
-
* If menu is opened with the mouse, emit
|
10460
|
+
* If menu is opened with the mouse, emit icMenuStateChange custom event.
|
10454
10461
|
*/
|
10455
10462
|
async handleClickOpen() {
|
10456
10463
|
if (!this.preventClickOpen) {
|
10457
|
-
this.
|
10464
|
+
this.icMenuStateChange.emit({ open: !this.open });
|
10458
10465
|
this.keyboardNav = false;
|
10459
10466
|
}
|
10460
10467
|
this.preventClickOpen = false;
|
@@ -10495,7 +10502,7 @@ class Menu {
|
|
10495
10502
|
this.host.shadowRoot
|
10496
10503
|
.querySelectorAll(".option")
|
10497
10504
|
.forEach((option) => (optionsHeight += option.clientHeight));
|
10498
|
-
if (optionsHeight
|
10505
|
+
if (optionsHeight >= 320) {
|
10499
10506
|
this.menu.classList.add("menu-scroll");
|
10500
10507
|
}
|
10501
10508
|
onComponentRequiredPropUndefined([
|
@@ -10704,7 +10711,7 @@ class NavigationButton {
|
|
10704
10711
|
"initialAppearance": [32],
|
10705
10712
|
"setFocus": [64]
|
10706
10713
|
},
|
10707
|
-
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "
|
10714
|
+
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "themeChange", "themeChangeHandler"]],
|
10708
10715
|
"$lazyBundleId$": "-",
|
10709
10716
|
"$attrsToReflect$": []
|
10710
10717
|
}; }
|
@@ -10952,7 +10959,7 @@ class NavigationGroup {
|
|
10952
10959
|
"expanded": [32],
|
10953
10960
|
"setFocus": [64]
|
10954
10961
|
},
|
10955
|
-
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "
|
10962
|
+
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "themeChange", "themeChangeHandler"]],
|
10956
10963
|
"$lazyBundleId$": "-",
|
10957
10964
|
"$attrsToReflect$": []
|
10958
10965
|
}; }
|
@@ -10967,7 +10974,7 @@ class NavigationItem {
|
|
10967
10974
|
constructor(hostRef) {
|
10968
10975
|
registerInstance(this, hostRef);
|
10969
10976
|
this.childBlur = createEvent(this, "childBlur", 7);
|
10970
|
-
this.
|
10977
|
+
this.navItemClicked = createEvent(this, "navItemClicked", 7);
|
10971
10978
|
this.topNavResizedHandler = (ev) => {
|
10972
10979
|
const newSize = ev.detail.size;
|
10973
10980
|
if (newSize !== this.deviceSize) {
|
@@ -10990,7 +10997,7 @@ class NavigationItem {
|
|
10990
10997
|
this.childBlur.emit();
|
10991
10998
|
};
|
10992
10999
|
this.handleClick = () => {
|
10993
|
-
this.
|
11000
|
+
this.navItemClicked.emit();
|
10994
11001
|
};
|
10995
11002
|
this.isInitialRender = true;
|
10996
11003
|
this.displayDefaultNavigationItem = (href, label) => {
|
@@ -11114,7 +11121,7 @@ class NavigationItem {
|
|
11114
11121
|
"isSideNavMobile": [32],
|
11115
11122
|
"setFocus": [64]
|
11116
11123
|
},
|
11117
|
-
"$listeners$": [[4, "
|
11124
|
+
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
11118
11125
|
"$lazyBundleId$": "-",
|
11119
11126
|
"$attrsToReflect$": []
|
11120
11127
|
}; }
|
@@ -11248,7 +11255,7 @@ class NavigationMenu {
|
|
11248
11255
|
"version": [1],
|
11249
11256
|
"status": [1]
|
11250
11257
|
},
|
11251
|
-
"$listeners$": [[0, "
|
11258
|
+
"$listeners$": [[0, "navItemClicked", "navItemClickHandler"], [4, "keydown", "handleKeyDown"]],
|
11252
11259
|
"$lazyBundleId$": "-",
|
11253
11260
|
"$attrsToReflect$": []
|
11254
11261
|
}; }
|
@@ -11488,7 +11495,7 @@ class RadioGroup {
|
|
11488
11495
|
"checkedValue": [32],
|
11489
11496
|
"selectedChild": [32]
|
11490
11497
|
},
|
11491
|
-
"$listeners$": [[0, "
|
11498
|
+
"$listeners$": [[0, "icCheck", "selectHandler"]],
|
11492
11499
|
"$lazyBundleId$": "-",
|
11493
11500
|
"$attrsToReflect$": []
|
11494
11501
|
}; }
|
@@ -11499,8 +11506,8 @@ const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-we
|
|
11499
11506
|
class RadioOption {
|
11500
11507
|
constructor(hostRef) {
|
11501
11508
|
registerInstance(this, hostRef);
|
11502
|
-
this.icCheck = createEvent(this, "icCheck", 7);
|
11503
11509
|
this.radioOptionSelect = createEvent(this, "radioOptionSelect", 7);
|
11510
|
+
this.icCheck = createEvent(this, "icCheck", 7);
|
11504
11511
|
this.defaultRadioValue = "";
|
11505
11512
|
this.skipFocus = false;
|
11506
11513
|
this.handleClick = () => {
|
@@ -11514,6 +11521,9 @@ class RadioOption {
|
|
11514
11521
|
this.value =
|
11515
11522
|
textfield.value !== "" ? textfield.value : this.defaultRadioValue;
|
11516
11523
|
}
|
11524
|
+
this.icCheck.emit({
|
11525
|
+
value: this.value,
|
11526
|
+
});
|
11517
11527
|
this.radioOptionSelect.emit({
|
11518
11528
|
value: this.value,
|
11519
11529
|
});
|
@@ -11560,12 +11570,18 @@ class RadioOption {
|
|
11560
11570
|
if (this.selected) {
|
11561
11571
|
if (textFieldValue !== "") {
|
11562
11572
|
this.value = event.detail.value;
|
11573
|
+
this.icCheck.emit({
|
11574
|
+
value: this.value,
|
11575
|
+
});
|
11563
11576
|
this.radioOptionSelect.emit({
|
11564
11577
|
value: this.value,
|
11565
11578
|
});
|
11566
11579
|
}
|
11567
11580
|
else {
|
11568
11581
|
this.value = this.defaultRadioValue;
|
11582
|
+
this.icCheck.emit({
|
11583
|
+
value: this.defaultRadioValue,
|
11584
|
+
});
|
11569
11585
|
this.radioOptionSelect.emit({
|
11570
11586
|
value: this.defaultRadioValue,
|
11571
11587
|
});
|
@@ -11657,12 +11673,20 @@ class SearchBar {
|
|
11657
11673
|
this.assistiveHintEl = null;
|
11658
11674
|
this.preventSubmit = false;
|
11659
11675
|
this.handleSubmitSearch = () => {
|
11676
|
+
this.highlightedValue && (this.value = this.highlightedValue);
|
11677
|
+
this.highlightedValue = undefined;
|
11660
11678
|
this.icSubmitSearch.emit({ value: this.value });
|
11661
11679
|
const form = this.el.closest("FORM");
|
11662
11680
|
if (this.searchSubmitButton && !!form && !this.preventSubmit) {
|
11663
11681
|
handleHiddenFormButtonClick(form, this.searchSubmitButton);
|
11664
11682
|
}
|
11665
11683
|
};
|
11684
|
+
this.handleSubmitSearchKeyDown = (ev) => {
|
11685
|
+
if (ev.key === " ") {
|
11686
|
+
ev.preventDefault();
|
11687
|
+
this.handleSubmitSearch();
|
11688
|
+
}
|
11689
|
+
};
|
11666
11690
|
this.onInput = (ev) => {
|
11667
11691
|
this.value = ev.target.value;
|
11668
11692
|
const noOptions = [{ label: this.emptyOptionListText, value: "" }];
|
@@ -11730,6 +11754,11 @@ class SearchBar {
|
|
11730
11754
|
this.value = ev.detail.value;
|
11731
11755
|
this.icOptionSelect.emit({ value: this.value });
|
11732
11756
|
};
|
11757
|
+
this.handleMenuOptionHighlight = (ev) => {
|
11758
|
+
var _a;
|
11759
|
+
const optionValue = (_a = ev.detail.optionId) === null || _a === void 0 ? void 0 : _a.replace(`${this.menuId}-`, "");
|
11760
|
+
optionValue && (this.highlightedValue = optionValue);
|
11761
|
+
};
|
11733
11762
|
this.handleMenuChange = (ev) => {
|
11734
11763
|
this.setMenuChange(ev.detail.open);
|
11735
11764
|
};
|
@@ -11850,6 +11879,7 @@ class SearchBar {
|
|
11850
11879
|
this.clearButtonFocused = false;
|
11851
11880
|
this.searchSubmitFocused = false;
|
11852
11881
|
this.prevNoOption = false;
|
11882
|
+
this.highlightedValue = undefined;
|
11853
11883
|
}
|
11854
11884
|
debounceChanged() {
|
11855
11885
|
this.icChange = debounceEvent(this.icChange, this.debounce);
|
@@ -11999,14 +12029,14 @@ class SearchBar {
|
|
11999
12029
|
}, slot: "search-submit-button" }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
12000
12030
|
["search-submit-button"]: true,
|
12001
12031
|
["search-submit-button-small"]: !!small,
|
12002
|
-
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: small ? "small" : "default", onClick: this.handleSubmitSearch, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
|
12032
|
+
}, disabled: this.isSubmitDisabled(), innerHTML: searchIcon, size: small ? "small" : "default", onClick: this.handleSubmitSearch, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, onKeyDown: this.handleSubmitSearchKeyDown, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
|
12003
12033
|
? IcThemeForegroundEnum.Light
|
12004
12034
|
: IcThemeForegroundEnum.Default })), hAsync("div", { class: {
|
12005
12035
|
"menu-container": true,
|
12006
12036
|
fullwidth: fullWidth,
|
12007
12037
|
}, slot: "menu" }, menuOpen && value.length >= this.charactersUntilSuggestion && (hAsync("ic-menu", { class: {
|
12008
12038
|
"no-results": this.hadNoOptions(),
|
12009
|
-
}, 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,
|
12039
|
+
}, 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, onIcOptionSelect: this.handleOptionSelect, onIcMenuStateChange: this.handleMenuChange, onMenuOptionId: this.handleMenuOptionHighlight, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
12010
12040
|
}
|
12011
12041
|
get el() { return getElement(this); }
|
12012
12042
|
static get watchers() { return {
|
@@ -12049,9 +12079,10 @@ class SearchBar {
|
|
12049
12079
|
"clearButtonFocused": [32],
|
12050
12080
|
"searchSubmitFocused": [32],
|
12051
12081
|
"prevNoOption": [32],
|
12082
|
+
"highlightedValue": [32],
|
12052
12083
|
"setFocus": [64]
|
12053
12084
|
},
|
12054
|
-
"$listeners$": [[0, "icKeydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"], [0, "
|
12085
|
+
"$listeners$": [[0, "icKeydown", "handleKeyDown"], [0, "keyup", "handleKeyUp"], [0, "icMenuStateChange", "onMenuClose"], [0, "menuOptionId", "onMenuOptionHighlighted"]],
|
12055
12086
|
"$lazyBundleId$": "-",
|
12056
12087
|
"$attrsToReflect$": [["value", "value"]]
|
12057
12088
|
}; }
|
@@ -12098,7 +12129,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
|
|
12098
12129
|
</svg>
|
12099
12130
|
`;
|
12100
12131
|
|
12101
|
-
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}/*!@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:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 6px 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}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 6px;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)}/*!@:host([disabled]) .select-input*/[disabled].sc-ic-select-h .select-input.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%}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--expand-icon-hover, var(--ic-architectural-400))}/*!@: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:36px}/*!@:host([searchable]) .expand-icon > svg*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:36px;padding:0 6px}/*!@: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:38px}/*!@:host([small]) .clear-button-container*/[small].sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:30px}/*!@.divider*/.divider.sc-ic-select{width:1px;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius: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:44px;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 2px var(--ic-focus-glow);border-radius:4px}/*!@.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:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
12132
|
+
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}/*!@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:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 6px 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}/*!@.select-input*/.select-input.sc-ic-select{width:100%;height:100%;padding:0 6px;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)}/*!@:host([disabled]) .select-input*/[disabled].sc-ic-select-h .select-input.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%}/*!@.expand-icon*/.expand-icon.sc-ic-select{height:var(--ic-space-lg);padding-left:var(--ic-space-xs);color:var(--ic-action-dark)}/*!@: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:36px}/*!@:host([searchable]) .expand-icon > svg*/[searchable].sc-ic-select-h .expand-icon.sc-ic-select>svg.sc-ic-select{height:36px;padding:0 6px}/*!@: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:38px}/*!@:host([small]) .clear-button-container*/[small].sc-ic-select-h .clear-button-container.sc-ic-select{padding-left:30px}/*!@.divider*/.divider.sc-ic-select{width:1px;background-color:var(--ic-architectural-400);margin:var(--ic-space-xxs) 0;border-radius: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:44px;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 2px var(--ic-focus-glow);border-radius:4px}/*!@.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:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
12102
12133
|
|
12103
12134
|
let inputIds$2 = 0;
|
12104
12135
|
class Select {
|
@@ -12434,12 +12465,7 @@ class Select {
|
|
12434
12465
|
"no-results": this.noOptions !== null,
|
12435
12466
|
}, ref: (el) => (this.menu = el), inputEl: searchable
|
12436
12467
|
? this.searchableSelectElement
|
12437
|
-
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth,
|
12438
|
-
false
|
12439
|
-
? ""
|
12440
|
-
: validationStatus, message: hasValidationStatus(this.validationStatus, this.disabled)
|
12441
|
-
? validationText
|
12442
|
-
: "", for: this.inputId }))));
|
12468
|
+
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth, onIcMenuStateChange: this.handleMenuChange, onIcOptionSelect: this.handleCustomSelectChange, 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 })))));
|
12443
12469
|
}
|
12444
12470
|
get host() { return getElement(this); }
|
12445
12471
|
static get watchers() { return {
|
@@ -12493,17 +12519,17 @@ var menuIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0
|
|
12493
12519
|
</svg>
|
12494
12520
|
`;
|
12495
12521
|
|
12496
|
-
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:56px;--sm-side-navigation-collapsed-labels-width:96px;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:320px}/*!@: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)}/*!@: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:-3px -3px 8px 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:link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:link{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)}/*!@: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*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus{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:104px}/*!@.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:100px;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:80px;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:100px}/*!@.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:96px}/*!@: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:1px;height:1px;padding:0;margin:-1px;overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:44px;--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:56px;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:4px}/*!@::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:56px;--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(.inline)*/.inline.sc-ic-side-navigation-h{position:absolute}/*!@: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:-3px 3px 8px rgb(0 0 0 / 20%)}/*!@:host(.inline) .top-bar*/.inline.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{position:relative}/*!@:host(.anchor-right) .top-bar*/.anchor-right.sc-ic-side-navigation-h .top-bar.sc-ic-side-navigation{box-shadow:3px 3px 8px 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:3px -3px 8px 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 * 4.5px) 0 calc(-1 * 4.5px) 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}/*!@.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:4px;--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:16px}/*!@: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:relative;left:auto;top:auto;bottom:auto}/*!@:host(.inline)*/.inline.sc-ic-side-navigation-h{position:relative}/*!@: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}}";
|
12522
|
+
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:56px;--sm-side-navigation-collapsed-labels-width:96px;--sm-side-navigation-expand-transition-duration:var(\n --ic-transition-duration-slow\n );--side-navigation-width:320px}/*!@: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)}/*!@: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:-3px -3px 8px 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:link*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:link{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)}/*!@: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*/.sc-ic-side-navigation-h .title-link.sc-ic-side-navigation:focus{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:104px}/*!@.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:100px;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:80px;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:100px}/*!@.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:96px}/*!@: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:1px;height:1px;padding:0;margin:-1px;overflow:hidden}/*!@::slotted(ic-navigation-group)*/.sc-ic-side-navigation-s>ic-navigation-group{--navigation-group-height:44px;--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:56px;--navigation-item-child-active:var(--ic-action-dark-bg-active);--navigation-item-child-color:var(--ic-theme-text);--navigation-group-expand-toggle-padding:4px}/*!@::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:56px;--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:-3px 3px 8px 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:3px 3px 8px 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:3px -3px 8px 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 * 4.5px) 0 calc(-1 * 4.5px) 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}/*!@.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:4px;--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:16px}/*!@: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}}";
|
12497
12523
|
|
12498
12524
|
/**
|
12499
|
-
* @slot app-icon - Content will be rendered adjacent to the
|
12500
|
-
* @slot primary-navigation - Content will be rendered at the top of the side navigation
|
12501
|
-
* @slot secondary-navigation - Content will be rendered at the bottom of the side navigation
|
12525
|
+
* @slot app-icon - Content will be rendered adjacent to the app title at the very top of the side navigation.
|
12526
|
+
* @slot primary-navigation - Content will be rendered at the top of the side navigation.
|
12527
|
+
* @slot secondary-navigation - Content will be rendered at the bottom of the side navigation.
|
12502
12528
|
*/
|
12503
12529
|
class SideNavigation {
|
12504
12530
|
constructor(hostRef) {
|
12505
12531
|
registerInstance(this, hostRef);
|
12506
|
-
this.ANIMATION_DURATION = parseInt(getCssProperty("--ic-transition-duration")) || 0;
|
12532
|
+
this.ANIMATION_DURATION = parseInt(getCssProperty("--ic-transition-duration-slow")) || 0;
|
12507
12533
|
this.emitSideNavigationExpanded = (objDetails) => {
|
12508
12534
|
const event = new CustomEvent("sideNavExpanded", {
|
12509
12535
|
detail: {
|
@@ -12702,10 +12728,10 @@ class SideNavigation {
|
|
12702
12728
|
* @param value - padding-top css value
|
12703
12729
|
*/
|
12704
12730
|
this.setParentPaddingTop = (value) => {
|
12705
|
-
this.el.parentElement.style.
|
12731
|
+
this.el.parentElement.style.setProperty("padding-top", value);
|
12706
12732
|
};
|
12707
12733
|
this.setParentPaddingLeft = (value) => {
|
12708
|
-
this.el.parentElement.style.
|
12734
|
+
this.el.parentElement.style.setProperty("padding-left", value);
|
12709
12735
|
};
|
12710
12736
|
this.resizeObserver = null;
|
12711
12737
|
this.resizeObserverCallback = (currSize) => {
|
@@ -12716,6 +12742,9 @@ class SideNavigation {
|
|
12716
12742
|
const topBarHeight = this.el.shadowRoot.querySelector(".top-bar").scrollHeight;
|
12717
12743
|
this.setParentPaddingTop(`${topBarHeight}px`);
|
12718
12744
|
this.setParentPaddingLeft("0");
|
12745
|
+
if (this.inline) {
|
12746
|
+
this.el.parentElement.style.setProperty("height", `calc(100% - ${topBarHeight}px)`);
|
12747
|
+
}
|
12719
12748
|
}
|
12720
12749
|
this.emitSideNavigationExpanded({
|
12721
12750
|
sideNavExpanded: this.menuExpanded,
|
@@ -12725,6 +12754,7 @@ class SideNavigation {
|
|
12725
12754
|
else {
|
12726
12755
|
if (!this.disableAutoParentStyling) {
|
12727
12756
|
this.setParentPaddingTop("0");
|
12757
|
+
this.el.parentElement.style.setProperty("height", "100%");
|
12728
12758
|
}
|
12729
12759
|
this.emitSideNavigationExpanded({
|
12730
12760
|
sideNavExpanded: this.menuExpanded,
|
@@ -12881,13 +12911,13 @@ class SideNavigation {
|
|
12881
12911
|
"deviceSizeAppTitle": [32],
|
12882
12912
|
"hasSecondaryNavigation": [32]
|
12883
12913
|
},
|
12884
|
-
"$listeners$": [[4, "
|
12914
|
+
"$listeners$": [[4, "themeChange", "themeChangeHandler"]],
|
12885
12915
|
"$lazyBundleId$": "-",
|
12886
12916
|
"$attrsToReflect$": []
|
12887
12917
|
}; }
|
12888
12918
|
}
|
12889
12919
|
|
12890
|
-
const icSkeletonCss = "/*!@html*/html.sc-ic-skeleton{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-skeleton{margin:0}/*!@main*/main.sc-ic-skeleton{display:block}/*!@h1*/h1.sc-ic-skeleton{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-skeleton{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-skeleton{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-skeleton{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-skeleton{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-skeleton,strong.sc-ic-skeleton{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-skeleton,kbd.sc-ic-skeleton,samp.sc-ic-skeleton{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-skeleton{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-skeleton,sup.sc-ic-skeleton{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-skeleton{bottom:-0.25em}/*!@sup*/sup.sc-ic-skeleton{top:-0.5em}/*!@img*/img.sc-ic-skeleton{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-skeleton,input.sc-ic-skeleton,optgroup.sc-ic-skeleton,select.sc-ic-skeleton,textarea.sc-ic-skeleton{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-skeleton,input.sc-ic-skeleton{overflow:visible}/*!@button,\nselect*/button.sc-ic-skeleton,select.sc-ic-skeleton{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-skeleton,[type=\"button\"].sc-ic-skeleton,[type=\"reset\"].sc-ic-skeleton,[type=\"submit\"].sc-ic-skeleton{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-skeleton::-moz-focus-inner,[type=\"button\"].sc-ic-skeleton::-moz-focus-inner,[type=\"reset\"].sc-ic-skeleton::-moz-focus-inner,[type=\"submit\"].sc-ic-skeleton::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-skeleton:-moz-focusring,[type=\"button\"].sc-ic-skeleton:-moz-focusring,[type=\"reset\"].sc-ic-skeleton:-moz-focusring,[type=\"submit\"].sc-ic-skeleton:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-skeleton{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-skeleton{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-skeleton{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-skeleton{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-skeleton,[type=\"radio\"].sc-ic-skeleton{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-skeleton::-webkit-inner-spin-button,[type=\"number\"].sc-ic-skeleton::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-skeleton{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-skeleton::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-skeleton::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-skeleton{display:block}/*!@summary*/summary.sc-ic-skeleton{display:list-item}/*!@template*/template.sc-ic-skeleton{display:none}/*!@[hidden]*/[hidden].sc-ic-skeleton{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-skeleton,body.sc-ic-skeleton,div.sc-ic-skeleton,span.sc-ic-skeleton,applet.sc-ic-skeleton,object.sc-ic-skeleton,iframe.sc-ic-skeleton,h1.sc-ic-skeleton,h2.sc-ic-skeleton,h3.sc-ic-skeleton,h4.sc-ic-skeleton,h5.sc-ic-skeleton,h6.sc-ic-skeleton,p.sc-ic-skeleton,blockquote.sc-ic-skeleton,pre.sc-ic-skeleton,a.sc-ic-skeleton,abbr.sc-ic-skeleton,acronym.sc-ic-skeleton,address.sc-ic-skeleton,big.sc-ic-skeleton,cite.sc-ic-skeleton,code.sc-ic-skeleton,del.sc-ic-skeleton,dfn.sc-ic-skeleton,em.sc-ic-skeleton,img.sc-ic-skeleton,ins.sc-ic-skeleton,kbd.sc-ic-skeleton,q.sc-ic-skeleton,s.sc-ic-skeleton,samp.sc-ic-skeleton,small.sc-ic-skeleton,strike.sc-ic-skeleton,strong.sc-ic-skeleton,sub.sc-ic-skeleton,sup.sc-ic-skeleton,tt.sc-ic-skeleton,var.sc-ic-skeleton,b.sc-ic-skeleton,u.sc-ic-skeleton,i.sc-ic-skeleton,center.sc-ic-skeleton,dl.sc-ic-skeleton,dt.sc-ic-skeleton,dd.sc-ic-skeleton,ol.sc-ic-skeleton,ul.sc-ic-skeleton,li.sc-ic-skeleton,fieldset.sc-ic-skeleton,form.sc-ic-skeleton,label.sc-ic-skeleton,legend.sc-ic-skeleton,table.sc-ic-skeleton,caption.sc-ic-skeleton,tbody.sc-ic-skeleton,tfoot.sc-ic-skeleton,thead.sc-ic-skeleton,tr.sc-ic-skeleton,th.sc-ic-skeleton,td.sc-ic-skeleton,article.sc-ic-skeleton,aside.sc-ic-skeleton,canvas.sc-ic-skeleton,details.sc-ic-skeleton,embed.sc-ic-skeleton,figure.sc-ic-skeleton,figcaption.sc-ic-skeleton,footer.sc-ic-skeleton,header.sc-ic-skeleton,hgroup.sc-ic-skeleton,menu.sc-ic-skeleton,nav.sc-ic-skeleton,output.sc-ic-skeleton,ruby.sc-ic-skeleton,section.sc-ic-skeleton,summary.sc-ic-skeleton,time.sc-ic-skeleton,mark.sc-ic-skeleton,audio.sc-ic-skeleton,video.sc-ic-skeleton{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@keyframes loading{0%{background-color:var(--ic-architectural-100)}50%{background-color:var(--ic-architectural-200)}100%{background-color:var(--ic-architectural-100)}}@keyframes loading-light{0%{background-color:var(--ic-architectural-600)}50%{background-color:var(--ic-architectural-400)}100%{background-color:var(--ic-architectural-600)}}/*!@:host*/.sc-ic-skeleton-h{display:inline-block}/*!@:host(.skeleton)*/.skeleton.sc-ic-skeleton-h{background-color:var(--ic-architectural-100);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}/*!@:host(.skeleton) > **/.skeleton.sc-ic-skeleton-h>*.sc-ic-skeleton{opacity:0;visibility:hidden}/*!@:host(.circle)*/.circle.sc-ic-skeleton-h{border-radius:50%}/*!@:host(.light)*/.light.sc-ic-skeleton-h{background-color:var(--ic-architectural-600);animation:loading-light 1200ms infinite}@media (forced-colors: active){/*!@:host(.skeleton)*/.skeleton.sc-ic-skeleton-h{-ms-high-contrast-adjust:none;forced-color-adjust:none;background:
|
12920
|
+
const icSkeletonCss = "/*!@html*/html.sc-ic-skeleton{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-skeleton{margin:0}/*!@main*/main.sc-ic-skeleton{display:block}/*!@h1*/h1.sc-ic-skeleton{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-skeleton{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-skeleton{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-skeleton{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-skeleton{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-skeleton,strong.sc-ic-skeleton{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-skeleton,kbd.sc-ic-skeleton,samp.sc-ic-skeleton{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-skeleton{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-skeleton,sup.sc-ic-skeleton{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-skeleton{bottom:-0.25em}/*!@sup*/sup.sc-ic-skeleton{top:-0.5em}/*!@img*/img.sc-ic-skeleton{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-skeleton,input.sc-ic-skeleton,optgroup.sc-ic-skeleton,select.sc-ic-skeleton,textarea.sc-ic-skeleton{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-skeleton,input.sc-ic-skeleton{overflow:visible}/*!@button,\nselect*/button.sc-ic-skeleton,select.sc-ic-skeleton{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-skeleton,[type=\"button\"].sc-ic-skeleton,[type=\"reset\"].sc-ic-skeleton,[type=\"submit\"].sc-ic-skeleton{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-skeleton::-moz-focus-inner,[type=\"button\"].sc-ic-skeleton::-moz-focus-inner,[type=\"reset\"].sc-ic-skeleton::-moz-focus-inner,[type=\"submit\"].sc-ic-skeleton::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-skeleton:-moz-focusring,[type=\"button\"].sc-ic-skeleton:-moz-focusring,[type=\"reset\"].sc-ic-skeleton:-moz-focusring,[type=\"submit\"].sc-ic-skeleton:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-skeleton{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-skeleton{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-skeleton{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-skeleton{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-skeleton,[type=\"radio\"].sc-ic-skeleton{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-skeleton::-webkit-inner-spin-button,[type=\"number\"].sc-ic-skeleton::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-skeleton{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-skeleton::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-skeleton::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-skeleton{display:block}/*!@summary*/summary.sc-ic-skeleton{display:list-item}/*!@template*/template.sc-ic-skeleton{display:none}/*!@[hidden]*/[hidden].sc-ic-skeleton{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-skeleton,body.sc-ic-skeleton,div.sc-ic-skeleton,span.sc-ic-skeleton,applet.sc-ic-skeleton,object.sc-ic-skeleton,iframe.sc-ic-skeleton,h1.sc-ic-skeleton,h2.sc-ic-skeleton,h3.sc-ic-skeleton,h4.sc-ic-skeleton,h5.sc-ic-skeleton,h6.sc-ic-skeleton,p.sc-ic-skeleton,blockquote.sc-ic-skeleton,pre.sc-ic-skeleton,a.sc-ic-skeleton,abbr.sc-ic-skeleton,acronym.sc-ic-skeleton,address.sc-ic-skeleton,big.sc-ic-skeleton,cite.sc-ic-skeleton,code.sc-ic-skeleton,del.sc-ic-skeleton,dfn.sc-ic-skeleton,em.sc-ic-skeleton,img.sc-ic-skeleton,ins.sc-ic-skeleton,kbd.sc-ic-skeleton,q.sc-ic-skeleton,s.sc-ic-skeleton,samp.sc-ic-skeleton,small.sc-ic-skeleton,strike.sc-ic-skeleton,strong.sc-ic-skeleton,sub.sc-ic-skeleton,sup.sc-ic-skeleton,tt.sc-ic-skeleton,var.sc-ic-skeleton,b.sc-ic-skeleton,u.sc-ic-skeleton,i.sc-ic-skeleton,center.sc-ic-skeleton,dl.sc-ic-skeleton,dt.sc-ic-skeleton,dd.sc-ic-skeleton,ol.sc-ic-skeleton,ul.sc-ic-skeleton,li.sc-ic-skeleton,fieldset.sc-ic-skeleton,form.sc-ic-skeleton,label.sc-ic-skeleton,legend.sc-ic-skeleton,table.sc-ic-skeleton,caption.sc-ic-skeleton,tbody.sc-ic-skeleton,tfoot.sc-ic-skeleton,thead.sc-ic-skeleton,tr.sc-ic-skeleton,th.sc-ic-skeleton,td.sc-ic-skeleton,article.sc-ic-skeleton,aside.sc-ic-skeleton,canvas.sc-ic-skeleton,details.sc-ic-skeleton,embed.sc-ic-skeleton,figure.sc-ic-skeleton,figcaption.sc-ic-skeleton,footer.sc-ic-skeleton,header.sc-ic-skeleton,hgroup.sc-ic-skeleton,menu.sc-ic-skeleton,nav.sc-ic-skeleton,output.sc-ic-skeleton,ruby.sc-ic-skeleton,section.sc-ic-skeleton,summary.sc-ic-skeleton,time.sc-ic-skeleton,mark.sc-ic-skeleton,audio.sc-ic-skeleton,video.sc-ic-skeleton{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@keyframes loading{0%{background-color:var(--ic-architectural-100)}50%{background-color:var(--ic-architectural-200)}100%{background-color:var(--ic-architectural-100)}}@keyframes loading-light{0%{background-color:var(--ic-architectural-600)}50%{background-color:var(--ic-architectural-400)}100%{background-color:var(--ic-architectural-600)}}/*!@:host*/.sc-ic-skeleton-h{display:inline-block}/*!@:host(.skeleton)*/.skeleton.sc-ic-skeleton-h{background-color:var(--ic-architectural-100);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}/*!@:host(.skeleton) > **/.skeleton.sc-ic-skeleton-h>*.sc-ic-skeleton{opacity:0;visibility:hidden}/*!@:host(.circle)*/.circle.sc-ic-skeleton-h{border-radius:50%}/*!@:host(.light)*/.light.sc-ic-skeleton-h{background-color:var(--ic-architectural-600);animation:loading-light 1200ms infinite}@media (forced-colors: active){/*!@:host(.skeleton)*/.skeleton.sc-ic-skeleton-h{-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}";
|
12891
12921
|
|
12892
12922
|
class Skeleton {
|
12893
12923
|
constructor(hostRef) {
|
@@ -12989,55 +13019,150 @@ class StatusTag {
|
|
12989
13019
|
}; }
|
12990
13020
|
}
|
12991
13021
|
|
12992
|
-
|
13022
|
+
var warningIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
13023
|
+
<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"/>
|
13024
|
+
</svg>`;
|
13025
|
+
|
13026
|
+
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:-10000px;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:228px}/*!@.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:16px;height:16px}/*!@: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:40px}/*!@: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 2px}/*!@.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: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:100px;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:2px 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 2px;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}}";
|
12993
13027
|
|
12994
13028
|
class Step {
|
12995
13029
|
constructor(hostRef) {
|
12996
13030
|
registerInstance(this, hostRef);
|
12997
|
-
this.
|
13031
|
+
this.variant = undefined;
|
12998
13032
|
this.stepTitle = undefined;
|
12999
13033
|
this.stepSubtitle = undefined;
|
13034
|
+
this.stepStatus = undefined;
|
13035
|
+
this.stepType = "active";
|
13036
|
+
this.current = false;
|
13037
|
+
this.compactStepStyling = undefined;
|
13000
13038
|
this.stepNum = undefined;
|
13001
13039
|
this.lastStep = undefined;
|
13040
|
+
this.lastStepNum = undefined;
|
13041
|
+
this.nextStepTitle = undefined;
|
13042
|
+
this.progress = undefined;
|
13002
13043
|
}
|
13003
|
-
|
13004
|
-
|
13005
|
-
|
13006
|
-
icon = (hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", { class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
|
13044
|
+
stepTypeChangeHandler() {
|
13045
|
+
if (this.variant === "compact" && this.stepType === "current") {
|
13046
|
+
this.current = true;
|
13007
13047
|
}
|
13008
13048
|
else {
|
13009
|
-
|
13049
|
+
this.current = false;
|
13010
13050
|
}
|
13051
|
+
}
|
13052
|
+
render() {
|
13053
|
+
// ARIA LABEL
|
13011
13054
|
let ariaLabel = "";
|
13012
13055
|
if (this.stepType === "completed") {
|
13013
13056
|
ariaLabel = ". Completed step";
|
13014
13057
|
}
|
13015
13058
|
else if (this.stepType === "disabled") {
|
13016
|
-
ariaLabel = ".
|
13059
|
+
ariaLabel = ". Non-required step";
|
13060
|
+
}
|
13061
|
+
else if (this.stepStatus === "required") {
|
13062
|
+
ariaLabel = ". Required step";
|
13063
|
+
}
|
13064
|
+
else if (this.stepStatus === "optional") {
|
13065
|
+
ariaLabel = ". Optional step";
|
13066
|
+
}
|
13067
|
+
// STEP STATUS
|
13068
|
+
let stepStatus;
|
13069
|
+
if (this.stepStatus) {
|
13070
|
+
stepStatus = this.stepStatus[0].toUpperCase() + this.stepStatus.slice(1);
|
13071
|
+
}
|
13072
|
+
// STEP TYPE
|
13073
|
+
let stepType;
|
13074
|
+
if (this.stepType === "disabled" ||
|
13075
|
+
this.compactStepStyling === "disabled") {
|
13076
|
+
stepType = "Not required";
|
13077
|
+
}
|
13078
|
+
else if (this.compactStepStyling === "completed") {
|
13079
|
+
stepType = "Completed";
|
13017
13080
|
}
|
13081
|
+
// STATUS ICON FOR COMPACT STEP
|
13082
|
+
let statusIcon;
|
13083
|
+
if (this.stepType === "completed" ||
|
13084
|
+
this.compactStepStyling === "completed") {
|
13085
|
+
statusIcon = (hAsync("span", { class: "check-icon step-icon", "aria-hidden": "true", innerHTML: checkIcon }));
|
13086
|
+
}
|
13087
|
+
else if (this.stepType === "disabled" ||
|
13088
|
+
this.compactStepStyling === "disabled") {
|
13089
|
+
statusIcon = (hAsync("span", { class: "warning-icon step-icon", "aria-hidden": "true", innerHTML: warningIcon }));
|
13090
|
+
}
|
13091
|
+
// COMPACT STEP COMPONENT
|
13092
|
+
const compactStep = (hAsync("div", { class: {
|
13093
|
+
["step"]: true,
|
13094
|
+
["current"]: this.current,
|
13095
|
+
[`compact-step-${this.compactStepStyling}`]: !!this.compactStepStyling,
|
13096
|
+
} }, hAsync("ic-loading-indicator", { class: {
|
13097
|
+
"compact-step-progress-indicator": true,
|
13098
|
+
"not-required": this.stepType === "disabled" ||
|
13099
|
+
this.compactStepStyling === "disabled",
|
13100
|
+
}, "aria-hidden": "true", size: "small", "inner-label": this.stepNum, progress: this.progress }), hAsync("div", { class: "step-title-area" }, hAsync("ic-typography", { variant: "h4", class: "step-title" }, this.stepTitle), hAsync("div", { class: "info-line" }, hAsync("ic-typography", { variant: "caption", class: "step-num" }, `${this.stepNum} of ${this.lastStepNum}`, hAsync("span", { class: "visually-hidden" }, " steps")), (this.stepSubtitle ||
|
13101
|
+
this.stepType === "completed" ||
|
13102
|
+
this.stepType === "disabled" ||
|
13103
|
+
(this.variant === "compact" &&
|
13104
|
+
!!this.compactStepStyling &&
|
13105
|
+
this.compactStepStyling !== "active") ||
|
13106
|
+
!!this.stepStatus) && (hAsync("div", { class: "step-status" }, statusIcon && statusIcon, (this.stepSubtitle || stepType) && (hAsync("ic-typography", { variant: "caption" }, this.stepSubtitle !== null &&
|
13107
|
+
this.stepSubtitle !== undefined
|
13108
|
+
? this.stepSubtitle
|
13109
|
+
: this.stepType === "disabled" ||
|
13110
|
+
(this.variant === "compact" &&
|
13111
|
+
this.compactStepStyling === "disabled") ||
|
13112
|
+
this.stepType === "completed" ||
|
13113
|
+
(this.variant === "compact" &&
|
13114
|
+
this.compactStepStyling === "completed")
|
13115
|
+
? stepType
|
13116
|
+
: this.stepStatus && stepStatus))))), this.lastStep ? (hAsync("ic-typography", { variant: "subtitle-small", class: "next-step" }, "Last step")) : (this.nextStepTitle !== undefined && (hAsync("ic-typography", { variant: "subtitle-small", class: "next-step" }, "Next", hAsync("span", { class: "visually-hidden" }, " step is"), ":", " ", this.nextStepTitle))))));
|
13117
|
+
// ICON FOR DEFAULT STEP
|
13118
|
+
let icon;
|
13119
|
+
if (this.stepType !== "completed") {
|
13120
|
+
icon = (hAsync("ic-typography", { variant: "subtitle-small" }, hAsync("span", { class: "step-icon-inner", "aria-hidden": "true" }, this.stepNum)));
|
13121
|
+
}
|
13122
|
+
else {
|
13123
|
+
icon = (hAsync("div", { class: "step-icon-inner", "aria-hidden": "true" }, hAsync("span", { class: "check-icon", innerHTML: checkIcon })));
|
13124
|
+
}
|
13125
|
+
// STEP CONNECT FOR DEFAULT STEP
|
13018
13126
|
const partialBar = this.stepType === "current" && (hAsync("div", { class: "step-connect-inner" }));
|
13019
13127
|
const finalStep = !this.lastStep && (hAsync("div", { class: {
|
13020
13128
|
["step-connect"]: true,
|
13021
|
-
["aligned-full-width"]: this.el.parentElement.classList.contains("
|
13129
|
+
["aligned-full-width"]: this.el.parentElement.classList.contains("default") &&
|
13130
|
+
!this.el.parentElement.classList.contains("aligned-left"),
|
13022
13131
|
} }, partialBar));
|
13023
|
-
|
13024
|
-
|
13025
|
-
} }, hAsync("div", { class: {
|
13132
|
+
// DEFAULT STEP COMPONENT
|
13133
|
+
const defaultStep = (hAsync("div", { class: {
|
13026
13134
|
["step"]: true,
|
13027
13135
|
[`${this.stepType}`]: true,
|
13028
|
-
} }, hAsync("div", { class: "step-top" }, hAsync("div", { class: "step-icon" }, icon), finalStep), (this.stepTitle || this.stepSubtitle) && (hAsync("div", { class: "step-title-area" }, this.stepTitle && (hAsync("ic-typography", { variant: "subtitle-large", class: "step-title" }, this.stepTitle)), this.stepSubtitle && (hAsync("ic-typography", { variant: "caption", class: "step-subtitle" }, this.stepSubtitle
|
13136
|
+
} }, hAsync("div", { class: "step-top" }, hAsync("div", { class: "step-icon" }, icon), finalStep), (this.stepTitle || this.stepSubtitle || this.stepStatus) && (hAsync("div", { class: "step-title-area" }, this.stepTitle && (hAsync("ic-typography", { variant: "subtitle-large", class: "step-title" }, this.stepTitle)), this.stepTitle && (this.stepSubtitle || this.stepStatus) && (hAsync("ic-typography", { variant: "caption", class: "step-subtitle" }, this.stepSubtitle !== null && this.stepSubtitle !== undefined
|
13137
|
+
? this.stepSubtitle
|
13138
|
+
: stepStatus))))));
|
13139
|
+
return (hAsync(Host, { role: "listitem", "aria-label": `Step ${this.stepNum}${ariaLabel}`, "aria-current": (this.current || this.stepType === "current") && "step", class: {
|
13140
|
+
["aligned-full-width"]: this.el.parentElement.classList.contains("default") &&
|
13141
|
+
!this.el.parentElement.classList.contains("aligned-left"),
|
13142
|
+
[`${this.variant}`]: true,
|
13143
|
+
} }, this.variant === "compact" ? compactStep : defaultStep));
|
13029
13144
|
}
|
13030
13145
|
get el() { return getElement(this); }
|
13146
|
+
static get watchers() { return {
|
13147
|
+
"stepType": ["stepTypeChangeHandler"]
|
13148
|
+
}; }
|
13031
13149
|
static get style() { return icStepCss; }
|
13032
13150
|
static get cmpMeta() { return {
|
13033
13151
|
"$flags$": 9,
|
13034
13152
|
"$tagName$": "ic-step",
|
13035
13153
|
"$members$": {
|
13036
|
-
"
|
13154
|
+
"variant": [1],
|
13037
13155
|
"stepTitle": [1, "step-title"],
|
13038
13156
|
"stepSubtitle": [1, "step-subtitle"],
|
13157
|
+
"stepStatus": [1, "step-status"],
|
13158
|
+
"stepType": [1, "step-type"],
|
13159
|
+
"current": [1028],
|
13160
|
+
"compactStepStyling": [1, "compact-step-styling"],
|
13039
13161
|
"stepNum": [2, "step-num"],
|
13040
|
-
"lastStep": [4, "last-step"]
|
13162
|
+
"lastStep": [4, "last-step"],
|
13163
|
+
"lastStepNum": [2, "last-step-num"],
|
13164
|
+
"nextStepTitle": [1, "next-step-title"],
|
13165
|
+
"progress": [2]
|
13041
13166
|
},
|
13042
13167
|
"$listeners$": undefined,
|
13043
13168
|
"$lazyBundleId$": "-",
|
@@ -13045,7 +13170,234 @@ class Step {
|
|
13045
13170
|
}; }
|
13046
13171
|
}
|
13047
13172
|
|
13048
|
-
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:10px}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:64px;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border: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:21.33px;height:21.33px;border-radius:50%;position:absolute;z-index:2;top:50%;left:5.33px;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:10px;height:10px}/*!@.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 12px 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 12px 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 12px 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 12px 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 1px var(--ic-architectural-white),\n 0 0 0 3px var(--ic-action-default),\n 0 0 0 8px 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: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: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:6px}/*!@.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) - 2px), -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}}";
|
13173
|
+
const icStepperCss = "/*!@:host*/.sc-ic-stepper-h{display:flex;width:100%}/*!@.step-item-list*/.step-item-list.sc-ic-stepper{display:flex;margin:0;padding:0}/*!@:host(.default:not(.aligned-left)) .step-item-list*/.default.sc-ic-stepper-h:not(.aligned-left) .step-item-list.sc-ic-stepper{flex:auto}/*!@:host(.compact) ul ::slotted(ic-step)*/.sc-ic-stepper-h.compact ul .sc-ic-stepper-s>ic-step{display:none}/*!@:host(.compact) ul ::slotted(ic-step.show)*/.sc-ic-stepper-h.compact ul .sc-ic-stepper-s>ic-step.show{display:flex}/*!@:host(.compact) ul ::slotted(ic-step.hide)*/.sc-ic-stepper-h.compact ul .sc-ic-stepper-s>ic-step.hide{display:none;opacity:0;visibility:hidden}";
|
13174
|
+
|
13175
|
+
class Stepper {
|
13176
|
+
constructor(hostRef) {
|
13177
|
+
registerInstance(this, hostRef);
|
13178
|
+
this.resizeObserver = null;
|
13179
|
+
// Get all steps currently within this stepper
|
13180
|
+
this.getChildren = () => {
|
13181
|
+
this.steps = Array.from(this.el.querySelectorAll("ic-step"));
|
13182
|
+
this.stepsWithStepTitles = Array.from(this.el.querySelectorAll("ic-step[step-title]"));
|
13183
|
+
};
|
13184
|
+
// Inform the user that stepTitles are required on all steps in a compact stepper
|
13185
|
+
this.checkStepTitles = () => {
|
13186
|
+
if (this.stepsWithStepTitles.length < this.steps.length &&
|
13187
|
+
this.variantOverride &&
|
13188
|
+
this.variant === "compact") {
|
13189
|
+
this.noOfResizes = this.noOfResizes + 1;
|
13190
|
+
if (this.noOfResizes === 1) {
|
13191
|
+
console.error(`The prop 'step-title' (web components) / 'stepTitle' (react) is required for all steps of the Stepper component (compact variant)`);
|
13192
|
+
}
|
13193
|
+
}
|
13194
|
+
};
|
13195
|
+
this.setStepTypes = () => {
|
13196
|
+
this.getChildren();
|
13197
|
+
this.stepTypes = [];
|
13198
|
+
for (let i = 0; i < this.steps.length; i++) {
|
13199
|
+
this.stepTypes.push("active");
|
13200
|
+
}
|
13201
|
+
};
|
13202
|
+
this.setStepperWidth = () => {
|
13203
|
+
this.alignedFullWidth =
|
13204
|
+
this.variant === "default" && this.aligned === "full-width";
|
13205
|
+
const lastStep = this.steps[this.steps.length - 1];
|
13206
|
+
lastStep.style.maxWidth = "none";
|
13207
|
+
if (this.alignedFullWidth) {
|
13208
|
+
this.stepperWidth = this.el.offsetWidth;
|
13209
|
+
lastStep.style.maxWidth = `${this.stepperWidth / this.steps.length}px`;
|
13210
|
+
this.lastStepWidth = lastStep.offsetWidth;
|
13211
|
+
}
|
13212
|
+
};
|
13213
|
+
this.initialiseStepStates = () => {
|
13214
|
+
this.steps.forEach((step, index) => {
|
13215
|
+
// Set variant
|
13216
|
+
step.variant = this.variant;
|
13217
|
+
// Assign stepNum to each step
|
13218
|
+
step.stepNum = index + 1;
|
13219
|
+
// Assign lastStep to final step
|
13220
|
+
step.lastStep = index === this.steps.length - 1;
|
13221
|
+
step.lastStepNum = this.steps.length;
|
13222
|
+
if (step.stepType !== "current") {
|
13223
|
+
step.current = false;
|
13224
|
+
this.stepTypes[index] = step.stepType;
|
13225
|
+
}
|
13226
|
+
else {
|
13227
|
+
step.current = true;
|
13228
|
+
}
|
13229
|
+
const stepTitleArea = step.shadowRoot &&
|
13230
|
+
step.shadowRoot.querySelector(".step > .step-title-area");
|
13231
|
+
if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {
|
13232
|
+
if (this.variant === "compact") {
|
13233
|
+
this.autoSetStepTitles = true;
|
13234
|
+
if (this.autoSetStepTitles) {
|
13235
|
+
step.stepTitle = "Step " + step.stepNum;
|
13236
|
+
stepTitleArea &&
|
13237
|
+
stepTitleArea
|
13238
|
+
.querySelector(".step-title")
|
13239
|
+
.setAttribute("aria-hidden", "true");
|
13240
|
+
}
|
13241
|
+
}
|
13242
|
+
if (this.variant === "default") {
|
13243
|
+
this.autoSetStepTitles = false;
|
13244
|
+
if (!this.autoSetStepTitles) {
|
13245
|
+
step.stepTitle = undefined;
|
13246
|
+
stepTitleArea &&
|
13247
|
+
stepTitleArea
|
13248
|
+
.querySelector(".step-title")
|
13249
|
+
.removeAttribute("aria-hidden");
|
13250
|
+
}
|
13251
|
+
}
|
13252
|
+
}
|
13253
|
+
if (this.variant === "compact") {
|
13254
|
+
if (step.current === true || step.stepType === "current") {
|
13255
|
+
step.classList.remove("hide");
|
13256
|
+
step.classList.add("show");
|
13257
|
+
}
|
13258
|
+
else if (step.classList.contains("show")) {
|
13259
|
+
step.classList.remove("show");
|
13260
|
+
step.classList.add("hide");
|
13261
|
+
}
|
13262
|
+
if (!step.lastStep) {
|
13263
|
+
step.nextStepTitle = this.steps[index + 1].stepTitle;
|
13264
|
+
step.progress = (step.stepNum / this.steps.length) * 100;
|
13265
|
+
}
|
13266
|
+
else if (step.lastStep && this.stepTypes[index] !== "completed") {
|
13267
|
+
step.progress = 95;
|
13268
|
+
}
|
13269
|
+
else {
|
13270
|
+
step.progress = 100;
|
13271
|
+
}
|
13272
|
+
if (this.hideStepInfo && stepTitleArea !== null) {
|
13273
|
+
stepTitleArea.classList.remove("visually-hidden");
|
13274
|
+
}
|
13275
|
+
step.compactStepStyling = this.stepTypes[index];
|
13276
|
+
}
|
13277
|
+
if (this.variant === "default") {
|
13278
|
+
if (!step.lastStep) {
|
13279
|
+
if (this.alignedFullWidth) {
|
13280
|
+
step.style.width = `${(this.stepperWidth - this.lastStepWidth) / (this.steps.length - 1)}px`;
|
13281
|
+
step.style.minWidth = "148px";
|
13282
|
+
}
|
13283
|
+
}
|
13284
|
+
else if (step.lastStep) {
|
13285
|
+
step.classList.add("last-step");
|
13286
|
+
if (this.alignedFullWidth) {
|
13287
|
+
step.style.maxWidth = `${this.lastStepWidth}px`;
|
13288
|
+
}
|
13289
|
+
else {
|
13290
|
+
step.style.maxWidth =
|
13291
|
+
this.connectorWidth > 100
|
13292
|
+
? `${this.connectorWidth + 48}px`
|
13293
|
+
: "148px";
|
13294
|
+
}
|
13295
|
+
}
|
13296
|
+
if (this.aligned === "left") {
|
13297
|
+
step.style.width =
|
13298
|
+
this.connectorWidth > 100
|
13299
|
+
? `${this.connectorWidth + 48}px`
|
13300
|
+
: "148px";
|
13301
|
+
const stepConnect = step.shadowRoot.querySelector(".step > .step-top > .step-connect");
|
13302
|
+
if (stepConnect) {
|
13303
|
+
stepConnect.style.width =
|
13304
|
+
this.connectorWidth > 100 ? `${this.connectorWidth}px` : "100px";
|
13305
|
+
}
|
13306
|
+
}
|
13307
|
+
if (this.hideStepInfo && stepTitleArea !== null) {
|
13308
|
+
stepTitleArea.classList.add("visually-hidden");
|
13309
|
+
}
|
13310
|
+
}
|
13311
|
+
});
|
13312
|
+
};
|
13313
|
+
this.overrideVariant = () => {
|
13314
|
+
let minDefaultStepperWidth = 148 * this.steps.length;
|
13315
|
+
if (this.aligned === "left" && this.connectorWidth > 100) {
|
13316
|
+
minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;
|
13317
|
+
}
|
13318
|
+
if (this.variantOverride) {
|
13319
|
+
if (this.el.clientWidth < minDefaultStepperWidth) {
|
13320
|
+
this.variant = "compact";
|
13321
|
+
this.getChildren();
|
13322
|
+
}
|
13323
|
+
else {
|
13324
|
+
this.variant = "default";
|
13325
|
+
this.getChildren();
|
13326
|
+
}
|
13327
|
+
}
|
13328
|
+
};
|
13329
|
+
this.resizeObserverCallback = () => {
|
13330
|
+
this.getChildren();
|
13331
|
+
this.checkStepTitles();
|
13332
|
+
this.overrideVariant();
|
13333
|
+
this.setStepperWidth();
|
13334
|
+
this.initialiseStepStates();
|
13335
|
+
};
|
13336
|
+
this.runResizeObserver = () => {
|
13337
|
+
this.resizeObserver = new ResizeObserver(() => {
|
13338
|
+
this.resizeObserverCallback();
|
13339
|
+
});
|
13340
|
+
this.resizeObserver.observe(this.el);
|
13341
|
+
};
|
13342
|
+
this.aligned = "full-width";
|
13343
|
+
this.variant = "default";
|
13344
|
+
this.connectorWidth = 100;
|
13345
|
+
this.hideStepInfo = false;
|
13346
|
+
this.stepperWidth = document
|
13347
|
+
.querySelector("ic-stepper")
|
13348
|
+
.getBoundingClientRect().width;
|
13349
|
+
this.lastStepWidth = 0;
|
13350
|
+
this.stepTypes = [];
|
13351
|
+
this.alignedFullWidth = true;
|
13352
|
+
this.autoSetStepTitles = true;
|
13353
|
+
this.variantOverride = this.variant !== "compact";
|
13354
|
+
this.noOfResizes = 0;
|
13355
|
+
}
|
13356
|
+
componentWillLoad() {
|
13357
|
+
this.setStepTypes();
|
13358
|
+
if (this.variant === "compact") {
|
13359
|
+
this.variantOverride = false;
|
13360
|
+
}
|
13361
|
+
}
|
13362
|
+
componentDidLoad() {
|
13363
|
+
checkResizeObserver(this.runResizeObserver);
|
13364
|
+
}
|
13365
|
+
disconnectedCallback() {
|
13366
|
+
if (this.resizeObserver !== null) {
|
13367
|
+
this.resizeObserver.disconnect();
|
13368
|
+
}
|
13369
|
+
}
|
13370
|
+
render() {
|
13371
|
+
return (hAsync(Host, { class: {
|
13372
|
+
[`${this.variant}`]: true,
|
13373
|
+
["aligned-left"]: this.variant === "default" && this.aligned === "left",
|
13374
|
+
} }, hAsync("ul", { class: "step-item-list" }, hAsync("slot", null))));
|
13375
|
+
}
|
13376
|
+
get el() { return getElement(this); }
|
13377
|
+
static get style() { return icStepperCss; }
|
13378
|
+
static get cmpMeta() { return {
|
13379
|
+
"$flags$": 9,
|
13380
|
+
"$tagName$": "ic-stepper",
|
13381
|
+
"$members$": {
|
13382
|
+
"aligned": [1],
|
13383
|
+
"variant": [1025],
|
13384
|
+
"connectorWidth": [2, "connector-width"],
|
13385
|
+
"hideStepInfo": [4, "hide-step-info"],
|
13386
|
+
"stepperWidth": [32],
|
13387
|
+
"lastStepWidth": [32],
|
13388
|
+
"stepTypes": [32],
|
13389
|
+
"alignedFullWidth": [32],
|
13390
|
+
"autoSetStepTitles": [32],
|
13391
|
+
"variantOverride": [32],
|
13392
|
+
"noOfResizes": [32]
|
13393
|
+
},
|
13394
|
+
"$listeners$": undefined,
|
13395
|
+
"$lazyBundleId$": "-",
|
13396
|
+
"$attrsToReflect$": []
|
13397
|
+
}; }
|
13398
|
+
}
|
13399
|
+
|
13400
|
+
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:10px}/*!@.ic-switch-toggle*/.ic-switch-toggle.sc-ic-switch{display:flex;align-items:center;justify-content:space-around;width:64px;height:var(--ic-space-xl);position:relative;border-radius:100vw;background-color:var(--ic-architectural-200);border: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:21.33px;height:21.33px;border-radius:50%;position:absolute;z-index:2;top:50%;left:5.33px;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:10px;height:10px}/*!@.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 12px 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 12px 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 12px 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 12px 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 1px var(--ic-architectural-white),\n 0 0 0 3px var(--ic-action-default),\n 0 0 0 8px 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: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: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:6px}/*!@.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) - 2px), -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}}";
|
13049
13401
|
|
13050
13402
|
let inputIds$1 = 0;
|
13051
13403
|
/**
|
@@ -13215,6 +13567,7 @@ class TabContext {
|
|
13215
13567
|
constructor(hostRef) {
|
13216
13568
|
registerInstance(this, hostRef);
|
13217
13569
|
this.tabSelect = createEvent(this, "tabSelect", 7);
|
13570
|
+
this.icTabSelect = createEvent(this, "icTabSelect", 7);
|
13218
13571
|
// Sets attributes to link tabs and tabpanels
|
13219
13572
|
this.linkTabs = () => {
|
13220
13573
|
this.tabs.forEach((tab, index) => {
|
@@ -13260,7 +13613,7 @@ class TabContext {
|
|
13260
13613
|
}
|
13261
13614
|
};
|
13262
13615
|
// Determines whether the selected tab is being controlled within the component
|
13263
|
-
// or by the user (via selectedTabIndex and
|
13616
|
+
// or by the user (via selectedTabIndex and onIcTabSelect)
|
13264
13617
|
this.setControlledMode = () => {
|
13265
13618
|
if (this.selectedTabIndex !== undefined) {
|
13266
13619
|
this.controlledMode = true;
|
@@ -13302,6 +13655,7 @@ class TabContext {
|
|
13302
13655
|
this.selectedTab = newIndex;
|
13303
13656
|
}
|
13304
13657
|
else {
|
13658
|
+
this.icTabSelect.emit({ tabIndex: newIndex });
|
13305
13659
|
this.tabSelect.emit({ tabIndex: newIndex });
|
13306
13660
|
}
|
13307
13661
|
};
|
@@ -13397,6 +13751,9 @@ class TabContext {
|
|
13397
13751
|
event.detail.contextId === this.contextId) {
|
13398
13752
|
this.selectedTab = event.detail.position;
|
13399
13753
|
}
|
13754
|
+
this.icTabSelect.emit({
|
13755
|
+
tabIndex: event.detail.position,
|
13756
|
+
});
|
13400
13757
|
this.tabSelect.emit({
|
13401
13758
|
tabIndex: event.detail.position,
|
13402
13759
|
});
|
@@ -13841,14 +14198,14 @@ class TextField {
|
|
13841
14198
|
"label": [1],
|
13842
14199
|
"required": [4],
|
13843
14200
|
"disabled": [4],
|
13844
|
-
"readonly": [
|
14201
|
+
"readonly": [516],
|
13845
14202
|
"placeholder": [1],
|
13846
14203
|
"fullWidth": [4, "full-width"],
|
13847
14204
|
"hideLabel": [4, "hide-label"],
|
13848
14205
|
"helperText": [1, "helper-text"],
|
13849
14206
|
"rows": [2],
|
13850
14207
|
"resize": [4],
|
13851
|
-
"small": [
|
14208
|
+
"small": [516],
|
13852
14209
|
"value": [1537],
|
13853
14210
|
"maxLength": [2, "max-length"],
|
13854
14211
|
"validationStatus": [1, "validation-status"],
|
@@ -13877,14 +14234,14 @@ class TextField {
|
|
13877
14234
|
},
|
13878
14235
|
"$listeners$": [[0, "keydown", "handleKeyDown"]],
|
13879
14236
|
"$lazyBundleId$": "-",
|
13880
|
-
"$attrsToReflect$": [["value", "value"]]
|
14237
|
+
"$attrsToReflect$": [["readonly", "readonly"], ["small", "small"], ["value", "value"]]
|
13881
14238
|
}; }
|
13882
14239
|
}
|
13883
14240
|
|
13884
14241
|
class Theme {
|
13885
14242
|
constructor(hostRef) {
|
13886
14243
|
registerInstance(this, hostRef);
|
13887
|
-
this.
|
14244
|
+
this.themeChange = createEvent(this, "themeChange", 7);
|
13888
14245
|
this.checkThemeColorContrast = () => {
|
13889
14246
|
if (getThemeColorBrightness() < BLACK_MIN_COLOR_BRIGHTNESS &&
|
13890
14247
|
getThemeColorBrightness() > WHITE_MAX_COLOR_BRIGHTNESS) {
|
@@ -13913,7 +14270,7 @@ class Theme {
|
|
13913
14270
|
root.style.setProperty("--ic-theme-primary-a", colorRGBA.a.toString());
|
13914
14271
|
this.checkThemeColorContrast();
|
13915
14272
|
const foregroundColor = getThemeForegroundColor();
|
13916
|
-
this.
|
14273
|
+
this.themeChange.emit({ mode: foregroundColor, color: colorRGBA });
|
13917
14274
|
}
|
13918
14275
|
};
|
13919
14276
|
this.color = null;
|
@@ -13942,13 +14299,15 @@ class Theme {
|
|
13942
14299
|
}; }
|
13943
14300
|
}
|
13944
14301
|
|
13945
|
-
const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 10px;border-radius:var(--ic-border-radius);position:absolute;max-width:320px;display:none;z-index:calc(var(--ic-z-index-overlay) / 2);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled-button) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled-button.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\"}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{bottom:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{right:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{left:-14px}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}/*!@:host([target=\"ic-button-with-tooltip-search-submit-button\"])\n .ic-tooltip-container,\n:host([target=\"ic-button-with-tooltip-clear-button\"]) .ic-tooltip-container*/[target=\"ic-button-with-tooltip-search-submit-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,[target=\"ic-button-with-tooltip-clear-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{z-index:calc(var(--ic-z-index-popup-menu) + 1)}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{border:var(--ic-hc-border)}}";
|
14302
|
+
const icTooltipCss = "/*!@html*/html.sc-ic-tooltip{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tooltip{margin:0}/*!@main*/main.sc-ic-tooltip{display:block}/*!@h1*/h1.sc-ic-tooltip{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tooltip{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tooltip{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tooltip{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tooltip,strong.sc-ic-tooltip{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tooltip,kbd.sc-ic-tooltip,samp.sc-ic-tooltip{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tooltip{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tooltip,sup.sc-ic-tooltip{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tooltip{bottom:-0.25em}/*!@sup*/sup.sc-ic-tooltip{top:-0.5em}/*!@img*/img.sc-ic-tooltip{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tooltip,input.sc-ic-tooltip,optgroup.sc-ic-tooltip,select.sc-ic-tooltip,textarea.sc-ic-tooltip{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tooltip,input.sc-ic-tooltip{overflow:visible}/*!@button,\nselect*/button.sc-ic-tooltip,select.sc-ic-tooltip{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tooltip,[type=\"button\"].sc-ic-tooltip,[type=\"reset\"].sc-ic-tooltip,[type=\"submit\"].sc-ic-tooltip{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tooltip::-moz-focus-inner,[type=\"button\"].sc-ic-tooltip::-moz-focus-inner,[type=\"reset\"].sc-ic-tooltip::-moz-focus-inner,[type=\"submit\"].sc-ic-tooltip::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tooltip:-moz-focusring,[type=\"button\"].sc-ic-tooltip:-moz-focusring,[type=\"reset\"].sc-ic-tooltip:-moz-focusring,[type=\"submit\"].sc-ic-tooltip:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tooltip{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tooltip{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tooltip{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tooltip{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tooltip,[type=\"radio\"].sc-ic-tooltip{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tooltip::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tooltip::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tooltip{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tooltip::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tooltip::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tooltip{display:block}/*!@summary*/summary.sc-ic-tooltip{display:list-item}/*!@template*/template.sc-ic-tooltip{display:none}/*!@[hidden]*/[hidden].sc-ic-tooltip{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tooltip,body.sc-ic-tooltip,div.sc-ic-tooltip,span.sc-ic-tooltip,applet.sc-ic-tooltip,object.sc-ic-tooltip,iframe.sc-ic-tooltip,h1.sc-ic-tooltip,h2.sc-ic-tooltip,h3.sc-ic-tooltip,h4.sc-ic-tooltip,h5.sc-ic-tooltip,h6.sc-ic-tooltip,p.sc-ic-tooltip,blockquote.sc-ic-tooltip,pre.sc-ic-tooltip,a.sc-ic-tooltip,abbr.sc-ic-tooltip,acronym.sc-ic-tooltip,address.sc-ic-tooltip,big.sc-ic-tooltip,cite.sc-ic-tooltip,code.sc-ic-tooltip,del.sc-ic-tooltip,dfn.sc-ic-tooltip,em.sc-ic-tooltip,img.sc-ic-tooltip,ins.sc-ic-tooltip,kbd.sc-ic-tooltip,q.sc-ic-tooltip,s.sc-ic-tooltip,samp.sc-ic-tooltip,small.sc-ic-tooltip,strike.sc-ic-tooltip,strong.sc-ic-tooltip,sub.sc-ic-tooltip,sup.sc-ic-tooltip,tt.sc-ic-tooltip,var.sc-ic-tooltip,b.sc-ic-tooltip,u.sc-ic-tooltip,i.sc-ic-tooltip,center.sc-ic-tooltip,dl.sc-ic-tooltip,dt.sc-ic-tooltip,dd.sc-ic-tooltip,ol.sc-ic-tooltip,ul.sc-ic-tooltip,li.sc-ic-tooltip,fieldset.sc-ic-tooltip,form.sc-ic-tooltip,label.sc-ic-tooltip,legend.sc-ic-tooltip,table.sc-ic-tooltip,caption.sc-ic-tooltip,tbody.sc-ic-tooltip,tfoot.sc-ic-tooltip,thead.sc-ic-tooltip,tr.sc-ic-tooltip,th.sc-ic-tooltip,td.sc-ic-tooltip,article.sc-ic-tooltip,aside.sc-ic-tooltip,canvas.sc-ic-tooltip,details.sc-ic-tooltip,embed.sc-ic-tooltip,figure.sc-ic-tooltip,figcaption.sc-ic-tooltip,footer.sc-ic-tooltip,header.sc-ic-tooltip,hgroup.sc-ic-tooltip,menu.sc-ic-tooltip,nav.sc-ic-tooltip,output.sc-ic-tooltip,ruby.sc-ic-tooltip,section.sc-ic-tooltip,summary.sc-ic-tooltip,time.sc-ic-tooltip,mark.sc-ic-tooltip,audio.sc-ic-tooltip,video.sc-ic-tooltip{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{background-color:var(--ic-architectural-800);color:#ffff;text-align:center;padding:var(--ic-space-xxxs) 10px;border-radius:var(--ic-border-radius);position:absolute;max-width:320px;display:none;z-index:calc(var(--ic-z-index-overlay) / 2);box-shadow:var(--ic-elevation-overlay)}/*!@:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .ic-tooltip-container.sc-ic-tooltip,.tooltip-disabled.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{display:none !important}/*!@:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show]*/.tooltip-long-label-navigation-item-side-nav-expanded.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block !important}/*!@:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip,.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{position:absolute;background:inherit;width:var(--ic-space-md);height:var(--ic-space-md)}/*!@:host(.ic-tooltip) .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip{visibility:hidden}/*!@:host(.ic-tooltip) .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-arrow.sc-ic-tooltip::before{visibility:visible;content:\"\"}/*!@:host(.ic-tooltip) .ic-tooltip-container[data-show]*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-show].sc-ic-tooltip{display:block}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{bottom:calc(-1 * var(--ic-space-md))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"top\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{top:calc(-1 * var(--ic-space-xxs))}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"bottom\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;height:var(--ic-space-xxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{right:var(--ic-space-xxxs)}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"left\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip{left:-14px}/*!@:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container[data-popper-placement^=\"right\"].sc-ic-tooltip>.ic-tooltip-arrow.sc-ic-tooltip::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius)}/*!@:host([target=\"ic-button-with-tooltip-search-submit-button\"])\n .ic-tooltip-container,\n:host([target=\"ic-button-with-tooltip-clear-button\"]) .ic-tooltip-container*/[target=\"ic-button-with-tooltip-search-submit-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,[target=\"ic-button-with-tooltip-clear-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{z-index:calc(var(--ic-z-index-popup-menu) + 1)}@media (forced-colors: active){/*!@:host(.ic-tooltip) .ic-tooltip-container*/.ic-tooltip.sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip{border:var(--ic-hc-border)}}";
|
13946
14303
|
|
13947
14304
|
class Tooltip {
|
13948
14305
|
constructor(hostRef) {
|
13949
14306
|
registerInstance(this, hostRef);
|
13950
14307
|
this.mouseOverTool = false;
|
13951
|
-
this.showEvents =
|
14308
|
+
this.showEvents = this.disableHover
|
14309
|
+
? ["click"]
|
14310
|
+
: ["mouseenter", "focusin"];
|
13952
14311
|
this.instantHideEvents = ["focusout"];
|
13953
14312
|
this.delayedHideEvents = ["mouseleave"];
|
13954
14313
|
this.show = (popper) => {
|
@@ -14011,6 +14370,7 @@ class Tooltip {
|
|
14011
14370
|
this.target = undefined;
|
14012
14371
|
this.placement = "bottom";
|
14013
14372
|
this.label = undefined;
|
14373
|
+
this.disableHover = false;
|
14014
14374
|
}
|
14015
14375
|
updateLabel(newValue) {
|
14016
14376
|
const describedBySpan = this.el.previousElementSibling;
|
@@ -14065,7 +14425,8 @@ class Tooltip {
|
|
14065
14425
|
"$members$": {
|
14066
14426
|
"target": [513],
|
14067
14427
|
"placement": [1],
|
14068
|
-
"label": [1]
|
14428
|
+
"label": [1],
|
14429
|
+
"disableHover": [4, "disable-hover"]
|
14069
14430
|
},
|
14070
14431
|
"$listeners$": undefined,
|
14071
14432
|
"$lazyBundleId$": "-",
|
@@ -14295,7 +14656,7 @@ class TopNavigation {
|
|
14295
14656
|
"foregroundColor": [32],
|
14296
14657
|
"hasFullWidthSearchBar": [32]
|
14297
14658
|
},
|
14298
|
-
"$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "
|
14659
|
+
"$listeners$": [[0, "icNavigationMenuClose", "navBarMenuCloseHandler"], [0, "icSearchBarBlur", "searchInputBlurHandler"], [0, "icChange", "searchValueChangeHandler"], [4, "themeChange", "themeChangeHandler"]],
|
14299
14660
|
"$lazyBundleId$": "-",
|
14300
14661
|
"$attrsToReflect$": []
|
14301
14662
|
}; }
|
@@ -14340,6 +14701,7 @@ registerComponents([
|
|
14340
14701
|
Card,
|
14341
14702
|
Checkbox,
|
14342
14703
|
CheckboxGroup,
|
14704
|
+
Chip,
|
14343
14705
|
ClassificationBanner,
|
14344
14706
|
DataEntity,
|
14345
14707
|
DataRow,
|
@@ -14348,7 +14710,6 @@ registerComponents([
|
|
14348
14710
|
FooterLink,
|
14349
14711
|
FooterLinkGroup,
|
14350
14712
|
Hero,
|
14351
|
-
IcStepper,
|
14352
14713
|
InputComponentContainer,
|
14353
14714
|
InputContainer,
|
14354
14715
|
InputLabel,
|
@@ -14370,6 +14731,7 @@ registerComponents([
|
|
14370
14731
|
Skeleton,
|
14371
14732
|
StatusTag,
|
14372
14733
|
Step,
|
14734
|
+
Stepper,
|
14373
14735
|
Switch,
|
14374
14736
|
Tab,
|
14375
14737
|
TabContext,
|