@ukic/web-components 2.0.0-alpha.125 → 2.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +173 -0
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-ea79c7b0.js → helpers-d0eeccf0.js} +26 -20
- package/dist/cjs/helpers-d0eeccf0.js.map +1 -0
- package/dist/cjs/ic-alert.cjs.entry.js +5 -4
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +3 -2
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/{ic-breadcrumbs.cjs.entry.js → ic-breadcrumb-group.cjs.entry.js} +7 -6
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +3 -2
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +26 -30
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +2 -1
- package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +3 -2
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +13 -2
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +6 -6
- package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +6 -5
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +3 -2
- package/dist/cjs/ic-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +12 -11
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +8 -7
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +16 -15
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +9 -8
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +9 -8
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +5 -4
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +11 -10
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +8 -7
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +2 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +3 -2
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +3 -2
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +6 -5
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +3 -2
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +17 -3
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +15 -16
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select.cjs.entry.js +25 -13
- package/dist/cjs/ic-select.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +4 -3
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +10 -10
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +9 -8
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +2 -1
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +2 -1
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +21 -10
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +13 -11
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +146 -0
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-tab-panel.cjs.entry.js +8 -4
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +6 -5
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field.cjs.entry.js +18 -10
- package/dist/cjs/ic-text-field.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +2 -1
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-top-navigation.cjs.entry.js +7 -6
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +4 -4
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-3ef30d9d.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/types-3eb02246.js +16 -0
- package/dist/cjs/types-3eb02246.js.map +1 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/ic-alert/ic-alert.css +1 -6
- package/dist/collection/components/ic-alert/ic-alert.js +1 -1
- package/dist/collection/components/ic-alert/ic-alert.js.map +1 -1
- package/dist/collection/components/ic-back-to-top/ic-back-to-top.js +1 -1
- 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 -2
- package/dist/collection/components/{ic-breadcrumbs/ic-breadcrumbs-test-examples.js → ic-breadcrumb-group/ic-breadcrumb-group-test-examples.js} +7 -7
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group-test-examples.js.map +1 -0
- package/dist/collection/components/{ic-breadcrumbs/ic-breadcrumbs.css → ic-breadcrumb-group/ic-breadcrumb-group.css} +1 -0
- package/dist/collection/components/{ic-breadcrumbs/ic-breadcrumbs.js → ic-breadcrumb-group/ic-breadcrumb-group.js} +5 -5
- package/dist/{core/p-42876f02.entry.js.map → collection/components/ic-breadcrumb-group/ic-breadcrumb-group.js.map} +1 -1
- package/dist/collection/components/{ic-breadcrumbs/ic-breadcrumbs.test.a11y.js → ic-breadcrumb-group/ic-breadcrumb-group.test.a11y.js} +6 -6
- package/dist/collection/components/ic-breadcrumb-group/ic-breadcrumb-group.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-button/ic-button.css +5 -5
- package/dist/collection/components/ic-button/ic-button.js +22 -52
- package/dist/collection/components/ic-button/ic-button.js.map +1 -1
- package/dist/collection/components/ic-button/ic-button.types.js.map +1 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.css +7 -1
- package/dist/collection/components/ic-checkbox/ic-checkbox.js +17 -2
- package/dist/collection/components/ic-checkbox/ic-checkbox.js.map +1 -1
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js +4 -4
- package/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js.map +1 -1
- package/dist/collection/components/ic-data-entity/ic-data-entity.css +2 -2
- package/dist/collection/components/ic-data-entity/ic-data-entity.js +8 -8
- 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 +9 -1
- package/dist/collection/components/ic-data-row/ic-data-row.js +6 -6
- package/dist/collection/components/ic-data-row/ic-data-row.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.css +2 -2
- package/dist/collection/components/ic-footer/ic-footer.js +14 -14
- package/dist/collection/components/ic-footer/ic-footer.js.map +1 -1
- package/dist/collection/components/ic-footer/ic-footer.types.js.map +1 -1
- package/dist/collection/components/ic-footer-link/ic-footer-link.css +3 -3
- package/dist/collection/components/ic-footer-link/ic-footer-link.js +5 -5
- 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.css +8 -8
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js +10 -10
- package/dist/collection/components/ic-footer-link-group/ic-footer-link-group.js.map +1 -1
- package/dist/collection/components/ic-hero/ic-hero.css +29 -17
- package/dist/collection/components/ic-hero/ic-hero.js +9 -9
- 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 +2 -2
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js +6 -6
- package/dist/collection/components/ic-input-component-container/ic-input-component-container.js.map +1 -1
- package/dist/collection/components/ic-link/ic-link.css +1 -1
- package/dist/collection/components/ic-link/ic-link.js +12 -9
- package/dist/collection/components/ic-link/ic-link.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css +2 -2
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js +26 -25
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js.map +1 -1
- package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.types.js.map +1 -1
- package/dist/collection/components/ic-menu/ic-menu.css +2 -2
- package/dist/collection/components/ic-menu/ic-menu.js +4 -4
- package/dist/collection/components/ic-menu/ic-menu.js.map +1 -1
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js +7 -7
- package/dist/collection/components/ic-navigation-button/ic-navigation-button.js.map +1 -1
- package/dist/collection/components/ic-navigation-item/ic-navigation-item.js +1 -1
- 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 +1 -1
- 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 +10 -1
- package/dist/collection/components/ic-page-header/ic-page-header.js +6 -6
- 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 +4 -4
- package/dist/collection/components/ic-radio-group/ic-radio-group.js.map +1 -1
- package/dist/collection/components/ic-radio-option/ic-radio-option.css +8 -2
- package/dist/collection/components/ic-radio-option/ic-radio-option.js +22 -4
- package/dist/collection/components/ic-radio-option/ic-radio-option.js.map +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.css +1 -1
- package/dist/collection/components/ic-search-bar/ic-search-bar.js +11 -31
- package/dist/collection/components/ic-search-bar/ic-search-bar.js.map +1 -1
- package/dist/collection/components/ic-select/ic-select.css +2 -2
- package/dist/collection/components/ic-select/ic-select.js +24 -12
- package/dist/collection/components/ic-select/ic-select.js.map +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js +1 -1
- package/dist/collection/components/ic-side-navigation/ic-side-navigation.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.css +4 -4
- package/dist/collection/components/ic-skeleton/ic-skeleton.js +14 -14
- package/dist/collection/components/ic-skeleton/ic-skeleton.js.map +1 -1
- package/dist/collection/components/ic-skeleton/ic-skeleton.types.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.css +9 -9
- package/dist/collection/components/ic-status-tag/ic-status-tag.js +14 -14
- package/dist/collection/components/ic-status-tag/ic-status-tag.js.map +1 -1
- package/dist/collection/components/ic-status-tag/ic-status-tag.types.js.map +1 -1
- package/dist/collection/components/ic-switch/ic-switch.css +6 -6
- package/dist/collection/components/ic-switch/ic-switch.js +27 -16
- package/dist/collection/components/ic-switch/ic-switch.js.map +1 -1
- package/dist/collection/components/ic-tab/ic-tab.css +1 -1
- package/dist/collection/components/ic-tab/ic-tab.js +17 -11
- package/dist/collection/components/ic-tab/ic-tab.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.js +26 -19
- package/dist/collection/components/ic-tab-context/ic-tab-context.js.map +1 -1
- package/dist/collection/components/ic-tab-context/ic-tab-context.test.a11y.js +2 -2
- package/dist/collection/components/ic-tab-context/ic-tab-context.test.a11y.js.map +1 -1
- package/dist/collection/components/{ic-tab-list → ic-tab-group}/assets/left-arrow.svg +0 -0
- package/dist/collection/components/{ic-tab-list → ic-tab-group}/assets/right-arrow.svg +0 -0
- package/dist/collection/components/{ic-tab-list/ic-tab-list.css → ic-tab-group/ic-tab-group.css} +3 -3
- package/dist/collection/components/{ic-tab-list/ic-tab-list.js → ic-tab-group/ic-tab-group.js} +37 -31
- package/dist/collection/components/ic-tab-group/ic-tab-group.js.map +1 -0
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.css +4 -0
- package/dist/collection/components/ic-tab-panel/ic-tab-panel.js +32 -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 +17 -27
- package/dist/collection/components/ic-text-field/ic-text-field.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.css +4 -4
- package/dist/collection/components/ic-tooltip/ic-tooltip.js +6 -6
- package/dist/collection/components/ic-tooltip/ic-tooltip.js.map +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.test.a11y.js +1 -1
- package/dist/collection/components/ic-tooltip/ic-tooltip.test.a11y.js.map +1 -1
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js +4 -4
- package/dist/collection/components/ic-top-navigation/ic-top-navigation.js.map +1 -1
- package/dist/collection/components/ic-typography/ic-typography.css +12 -12
- package/dist/collection/components/ic-typography/ic-typography.js +5 -5
- package/dist/collection/components/ic-typography/ic-typography.js.map +1 -1
- package/dist/collection/utils/helpers.js +15 -0
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers.js +17 -13
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-alert.js +4 -3
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-back-to-top.js +1 -1
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/{ic-breadcrumbs.d.ts → ic-breadcrumb-group.d.ts} +4 -4
- package/dist/components/{ic-breadcrumbs.js → ic-breadcrumb-group.js} +10 -10
- package/dist/{cjs/ic-breadcrumbs.cjs.entry.js.map → 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 +19 -25
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +3 -3
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +15 -4
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-data-entity.js +7 -7
- package/dist/components/ic-data-entity.js.map +1 -1
- package/dist/components/ic-data-row.js +5 -5
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-divider2.js +2 -1
- package/dist/components/ic-divider2.js.map +1 -1
- package/dist/components/ic-footer-link-group.js +12 -12
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +7 -7
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +14 -13
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +9 -8
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +7 -6
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +2 -1
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link2.js +10 -9
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +8 -7
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu2.js +3 -3
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-button.js +9 -8
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +1 -1
- package/dist/components/ic-navigation-item.js +2 -2
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +2 -2
- package/dist/components/ic-navigation-menu2.js.map +1 -1
- package/dist/components/ic-page-header.js +5 -5
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-radio-group.js +3 -3
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +20 -6
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +12 -14
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-select.js +23 -10
- package/dist/components/ic-select.js.map +1 -1
- package/dist/components/ic-side-navigation.js +3 -2
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +11 -11
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js +9 -9
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-switch.js +23 -12
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +14 -12
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/{ic-tab-list.d.ts → ic-tab-group.d.ts} +4 -4
- package/dist/components/{ic-tab-list.js → ic-tab-group.js} +30 -29
- package/dist/components/ic-tab-group.js.map +1 -0
- package/dist/components/ic-tab-panel.js +9 -4
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +6 -5
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +15 -7
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +1 -1
- package/dist/components/ic-tooltip2.js +5 -5
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +6 -5
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-typography2.js +5 -5
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +2 -2
- package/dist/components/types.js +16 -0
- package/dist/components/types.js.map +1 -0
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-037273aa.entry.js +2 -0
- package/dist/core/{p-0cf51da5.entry.js.map → p-037273aa.entry.js.map} +1 -1
- package/dist/core/{p-b9253509.entry.js → p-0992a2ee.entry.js} +2 -2
- package/dist/core/p-0992a2ee.entry.js.map +1 -0
- package/dist/core/p-0d63bfe4.entry.js +2 -0
- package/dist/core/p-0d63bfe4.entry.js.map +1 -0
- package/dist/core/p-0e1ae2a3.entry.js +2 -0
- package/dist/core/p-0e1ae2a3.entry.js.map +1 -0
- package/dist/core/p-155114db.entry.js +2 -0
- package/dist/core/p-155114db.entry.js.map +1 -0
- package/dist/core/p-16ab85c2.entry.js +2 -0
- package/dist/core/p-16ab85c2.entry.js.map +1 -0
- package/dist/core/p-17d0d631.entry.js +2 -0
- package/dist/core/p-17d0d631.entry.js.map +1 -0
- package/dist/core/p-1b619302.entry.js +2 -0
- package/dist/core/p-1b619302.entry.js.map +1 -0
- package/dist/core/p-2f29e74d.entry.js +2 -0
- package/dist/core/p-2f29e74d.entry.js.map +1 -0
- package/dist/core/p-3c6defd7.entry.js +2 -0
- package/dist/core/p-3c6defd7.entry.js.map +1 -0
- package/dist/core/p-48029498.entry.js +2 -0
- package/dist/core/{p-36e9f6ff.entry.js.map → p-48029498.entry.js.map} +1 -1
- package/dist/core/p-4b6a55bb.entry.js +2 -0
- package/dist/core/{p-01450166.entry.js.map → p-4b6a55bb.entry.js.map} +1 -1
- package/dist/core/p-54b77947.entry.js +2 -0
- package/dist/core/{p-a334ed34.entry.js.map → p-54b77947.entry.js.map} +1 -1
- package/dist/core/p-59041cfc.entry.js +2 -0
- package/dist/core/{p-e2304886.entry.js.map → p-59041cfc.entry.js.map} +1 -1
- package/dist/core/p-6009c5bc.entry.js +2 -0
- package/dist/core/{p-3a7725ed.entry.js.map → p-6009c5bc.entry.js.map} +1 -1
- package/dist/core/p-6d0eaaeb.entry.js +2 -0
- package/dist/core/p-6d0eaaeb.entry.js.map +1 -0
- package/dist/core/p-6f57b13c.js +2 -0
- package/dist/core/p-6f57b13c.js.map +1 -0
- package/dist/core/p-7577c6a3.entry.js +2 -0
- package/dist/core/p-7577c6a3.entry.js.map +1 -0
- package/dist/core/p-7612cfb0.entry.js +2 -0
- package/dist/core/p-7612cfb0.entry.js.map +1 -0
- package/dist/core/p-7dbb637f.entry.js +2 -0
- package/dist/core/p-7dbb637f.entry.js.map +1 -0
- package/dist/core/p-89d46b9b.entry.js +2 -0
- package/dist/core/{p-bbff1667.entry.js.map → p-89d46b9b.entry.js.map} +1 -1
- package/dist/core/p-972f4e69.entry.js +2 -0
- package/dist/core/p-972f4e69.entry.js.map +1 -0
- package/dist/core/p-9a3d6bca.entry.js +2 -0
- package/dist/core/p-9a3d6bca.entry.js.map +1 -0
- package/dist/core/p-9db8edb7.entry.js +2 -0
- package/dist/core/{p-01a17304.entry.js.map → p-9db8edb7.entry.js.map} +1 -1
- package/dist/core/p-a183353c.entry.js +2 -0
- package/dist/core/{p-49831676.entry.js.map → p-a183353c.entry.js.map} +1 -1
- package/dist/core/p-a23e9d8a.entry.js +2 -0
- package/dist/core/{p-b70f2538.entry.js.map → p-a23e9d8a.entry.js.map} +1 -1
- package/dist/core/p-aad5da60.entry.js +2 -0
- package/dist/core/p-aad5da60.entry.js.map +1 -0
- package/dist/core/p-aad76be7.entry.js +2 -0
- package/dist/core/p-aad76be7.entry.js.map +1 -0
- package/dist/core/p-ac76594c.entry.js +2 -0
- package/dist/core/p-ac76594c.entry.js.map +1 -0
- package/dist/core/p-b596f73d.entry.js +2 -0
- package/dist/core/{p-5928296a.entry.js.map → p-b596f73d.entry.js.map} +1 -1
- package/dist/core/p-b875ec01.entry.js +2 -0
- package/dist/core/p-b875ec01.entry.js.map +1 -0
- package/dist/core/p-bf4ddf33.entry.js +2 -0
- package/dist/core/p-bf4ddf33.entry.js.map +1 -0
- package/dist/core/p-c023c49c.entry.js +2 -0
- package/dist/core/p-c023c49c.entry.js.map +1 -0
- package/dist/core/p-d4a1734e.entry.js +2 -0
- package/dist/core/p-d4a1734e.entry.js.map +1 -0
- package/dist/core/p-d61c2983.entry.js +2 -0
- package/dist/core/{p-3d95b097.entry.js.map → p-d61c2983.entry.js.map} +1 -1
- package/dist/core/p-dd36d23a.entry.js +2 -0
- package/dist/core/p-dd36d23a.entry.js.map +1 -0
- package/dist/core/p-eb0f09f4.entry.js +2 -0
- package/dist/core/{p-92cc098f.entry.js.map → p-eb0f09f4.entry.js.map} +1 -1
- package/dist/core/{p-5316e421.entry.js → p-eb33ece2.entry.js} +2 -2
- package/dist/core/{p-5316e421.entry.js.map → p-eb33ece2.entry.js.map} +1 -1
- package/dist/core/p-ee3a9fd0.entry.js +2 -0
- package/dist/core/p-ee3a9fd0.entry.js.map +1 -0
- package/dist/core/p-eeff0f89.entry.js +2 -0
- package/dist/core/{p-961c9038.entry.js.map → p-eeff0f89.entry.js.map} +1 -1
- package/dist/core/p-f228c232.js +2 -0
- package/dist/core/p-f228c232.js.map +1 -0
- package/dist/core/p-f7e7d4f5.entry.js +2 -0
- package/dist/core/p-f7e7d4f5.entry.js.map +1 -0
- package/dist/core/p-ffc4cae2.entry.js +2 -0
- package/dist/core/p-ffc4cae2.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-63cb8828.js → helpers-e090fe7e.js} +18 -14
- package/dist/esm/helpers-e090fe7e.js.map +1 -0
- package/dist/esm/ic-alert.entry.js +4 -3
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +3 -2
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/{ic-breadcrumbs.entry.js → ic-breadcrumb-group.entry.js} +7 -6
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -0
- package/dist/esm/ic-breadcrumb.entry.js +3 -2
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +25 -29
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +2 -1
- package/dist/esm/ic-card.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +3 -2
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +13 -2
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-data-entity.entry.js +6 -6
- package/dist/esm/ic-data-entity.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +6 -5
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +2 -1
- package/dist/esm/ic-divider.entry.js.map +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +12 -11
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +8 -7
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +14 -13
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +8 -7
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +8 -7
- package/dist/esm/ic-input-component-container_3.entry.js.map +1 -1
- package/dist/esm/ic-input-label_2.entry.js +2 -1
- package/dist/esm/ic-input-label_2.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +9 -8
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +8 -7
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +2 -1
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +3 -2
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +3 -2
- package/dist/esm/ic-navigation-menu.entry.js.map +1 -1
- package/dist/esm/ic-page-header.entry.js +6 -5
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +3 -2
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +17 -3
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +11 -12
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-select.entry.js +20 -8
- package/dist/esm/ic-select.entry.js.map +1 -1
- package/dist/esm/ic-side-navigation.entry.js +3 -2
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +10 -10
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +9 -8
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +2 -1
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +2 -1
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +21 -10
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +13 -11
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +142 -0
- package/dist/esm/ic-tab-group.entry.js.map +1 -0
- package/dist/esm/ic-tab-panel.entry.js +8 -4
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +6 -5
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-text-field.entry.js +13 -5
- package/dist/esm/ic-text-field.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +2 -1
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-top-navigation.entry.js +6 -5
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +4 -4
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-1500de1f.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/types-dd515332.js +16 -0
- package/dist/esm/types-dd515332.js.map +1 -0
- package/dist/types/components/ic-breadcrumb-group/ic-breadcrumb-group-test-examples.d.ts +2 -0
- package/dist/types/components/{ic-breadcrumbs/ic-breadcrumbs.d.ts → ic-breadcrumb-group/ic-breadcrumb-group.d.ts} +2 -2
- package/dist/types/components/{ic-breadcrumbs/ic-breadcrumbs.test.a11y.d.ts → ic-breadcrumb-group/ic-breadcrumb-group.test.a11y.d.ts} +0 -0
- package/dist/types/components/ic-button/ic-button.d.ts +5 -11
- package/dist/types/components/ic-button/ic-button.types.d.ts +1 -2
- package/dist/types/components/ic-checkbox/ic-checkbox.d.ts +4 -0
- package/dist/types/components/ic-checkbox-group/ic-checkbox-group.d.ts +2 -2
- 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 +2 -2
- package/dist/types/components/ic-footer/ic-footer.d.ts +2 -2
- package/dist/types/components/ic-footer/ic-footer.types.d.ts +1 -1
- package/dist/types/components/ic-footer-link/ic-footer-link.d.ts +1 -1
- package/dist/types/components/ic-footer-link-group/ic-footer-link-group.d.ts +2 -2
- package/dist/types/components/ic-hero/ic-hero.d.ts +3 -3
- package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts +2 -2
- package/dist/types/components/ic-link/ic-link.d.ts +5 -2
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts +6 -5
- package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +0 -1
- package/dist/types/components/ic-menu/ic-menu.d.ts +2 -2
- package/dist/types/components/ic-navigation-button/ic-navigation-button.d.ts +1 -1
- package/dist/types/components/ic-page-header/ic-page-header.d.ts +2 -2
- package/dist/types/components/ic-radio-group/ic-radio-group.d.ts +2 -2
- package/dist/types/components/ic-radio-option/ic-radio-option.d.ts +4 -0
- package/dist/types/components/ic-search-bar/ic-search-bar.d.ts +2 -6
- package/dist/types/components/ic-select/ic-select.d.ts +5 -2
- package/dist/types/components/ic-skeleton/ic-skeleton.d.ts +2 -2
- package/dist/types/components/ic-skeleton/ic-skeleton.types.d.ts +1 -1
- package/dist/types/components/ic-status-tag/ic-status-tag.d.ts +3 -3
- package/dist/types/components/ic-status-tag/ic-status-tag.types.d.ts +1 -1
- package/dist/types/components/ic-switch/ic-switch.d.ts +8 -4
- package/dist/types/components/ic-tab/ic-tab.d.ts +3 -2
- package/dist/types/components/ic-tab-context/ic-tab-context.d.ts +4 -4
- package/dist/types/components/{ic-tab-list/ic-tab-list.d.ts → ic-tab-group/ic-tab-group.d.ts} +6 -5
- package/dist/types/components/ic-tab-panel/ic-tab-panel.d.ts +3 -0
- package/dist/types/components/ic-text-field/ic-text-field.d.ts +5 -6
- package/dist/types/components/ic-tooltip/ic-tooltip.d.ts +2 -2
- package/dist/types/components/ic-typography/ic-typography.d.ts +1 -1
- package/dist/types/components.d.ts +196 -219
- package/dist/types/utils/helpers.d.ts +3 -0
- package/dist/types/utils/types.d.ts +1 -0
- package/hydrate/index.js +320 -252
- package/package.json +5 -5
- package/dist/cjs/helpers-ea79c7b0.js.map +0 -1
- package/dist/cjs/ic-tab-list.cjs.entry.js +0 -145
- package/dist/cjs/ic-tab-list.cjs.entry.js.map +0 -1
- package/dist/collection/components/ic-breadcrumbs/ic-breadcrumbs-test-examples.js.map +0 -1
- package/dist/collection/components/ic-breadcrumbs/ic-breadcrumbs.js.map +0 -1
- package/dist/collection/components/ic-breadcrumbs/ic-breadcrumbs.test.a11y.js.map +0 -1
- package/dist/collection/components/ic-tab-list/ic-tab-list.js.map +0 -1
- package/dist/components/ic-breadcrumbs.js.map +0 -1
- package/dist/components/ic-tab-list.js.map +0 -1
- package/dist/core/p-01450166.entry.js +0 -2
- package/dist/core/p-01a17304.entry.js +0 -2
- package/dist/core/p-08239789.entry.js +0 -2
- package/dist/core/p-08239789.entry.js.map +0 -1
- package/dist/core/p-09c0cd28.entry.js +0 -2
- package/dist/core/p-09c0cd28.entry.js.map +0 -1
- package/dist/core/p-0cf51da5.entry.js +0 -2
- package/dist/core/p-10531d9a.entry.js +0 -2
- package/dist/core/p-10531d9a.entry.js.map +0 -1
- package/dist/core/p-14ba2f18.js +0 -2
- package/dist/core/p-14ba2f18.js.map +0 -1
- package/dist/core/p-211465cf.entry.js +0 -2
- package/dist/core/p-211465cf.entry.js.map +0 -1
- package/dist/core/p-2c687b76.entry.js +0 -2
- package/dist/core/p-2c687b76.entry.js.map +0 -1
- package/dist/core/p-2d5824f1.entry.js +0 -2
- package/dist/core/p-2d5824f1.entry.js.map +0 -1
- package/dist/core/p-34e5ee10.entry.js +0 -2
- package/dist/core/p-34e5ee10.entry.js.map +0 -1
- package/dist/core/p-35b91376.entry.js +0 -2
- package/dist/core/p-35b91376.entry.js.map +0 -1
- package/dist/core/p-36e9f6ff.entry.js +0 -2
- package/dist/core/p-3a7725ed.entry.js +0 -2
- package/dist/core/p-3d95b097.entry.js +0 -2
- package/dist/core/p-40a17d61.entry.js +0 -2
- package/dist/core/p-40a17d61.entry.js.map +0 -1
- package/dist/core/p-41dab885.entry.js +0 -2
- package/dist/core/p-41dab885.entry.js.map +0 -1
- package/dist/core/p-42876f02.entry.js +0 -2
- package/dist/core/p-483ba0f6.entry.js +0 -2
- package/dist/core/p-483ba0f6.entry.js.map +0 -1
- package/dist/core/p-49831676.entry.js +0 -2
- package/dist/core/p-55a8f5b6.entry.js +0 -2
- package/dist/core/p-55a8f5b6.entry.js.map +0 -1
- package/dist/core/p-5928296a.entry.js +0 -2
- package/dist/core/p-66800ec4.entry.js +0 -2
- package/dist/core/p-66800ec4.entry.js.map +0 -1
- package/dist/core/p-7c207056.entry.js +0 -2
- package/dist/core/p-7c207056.entry.js.map +0 -1
- package/dist/core/p-7f27efda.entry.js +0 -2
- package/dist/core/p-7f27efda.entry.js.map +0 -1
- package/dist/core/p-87fc80f1.entry.js +0 -2
- package/dist/core/p-87fc80f1.entry.js.map +0 -1
- package/dist/core/p-886e7a24.entry.js +0 -2
- package/dist/core/p-886e7a24.entry.js.map +0 -1
- package/dist/core/p-889744b7.entry.js +0 -2
- package/dist/core/p-889744b7.entry.js.map +0 -1
- package/dist/core/p-92cc098f.entry.js +0 -2
- package/dist/core/p-961c9038.entry.js +0 -2
- package/dist/core/p-9753e5f2.entry.js +0 -2
- package/dist/core/p-9753e5f2.entry.js.map +0 -1
- package/dist/core/p-a334ed34.entry.js +0 -2
- package/dist/core/p-b70f2538.entry.js +0 -2
- package/dist/core/p-b858dc5a.entry.js +0 -2
- package/dist/core/p-b858dc5a.entry.js.map +0 -1
- package/dist/core/p-b9253509.entry.js.map +0 -1
- package/dist/core/p-bbff1667.entry.js +0 -2
- package/dist/core/p-c0bfb272.entry.js +0 -2
- package/dist/core/p-c0bfb272.entry.js.map +0 -1
- package/dist/core/p-cd14a9dc.entry.js +0 -2
- package/dist/core/p-cd14a9dc.entry.js.map +0 -1
- package/dist/core/p-d7af7446.entry.js +0 -2
- package/dist/core/p-d7af7446.entry.js.map +0 -1
- package/dist/core/p-e2304886.entry.js +0 -2
- package/dist/core/p-f90ce9ca.entry.js +0 -2
- package/dist/core/p-f90ce9ca.entry.js.map +0 -1
- package/dist/esm/helpers-63cb8828.js.map +0 -1
- package/dist/esm/ic-breadcrumbs.entry.js.map +0 -1
- package/dist/esm/ic-tab-list.entry.js +0 -141
- package/dist/esm/ic-tab-list.entry.js.map +0 -1
- package/dist/types/components/ic-breadcrumbs/ic-breadcrumbs-test-examples.d.ts +0 -2
package/hydrate/index.js
CHANGED
@@ -6218,8 +6218,23 @@ const hasClassificationBanner = () => {
|
|
6218
6218
|
return false;
|
6219
6219
|
}
|
6220
6220
|
};
|
6221
|
+
const getForm = (el) => {
|
6222
|
+
return el.closest("FORM");
|
6223
|
+
};
|
6224
|
+
const addFormResetListener = (el, callbackFn) => {
|
6225
|
+
const form = getForm(el);
|
6226
|
+
if (form !== null) {
|
6227
|
+
form.addEventListener("reset", callbackFn);
|
6228
|
+
}
|
6229
|
+
};
|
6230
|
+
const removeFormResetListener = (el, callbackFn) => {
|
6231
|
+
const form = getForm(el);
|
6232
|
+
if (form !== null) {
|
6233
|
+
form.removeEventListener("reset", callbackFn);
|
6234
|
+
}
|
6235
|
+
};
|
6221
6236
|
|
6222
|
-
const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@.container*/.container.sc-ic-alert{min-height:56px;border-radius:var(--ic-border-radius);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-architectural-
|
6237
|
+
const icAlertCss = "/*!@html*/html.sc-ic-alert{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-alert{margin:0}/*!@main*/main.sc-ic-alert{display:block}/*!@h1*/h1.sc-ic-alert{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-alert{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-alert{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-alert{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-alert,strong.sc-ic-alert{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-alert,kbd.sc-ic-alert,samp.sc-ic-alert{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-alert{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-alert,sup.sc-ic-alert{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-alert{bottom:-0.25em}/*!@sup*/sup.sc-ic-alert{top:-0.5em}/*!@img*/img.sc-ic-alert{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-alert,input.sc-ic-alert,optgroup.sc-ic-alert,select.sc-ic-alert,textarea.sc-ic-alert{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-alert,input.sc-ic-alert{overflow:visible}/*!@button,\nselect*/button.sc-ic-alert,select.sc-ic-alert{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-alert,[type=\"button\"].sc-ic-alert,[type=\"reset\"].sc-ic-alert,[type=\"submit\"].sc-ic-alert{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-alert::-moz-focus-inner,[type=\"button\"].sc-ic-alert::-moz-focus-inner,[type=\"reset\"].sc-ic-alert::-moz-focus-inner,[type=\"submit\"].sc-ic-alert::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-alert:-moz-focusring,[type=\"button\"].sc-ic-alert:-moz-focusring,[type=\"reset\"].sc-ic-alert:-moz-focusring,[type=\"submit\"].sc-ic-alert:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-alert{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-alert{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-alert{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-alert{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-alert,[type=\"radio\"].sc-ic-alert{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-alert::-webkit-inner-spin-button,[type=\"number\"].sc-ic-alert::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-alert{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-alert::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-alert::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-alert{display:block}/*!@summary*/summary.sc-ic-alert{display:list-item}/*!@template*/template.sc-ic-alert{display:none}/*!@[hidden]*/[hidden].sc-ic-alert{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-alert,body.sc-ic-alert,div.sc-ic-alert,span.sc-ic-alert,applet.sc-ic-alert,object.sc-ic-alert,iframe.sc-ic-alert,h1.sc-ic-alert,h2.sc-ic-alert,h3.sc-ic-alert,h4.sc-ic-alert,h5.sc-ic-alert,h6.sc-ic-alert,p.sc-ic-alert,blockquote.sc-ic-alert,pre.sc-ic-alert,a.sc-ic-alert,abbr.sc-ic-alert,acronym.sc-ic-alert,address.sc-ic-alert,big.sc-ic-alert,cite.sc-ic-alert,code.sc-ic-alert,del.sc-ic-alert,dfn.sc-ic-alert,em.sc-ic-alert,img.sc-ic-alert,ins.sc-ic-alert,kbd.sc-ic-alert,q.sc-ic-alert,s.sc-ic-alert,samp.sc-ic-alert,small.sc-ic-alert,strike.sc-ic-alert,strong.sc-ic-alert,sub.sc-ic-alert,sup.sc-ic-alert,tt.sc-ic-alert,var.sc-ic-alert,b.sc-ic-alert,u.sc-ic-alert,i.sc-ic-alert,center.sc-ic-alert,dl.sc-ic-alert,dt.sc-ic-alert,dd.sc-ic-alert,ol.sc-ic-alert,ul.sc-ic-alert,li.sc-ic-alert,fieldset.sc-ic-alert,form.sc-ic-alert,label.sc-ic-alert,legend.sc-ic-alert,table.sc-ic-alert,caption.sc-ic-alert,tbody.sc-ic-alert,tfoot.sc-ic-alert,thead.sc-ic-alert,tr.sc-ic-alert,th.sc-ic-alert,td.sc-ic-alert,article.sc-ic-alert,aside.sc-ic-alert,canvas.sc-ic-alert,details.sc-ic-alert,embed.sc-ic-alert,figure.sc-ic-alert,figcaption.sc-ic-alert,footer.sc-ic-alert,header.sc-ic-alert,hgroup.sc-ic-alert,menu.sc-ic-alert,nav.sc-ic-alert,output.sc-ic-alert,ruby.sc-ic-alert,section.sc-ic-alert,summary.sc-ic-alert,time.sc-ic-alert,mark.sc-ic-alert,audio.sc-ic-alert,video.sc-ic-alert{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-alert-h{display:block}/*!@.container*/.container.sc-ic-alert{min-height:56px;border-radius:var(--ic-border-radius);position:relative;display:flex;align-items:center}/*!@.container-neutral*/.container-neutral.sc-ic-alert{background-color:var(--ic-architectural-40)}/*!@.container-info*/.container-info.sc-ic-alert{background-color:var(--ic-status-info-background)}/*!@.container-warning*/.container-warning.sc-ic-alert{background-color:var(--ic-status-warning-background)}/*!@.container-error*/.container-error.sc-ic-alert{background-color:var(--ic-status-error-background)}/*!@.container-success*/.container-success.sc-ic-alert{background-color:var(--ic-status-success-background)}/*!@.alert-icon-container*/.alert-icon-container.sc-ic-alert{height:100%;display:flex;align-items:center}/*!@.divider*/.divider.sc-ic-alert{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}/*!@.divider-neutral*/.divider-neutral.sc-ic-alert{background-color:var(--ic-architectural-500)}/*!@.divider-info*/.divider-info.sc-ic-alert{background-color:var(--ic-status-info)}/*!@.divider-warning*/.divider-warning.sc-ic-alert{background-color:var(--ic-status-warning-mid)}/*!@.divider-error*/.divider-error.sc-ic-alert{background-color:var(--ic-status-error)}/*!@.divider-success*/.divider-success.sc-ic-alert{background-color:var(--ic-status-success)}/*!@.alert-icon*/.alert-icon.sc-ic-alert{height:var(--ic-space-lg);width:22px;margin-left:18px}/*!@.icon-neutral > svg*/.icon-neutral.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-architectural-500)}/*!@.icon-info > svg*/.icon-info.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-status-info)}/*!@.icon-warning > svg*/.icon-warning.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-status-warning-mid)}/*!@.icon-error > svg*/.icon-error.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-status-error)}/*!@.icon-success > svg*/.icon-success.sc-ic-alert>svg.sc-ic-alert{fill:var(--ic-status-success)}/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;align-items:center;margin-left:10px;width:100%}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1}/*!@.alert-message-title-above*/.alert-message-title-above.sc-ic-alert{display:inline;font-size:0}/*!@.alert-title*/.alert-title.sc-ic-alert{margin-right:var(--ic-space-xs)}/*!@.alert-title-above*/.alert-title-above.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-right:var(--ic-space-xs);display:flex;align-items:center}/*!@.dismiss-icon*/.dismiss-icon.sc-ic-alert{margin-right:var(--ic-space-xxxs);margin-left:-6px;padding:6px;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}/*!@.dismiss-icon svg*/.dismiss-icon.sc-ic-alert svg.sc-ic-alert{width:18px;height:18px}/*!@.dismiss-icon:hover*/.dismiss-icon.sc-ic-alert:hover{cursor:pointer}@media (max-width: 628px){/*!@.alert-content*/.alert-content.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start}/*!@.alert-message*/.alert-message.sc-ic-alert{display:flex;flex-direction:column;align-items:flex-start;font-size:1px}/*!@.alert-title*/.alert-title.sc-ic-alert{white-space:normal}/*!@.alert-action-container*/.alert-action-container.sc-ic-alert{margin-bottom:14px}}";
|
6223
6238
|
|
6224
6239
|
const icon$1 = {
|
6225
6240
|
neutral: neutralIcon,
|
@@ -6283,7 +6298,7 @@ class Alert {
|
|
6283
6298
|
}, variant: "subtitle-large" }, hAsync("p", null, heading))), hAsync("slot", { name: "message" }, hAsync("ic-typography", { variant: "body" }, message))), isSlotUsed(this.el, "action") && (hAsync("div", { class: "alert-action-container" }, hAsync("slot", { name: "action" })))), hAsync("div", { class: "dismiss-icon-container" }, dismissible && (hAsync("ic-button", { class: {
|
6284
6299
|
["svg-container"]: true,
|
6285
6300
|
["dismiss-icon"]: true,
|
6286
|
-
}, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon",
|
6301
|
+
}, innerHTML: closeIcon, onClick: this.dismissAction, variant: "icon", appearance: IcThemeForegroundEnum.Dark, title: "dismiss" })))))));
|
6287
6302
|
}
|
6288
6303
|
get el() { return getElement(this); }
|
6289
6304
|
static get style() { return icAlertCss; }
|
@@ -6410,7 +6425,7 @@ class BackToTop {
|
|
6410
6425
|
}
|
6411
6426
|
}
|
6412
6427
|
componentDidLoad() {
|
6413
|
-
onComponentRequiredPropUndefined([{ prop: this.target, propName: "target
|
6428
|
+
onComponentRequiredPropUndefined([{ prop: this.target, propName: "target" }], "Back to Top");
|
6414
6429
|
}
|
6415
6430
|
render() {
|
6416
6431
|
const { bannerOffset, targetElVisible, footerVisible } = this;
|
@@ -6451,7 +6466,7 @@ var backIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmln
|
|
6451
6466
|
</svg>
|
6452
6467
|
`;
|
6453
6468
|
|
6454
|
-
const icBreadcrumbCss = "/*!@:host*/.sc-ic-breadcrumb-h{display:block;margin
|
6469
|
+
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:none;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}";
|
6455
6470
|
|
6456
6471
|
class Breadcrumb {
|
6457
6472
|
constructor(hostRef) {
|
@@ -6511,10 +6526,10 @@ class Breadcrumb {
|
|
6511
6526
|
}; }
|
6512
6527
|
}
|
6513
6528
|
|
6514
|
-
const
|
6529
|
+
const icBreadcrumbGroupCss = "/*!@:host*/.sc-ic-breadcrumb-group-h{display:block}/*!@:host ol*/.sc-ic-breadcrumb-group-h ol.sc-ic-breadcrumb-group{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}/*!@:host(.back) ol ::slotted(ic-breadcrumb)*/.sc-ic-breadcrumb-group-h.back ol .sc-ic-breadcrumb-group-s>ic-breadcrumb{display:none}/*!@:host(.back) ol ::slotted(ic-breadcrumb.show)*/.sc-ic-breadcrumb-group-h.back ol .sc-ic-breadcrumb-group-s>ic-breadcrumb.show{display:flex}/*!@:host(.collapsed) ol ::slotted(ic-breadcrumb.hide)*/.sc-ic-breadcrumb-group-h.collapsed ol .sc-ic-breadcrumb-group-s>ic-breadcrumb.hide{display:none;opacity:0;visibility:hidden}/*!@:host(.collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden)*/.sc-ic-breadcrumb-group-h.collapsed ol .sc-ic-breadcrumb-group-s>ic-breadcrumb.visuallyhidden{display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}/*!@:host(.collapsed) ol ::slotted(ic-breadcrumb.fade)*/.sc-ic-breadcrumb-group-h.collapsed ol .sc-ic-breadcrumb-group-s>ic-breadcrumb.fade{opacity:1}";
|
6515
6530
|
|
6516
6531
|
// Added ResizeObserver to find out width of breadcrumbs and parents. Use side navigation long title for ref.
|
6517
|
-
class
|
6532
|
+
class BreadcrumbGroup {
|
6518
6533
|
constructor(hostRef) {
|
6519
6534
|
registerInstance(this, hostRef);
|
6520
6535
|
this.ADD_CLASS_DELAY = 50;
|
@@ -6680,10 +6695,10 @@ class Breadcrumbs {
|
|
6680
6695
|
} }, hAsync("nav", { "aria-label": "breadcrumbs" }, hAsync("ol", null, hAsync("slot", null)))));
|
6681
6696
|
}
|
6682
6697
|
get el() { return getElement(this); }
|
6683
|
-
static get style() { return
|
6698
|
+
static get style() { return icBreadcrumbGroupCss; }
|
6684
6699
|
static get cmpMeta() { return {
|
6685
6700
|
"$flags$": 9,
|
6686
|
-
"$tagName$": "ic-
|
6701
|
+
"$tagName$": "ic-breadcrumb-group",
|
6687
6702
|
"$members$": {
|
6688
6703
|
"backBreadcrumbOnly": [4, "back-breadcrumb-only"],
|
6689
6704
|
"collapsed": [4],
|
@@ -6696,7 +6711,7 @@ class Breadcrumbs {
|
|
6696
6711
|
}; }
|
6697
6712
|
}
|
6698
6713
|
|
6699
|
-
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button*/.button.sc-ic-button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:14px;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:100px;display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@.button:hover*/.button.sc-ic-button:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.light) .button:focus*/.light.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible*/.button.sc-ic-button:focus-visible{outline:none}/*!@:host(.dark) .button*/.dark.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button*/.light.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.button-variant-primary.light) .button*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.button-variant-primary) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary.disabled) .button*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button{border:1px solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--button-default);min-width:0}/*!@:host(.button-variant-icon) .button:hover:not(:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:40px;padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-dense) .button*/.button-size-dense.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-emphasis) .button*/.button-size-emphasis.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:6px}/*!@:host(.button-size-dense.button-variant-icon) .button*/.button-size-dense.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-emphasis.button-variant-icon) .button*/.button-size-emphasis.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:40px;width:40px;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}/*!@::slotted(svg)*/.sc-ic-button-s>svg{width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:20px;--icon-width:20px}/*!@:host(.search-submit-button-dense) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-dense .sc-ic-button-s>svg{--icon-height:16px;--icon-width:16px}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:14px;--icon-width:14px}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}";
|
6714
|
+
const icButtonCss = "/*!@html*/html.sc-ic-button{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-button{margin:0}/*!@main*/main.sc-ic-button{display:block}/*!@h1*/h1.sc-ic-button{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-button{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-button{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-button{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-button,strong.sc-ic-button{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-button,kbd.sc-ic-button,samp.sc-ic-button{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-button{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-button,sup.sc-ic-button{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-button{bottom:-0.25em}/*!@sup*/sup.sc-ic-button{top:-0.5em}/*!@img*/img.sc-ic-button{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-button,input.sc-ic-button,optgroup.sc-ic-button,select.sc-ic-button,textarea.sc-ic-button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-button,input.sc-ic-button{overflow:visible}/*!@button,\nselect*/button.sc-ic-button,select.sc-ic-button{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-button,[type=\"button\"].sc-ic-button,[type=\"reset\"].sc-ic-button,[type=\"submit\"].sc-ic-button{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-button::-moz-focus-inner,[type=\"button\"].sc-ic-button::-moz-focus-inner,[type=\"reset\"].sc-ic-button::-moz-focus-inner,[type=\"submit\"].sc-ic-button::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-button:-moz-focusring,[type=\"button\"].sc-ic-button:-moz-focusring,[type=\"reset\"].sc-ic-button:-moz-focusring,[type=\"submit\"].sc-ic-button:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-button{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-button{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-button{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-button{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-button,[type=\"radio\"].sc-ic-button{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-button::-webkit-inner-spin-button,[type=\"number\"].sc-ic-button::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-button{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-button::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-button::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-button{display:block}/*!@summary*/summary.sc-ic-button{display:list-item}/*!@template*/template.sc-ic-button{display:none}/*!@[hidden]*/[hidden].sc-ic-button{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-button,body.sc-ic-button,div.sc-ic-button,span.sc-ic-button,applet.sc-ic-button,object.sc-ic-button,iframe.sc-ic-button,h1.sc-ic-button,h2.sc-ic-button,h3.sc-ic-button,h4.sc-ic-button,h5.sc-ic-button,h6.sc-ic-button,p.sc-ic-button,blockquote.sc-ic-button,pre.sc-ic-button,a.sc-ic-button,abbr.sc-ic-button,acronym.sc-ic-button,address.sc-ic-button,big.sc-ic-button,cite.sc-ic-button,code.sc-ic-button,del.sc-ic-button,dfn.sc-ic-button,em.sc-ic-button,img.sc-ic-button,ins.sc-ic-button,kbd.sc-ic-button,q.sc-ic-button,s.sc-ic-button,samp.sc-ic-button,small.sc-ic-button,strike.sc-ic-button,strong.sc-ic-button,sub.sc-ic-button,sup.sc-ic-button,tt.sc-ic-button,var.sc-ic-button,b.sc-ic-button,u.sc-ic-button,i.sc-ic-button,center.sc-ic-button,dl.sc-ic-button,dt.sc-ic-button,dd.sc-ic-button,ol.sc-ic-button,ul.sc-ic-button,li.sc-ic-button,fieldset.sc-ic-button,form.sc-ic-button,label.sc-ic-button,legend.sc-ic-button,table.sc-ic-button,caption.sc-ic-button,tbody.sc-ic-button,tfoot.sc-ic-button,thead.sc-ic-button,tr.sc-ic-button,th.sc-ic-button,td.sc-ic-button,article.sc-ic-button,aside.sc-ic-button,canvas.sc-ic-button,details.sc-ic-button,embed.sc-ic-button,figure.sc-ic-button,figcaption.sc-ic-button,footer.sc-ic-button,header.sc-ic-button,hgroup.sc-ic-button,menu.sc-ic-button,nav.sc-ic-button,output.sc-ic-button,ruby.sc-ic-button,section.sc-ic-button,summary.sc-ic-button,time.sc-ic-button,mark.sc-ic-button,audio.sc-ic-button,video.sc-ic-button{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-button-h{display:inline-block;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--icon-width:100%;--icon-height:100%}/*!@.button*/.button.sc-ic-button{font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:14px;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:100px;display:inline-flex;gap:var(--ic-space-xs);flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}/*!@.button:hover*/.button.sc-ic-button:hover{cursor:pointer}/*!@.button:focus,\n:host .button:focus*/.button.sc-ic-button:focus,.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@:host(.light) .button:focus*/.light.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus)}/*!@.button:focus-visible*/.button.sc-ic-button:focus-visible{outline:none}/*!@:host(.dark) .button*/.dark.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}/*!@:host(.light) .button*/.light.sc-ic-button-h .button.sc-ic-button{--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}/*!@:host(.button-variant-primary.light) .button*/.button-variant-primary.light.sc-ic-button-h .button.sc-ic-button{color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}/*!@:host(.button-variant-primary.dark) .button*/.button-variant-primary.dark.sc-ic-button-h .button.sc-ic-button{--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}/*!@:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button*/.disabled.sc-ic-button-h,.disabled.sc-ic-button-h .button.sc-ic-button,.loading.sc-ic-button-h,.loading.sc-ic-button-h .button.sc-ic-button{pointer-events:none}/*!@:host(.button-variant-primary) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--button-default)}/*!@:host(.button-variant-primary) .button:hover:not(:focus)*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-hover)}/*!@:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button*/.button-variant-primary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-primary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-active)}/*!@:host(.button-variant-primary.disabled) .button*/.button-variant-primary.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-variant-primary.light.disabled) .button*/.button-variant-primary.light.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-600);color:var(--ic-architectural-500)}/*!@:host(.button-variant-secondary) .button*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button{border:1px solid var(--button-default);color:var(--button-default)}/*!@:host(.button-variant-secondary) .button:hover:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-secondary) .button:active:not(:focus)*/.button-variant-secondary.sc-ic-button-h .button.sc-ic-button:active:not(:focus){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.loading) .button*/.button-variant-secondary.loading.sc-ic-button-h .button.sc-ic-button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active*/.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active*/.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-secondary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-tertiary) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button{color:var(--button-default)}/*!@:host(.button-variant-tertiary) .button:hover:not(:focus)*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary.loading) .button*/.button-variant-tertiary.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-tertiary.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active*/.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active*/.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-tertiary.light.disabled.sc-ic-button-h .button.sc-ic-button:active{border-color:var(--ic-architectural-500);color:var(--ic-architectural-500);background:none}/*!@:host(.button-variant-icon) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button{color:var(--button-default);min-width:0}/*!@:host(.button-variant-icon) .button:hover:not(:focus)*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}/*!@:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-icon.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--button-default-background-active);color:var(--button-default-active)}/*!@:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active*/.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:hover,.button-variant-icon.disabled.sc-ic-button-h .button.sc-ic-button:active{color:var(--ic-architectural-300);background:none}/*!@:host(.button-variant-destructive) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button{color:var(--ic-architectural-white);background-color:var(--ic-action-destructive);text-transform:uppercase}/*!@:host(.button-variant-destructive) .button:hover:not(:focus)*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:hover:not(:focus){background-color:var(--ic-action-destructive-hover)}/*!@:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive.loading) .button*/.button-variant-destructive.sc-ic-button-h .button.sc-ic-button:active:not(:focus),.button-variant-destructive.loading.sc-ic-button-h .button.sc-ic-button{background-color:var(--ic-action-destructive-active)}/*!@:host(.button-variant-destructive.disabled) .button*/.button-variant-destructive.disabled.sc-ic-button-h .button.sc-ic-button{background:var(--ic-architectural-200);color:var(--ic-architectural-300)}/*!@:host(.button-size-default) .button*/.button-size-default.sc-ic-button-h .button.sc-ic-button{height:40px;padding:var(--ic-space-xs) var(--ic-space-md)}/*!@:host(.button-size-small) .button*/.button-size-small.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);padding:var(--ic-space-xxs) var(--ic-space-md)}/*!@:host(.button-size-large) .button*/.button-size-large.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xxl);padding:var(--ic-space-sm) var(--ic-space-md)}/*!@:host(.button-size-default.button-variant-icon) .button*/.button-size-default.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-xl);width:var(--ic-space-xl);padding:6px}/*!@:host(.button-size-small.button-variant-icon) .button*/.button-size-small.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:var(--ic-space-lg);width:var(--ic-space-lg);padding:var(--ic-space-xxs)}/*!@:host(.button-size-large.button-variant-icon) .button*/.button-size-large.button-variant-icon.sc-ic-button-h .button.sc-ic-button{height:40px;width:40px;padding:var(--ic-space-xs)}/*!@:host(.full-width),\n:host(.full-width) .button*/.full-width.sc-ic-button-h,.full-width.sc-ic-button-h .button.sc-ic-button{width:100%}/*!@div.loading-container*/div.loading-container.sc-ic-button{position:relative;align-items:center}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}/*!@div.icon-container*/div.icon-container.sc-ic-button{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center}/*!@::slotted(svg)*/.sc-ic-button-s>svg{width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}/*!@:host(.button-variant-icon) .button .icon-container*/.button-variant-icon.sc-ic-button-h .button.sc-ic-button .icon-container.sc-ic-button{margin:0;pointer-events:none}/*!@:host(.search-submit-button) ::slotted(svg)*/.sc-ic-button-h.search-submit-button .sc-ic-button-s>svg{--icon-height:20px;--icon-width:20px}/*!@:host(.search-submit-button-small) ::slotted(svg)*/.sc-ic-button-h.search-submit-button-small .sc-ic-button-s>svg{--icon-height:16px;--icon-width:16px}/*!@:host(.clear-button)*/.clear-button.sc-ic-button-h{margin:0 var(--ic-space-xxs)}/*!@:host(.clear-button) .button:focus*/.clear-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:none}/*!@:host(.search-submit-button) .button:not(:active):focus*/.search-submit-button.sc-ic-button-h .button.sc-ic-button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}/*!@:host(.search-submit-button)*/.search-submit-button.sc-ic-button-h{display:flex;align-items:center;margin:0 var(--ic-space-xxs)}/*!@:host(.menu-close-button) ::slotted(svg)*/.sc-ic-button-h.menu-close-button .sc-ic-button-s>svg{--icon-height:14px;--icon-width:14px}/*!@:host(.popout-menu-button) .button*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button{justify-content:left;border-radius:0;white-space:pre-line;text-align:start}/*!@:host(.popout-menu-button) div.icon-container*/.popout-menu-button.sc-ic-button-h div.icon-container.sc-ic-button{flex:none}/*!@:host(.popout-menu-button) .button:focus*/.popout-menu-button.sc-ic-button-h .button.sc-ic-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}/*!@.ic-button-describedby*/.ic-button-describedby.sc-ic-button{display:none}/*!@:host .ic-tooltip*/.sc-ic-button-h .ic-tooltip.sc-ic-button{display:block}";
|
6700
6715
|
|
6701
6716
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
6702
6717
|
var t = {};
|
@@ -6738,7 +6753,6 @@ class Button {
|
|
6738
6753
|
};
|
6739
6754
|
this.disabled = false;
|
6740
6755
|
this.loading = false;
|
6741
|
-
this.iconRight = false;
|
6742
6756
|
this.type = "button";
|
6743
6757
|
this.href = undefined;
|
6744
6758
|
this.target = undefined;
|
@@ -6749,13 +6763,9 @@ class Button {
|
|
6749
6763
|
this.variant = "primary";
|
6750
6764
|
this.size = "default";
|
6751
6765
|
this.fullWidth = false;
|
6752
|
-
this.
|
6753
|
-
this.
|
6754
|
-
this.
|
6755
|
-
this.iconRightState = false;
|
6756
|
-
}
|
6757
|
-
setIconRightState() {
|
6758
|
-
this.iconRightState = this.iconRight;
|
6766
|
+
this.disableTooltip = false;
|
6767
|
+
this.tooltipPlacement = "bottom";
|
6768
|
+
this.appearance = "default";
|
6759
6769
|
}
|
6760
6770
|
calculateWidth() {
|
6761
6771
|
// Assume even padding on left and right
|
@@ -6808,7 +6818,7 @@ class Button {
|
|
6808
6818
|
updateTheme(newTheme = null) {
|
6809
6819
|
const foregroundColor = getThemeFromContext(this.el, newTheme || null);
|
6810
6820
|
if (foregroundColor !== IcThemeForegroundEnum.Default) {
|
6811
|
-
this.
|
6821
|
+
this.appearance = foregroundColor;
|
6812
6822
|
}
|
6813
6823
|
}
|
6814
6824
|
componentWillLoad() {
|
@@ -6819,11 +6829,10 @@ class Button {
|
|
6819
6829
|
]);
|
6820
6830
|
const id = this.el.id;
|
6821
6831
|
this.id = id !== undefined ? id : null;
|
6822
|
-
this.hasTooltip = this.variant === "icon"
|
6832
|
+
this.hasTooltip = this.variant === "icon";
|
6823
6833
|
}
|
6824
6834
|
componentDidLoad() {
|
6825
6835
|
this.calculateWidth();
|
6826
|
-
this.setIconRightState();
|
6827
6836
|
this.updateTheme();
|
6828
6837
|
}
|
6829
6838
|
render() {
|
@@ -6860,24 +6869,25 @@ class Button {
|
|
6860
6869
|
describedBy = `ic-tooltip-${buttonId}`;
|
6861
6870
|
}
|
6862
6871
|
const ButtonContent = () => {
|
6863
|
-
return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel }, buttonAttrs, restInheritedAttributes, titleAttr, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), id: buttonId, "aria-describedby": describedBy }), this.hasIconSlot() && !this.
|
6872
|
+
return (hAsync(TagType, Object.assign({ class: "button", "aria-disabled": this.loading || this.disabled ? "true" : null, "aria-label": this.loading ? "Loading" : ariaLabel }, buttonAttrs, restInheritedAttributes, titleAttr, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), id: buttonId, "aria-describedby": describedBy }), this.hasIconSlot() && !this.loading && (hAsync("div", { class: "icon-container" }, hAsync("slot", { name: "icon" }))), this.loading ? (hAsync("div", { class: "loading-container", style: this.getLoadingBarWidth() }, hAsync("ic-loading-indicator", { type: "linear", appearance: this.variant === "primary" ||
|
6864
6873
|
this.variant === "destructive" ||
|
6865
|
-
this.
|
6866
|
-
this.
|
6874
|
+
this.appearance === IcThemeForegroundEnum.Dark ||
|
6875
|
+
this.appearance === IcThemeForegroundEnum.Light
|
6876
|
+
? "light"
|
6877
|
+
: "dark" }))) : (hAsync("slot", null))));
|
6867
6878
|
};
|
6868
6879
|
return (hAsync(Host, { class: {
|
6869
6880
|
["disabled"]: this.disabled && !this.loading,
|
6870
6881
|
[`button-variant-${this.variant}`]: true,
|
6871
6882
|
[`button-size-${this.size}`]: true,
|
6872
6883
|
["loading"]: this.loading,
|
6873
|
-
["dark"]: this.
|
6874
|
-
["light"]: this.
|
6884
|
+
["dark"]: this.appearance === IcThemeForegroundEnum.Dark,
|
6885
|
+
["light"]: this.appearance === IcThemeForegroundEnum.Light,
|
6875
6886
|
["full-width"]: this.fullWidth,
|
6876
|
-
}, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { ref: (el) => (this.tooltipEl = el), label: tooltipText,
|
6887
|
+
}, onClick: this.handleClick }, this.hasTooltip && (hAsync("ic-tooltip", { class: { ["tooltip-disabled-button"]: this.disableTooltip }, ref: (el) => (this.tooltipEl = el), label: tooltipText, target: buttonId, placement: this.tooltipPlacement }, hAsync(ButtonContent, null))), !this.hasTooltip && hAsync(ButtonContent, null)));
|
6877
6888
|
}
|
6878
6889
|
get el() { return getElement(this); }
|
6879
6890
|
static get watchers() { return {
|
6880
|
-
"iconRight": ["setIconRightState"],
|
6881
6891
|
"loading": ["calculateWidth"]
|
6882
6892
|
}; }
|
6883
6893
|
static get style() { return icButtonCss; }
|
@@ -6887,7 +6897,6 @@ class Button {
|
|
6887
6897
|
"$members$": {
|
6888
6898
|
"disabled": [4],
|
6889
6899
|
"loading": [4],
|
6890
|
-
"iconRight": [4, "icon-right"],
|
6891
6900
|
"type": [1],
|
6892
6901
|
"href": [1],
|
6893
6902
|
"target": [1],
|
@@ -6898,10 +6907,9 @@ class Button {
|
|
6898
6907
|
"variant": [1],
|
6899
6908
|
"size": [1],
|
6900
6909
|
"fullWidth": [4, "full-width"],
|
6901
|
-
"
|
6902
|
-
"
|
6903
|
-
"
|
6904
|
-
"iconRightState": [32],
|
6910
|
+
"disableTooltip": [4, "disable-tooltip"],
|
6911
|
+
"tooltipPlacement": [1, "tooltip-placement"],
|
6912
|
+
"appearance": [1025],
|
6905
6913
|
"setFocus": [64],
|
6906
6914
|
"updateAriaLabel": [64]
|
6907
6915
|
},
|
@@ -7015,7 +7023,7 @@ class Card {
|
|
7015
7023
|
}; }
|
7016
7024
|
}
|
7017
7025
|
|
7018
|
-
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host([disabled])*/[disabled].sc-ic-checkbox-h{color:var(--ic-architectural-200);pointer-events:none}/*!@:host([dense]) .container*/[dense].sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:10px}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;margin-bottom:var(--ic-space-sm);margin-left:var(--ic-space-xxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:1px solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:1px solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox.indeterminate:checked*/.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:transparent;border:2px solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox.indeterminate:checked:hover*/.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover);border:2px solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-active)}/*!@.checkbox.indeterminate:checked:active*/.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active);border:2px solid var(--ic-action-default-active)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 4px var(--ic-action-default-bg-hover);border:1px solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active);border:1px solid var(--ic-action-default-active)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:1px dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:14px;height:var(--ic-space-xxxs);top:11px;right:-19px;margin-left:-14px;z-index:1;background-color:var(--ic-action-default);pointer-events:none}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-active)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:44px;margin-top:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 3px;border-bottom:2px solid var(--ic-action-default);border-left:2px solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin-left:15px;margin-top:-6px;margin-bottom:var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);margin-top:7px;margin-bottom:var(--ic-space-xs);border-radius:2%}";
|
7026
|
+
const icCheckboxCss = "/*!@html*/html.sc-ic-checkbox{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-checkbox{margin:0}/*!@main*/main.sc-ic-checkbox{display:block}/*!@h1*/h1.sc-ic-checkbox{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-checkbox{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-checkbox{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-checkbox{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-checkbox,strong.sc-ic-checkbox{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-checkbox,kbd.sc-ic-checkbox,samp.sc-ic-checkbox{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-checkbox{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-checkbox,sup.sc-ic-checkbox{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-checkbox{bottom:-0.25em}/*!@sup*/sup.sc-ic-checkbox{top:-0.5em}/*!@img*/img.sc-ic-checkbox{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-checkbox,input.sc-ic-checkbox,optgroup.sc-ic-checkbox,select.sc-ic-checkbox,textarea.sc-ic-checkbox{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-checkbox,input.sc-ic-checkbox{overflow:visible}/*!@button,\nselect*/button.sc-ic-checkbox,select.sc-ic-checkbox{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-checkbox,[type=\"button\"].sc-ic-checkbox,[type=\"reset\"].sc-ic-checkbox,[type=\"submit\"].sc-ic-checkbox{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-checkbox::-moz-focus-inner,[type=\"button\"].sc-ic-checkbox::-moz-focus-inner,[type=\"reset\"].sc-ic-checkbox::-moz-focus-inner,[type=\"submit\"].sc-ic-checkbox::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-checkbox:-moz-focusring,[type=\"button\"].sc-ic-checkbox:-moz-focusring,[type=\"reset\"].sc-ic-checkbox:-moz-focusring,[type=\"submit\"].sc-ic-checkbox:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-checkbox{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-checkbox{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-checkbox{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-checkbox{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-checkbox,[type=\"radio\"].sc-ic-checkbox{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-checkbox::-webkit-inner-spin-button,[type=\"number\"].sc-ic-checkbox::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-checkbox{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-checkbox::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-checkbox::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-checkbox{display:block}/*!@summary*/summary.sc-ic-checkbox{display:list-item}/*!@template*/template.sc-ic-checkbox{display:none}/*!@[hidden]*/[hidden].sc-ic-checkbox{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-checkbox,body.sc-ic-checkbox,div.sc-ic-checkbox,span.sc-ic-checkbox,applet.sc-ic-checkbox,object.sc-ic-checkbox,iframe.sc-ic-checkbox,h1.sc-ic-checkbox,h2.sc-ic-checkbox,h3.sc-ic-checkbox,h4.sc-ic-checkbox,h5.sc-ic-checkbox,h6.sc-ic-checkbox,p.sc-ic-checkbox,blockquote.sc-ic-checkbox,pre.sc-ic-checkbox,a.sc-ic-checkbox,abbr.sc-ic-checkbox,acronym.sc-ic-checkbox,address.sc-ic-checkbox,big.sc-ic-checkbox,cite.sc-ic-checkbox,code.sc-ic-checkbox,del.sc-ic-checkbox,dfn.sc-ic-checkbox,em.sc-ic-checkbox,img.sc-ic-checkbox,ins.sc-ic-checkbox,kbd.sc-ic-checkbox,q.sc-ic-checkbox,s.sc-ic-checkbox,samp.sc-ic-checkbox,small.sc-ic-checkbox,strike.sc-ic-checkbox,strong.sc-ic-checkbox,sub.sc-ic-checkbox,sup.sc-ic-checkbox,tt.sc-ic-checkbox,var.sc-ic-checkbox,b.sc-ic-checkbox,u.sc-ic-checkbox,i.sc-ic-checkbox,center.sc-ic-checkbox,dl.sc-ic-checkbox,dt.sc-ic-checkbox,dd.sc-ic-checkbox,ol.sc-ic-checkbox,ul.sc-ic-checkbox,li.sc-ic-checkbox,fieldset.sc-ic-checkbox,form.sc-ic-checkbox,label.sc-ic-checkbox,legend.sc-ic-checkbox,table.sc-ic-checkbox,caption.sc-ic-checkbox,tbody.sc-ic-checkbox,tfoot.sc-ic-checkbox,thead.sc-ic-checkbox,tr.sc-ic-checkbox,th.sc-ic-checkbox,td.sc-ic-checkbox,article.sc-ic-checkbox,aside.sc-ic-checkbox,canvas.sc-ic-checkbox,details.sc-ic-checkbox,embed.sc-ic-checkbox,figure.sc-ic-checkbox,figcaption.sc-ic-checkbox,footer.sc-ic-checkbox,header.sc-ic-checkbox,hgroup.sc-ic-checkbox,menu.sc-ic-checkbox,nav.sc-ic-checkbox,output.sc-ic-checkbox,ruby.sc-ic-checkbox,section.sc-ic-checkbox,summary.sc-ic-checkbox,time.sc-ic-checkbox,mark.sc-ic-checkbox,audio.sc-ic-checkbox,video.sc-ic-checkbox{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host([disabled])*/[disabled].sc-ic-checkbox-h{color:var(--ic-architectural-200);pointer-events:none}/*!@:host([small]) .container*/[small].sc-ic-checkbox-h .container.sc-ic-checkbox{margin-bottom:10px}/*!@.container*/.container.sc-ic-checkbox{display:flex;width:-moz-fit-content;width:fit-content;margin-bottom:var(--ic-space-sm);margin-left:var(--ic-space-xxs)}/*!@.checkbox*/.checkbox.sc-ic-checkbox{-webkit-appearance:none;-moz-appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:transparent;border:1px solid var(--ic-architectural-300);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast)}/*!@.checkbox:checked*/.checkbox.sc-ic-checkbox:checked{background-color:var(--ic-action-default);border:1px solid var(--ic-action-default);transition:var(--ic-easing-transition-slow)}/*!@.checkbox:checked:disabled*/.checkbox.sc-ic-checkbox:checked:disabled{background-color:var(--ic-architectural-200)}/*!@.checkbox.indeterminate:checked*/.checkbox.indeterminate.sc-ic-checkbox:checked{background-color:transparent;border:2px solid var(--ic-action-default)}/*!@.checkbox:checked:hover*/.checkbox.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-hover)}/*!@.checkbox.indeterminate:checked:hover*/.checkbox.indeterminate.sc-ic-checkbox:checked:hover{background-color:var(--ic-action-default-bg-hover);border:2px solid var(--ic-action-default-hover)}/*!@.checkbox:checked:active*/.checkbox.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-active)}/*!@.checkbox.indeterminate:checked:active*/.checkbox.indeterminate.sc-ic-checkbox:checked:active{background-color:var(--ic-action-default-bg-active);border:2px solid var(--ic-action-default-active)}/*!@.checkbox:hover*/.checkbox.sc-ic-checkbox:hover{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 4px var(--ic-action-default-bg-hover);border:1px solid var(--ic-action-default-hover)}/*!@.checkbox:active*/.checkbox.sc-ic-checkbox:active{background-color:var(--ic-action-default-bg-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active);border:1px solid var(--ic-action-default-active)}/*!@.checkbox:focus*/.checkbox.sc-ic-checkbox:focus{box-shadow:var(--ic-border-focus)}/*!@.checkbox:disabled*/.checkbox.sc-ic-checkbox:disabled{border:1px dashed var(--ic-architectural-200)}/*!@.checkbox-label*/.checkbox-label.sc-ic-checkbox{padding-left:var(--ic-space-sm)}/*!@.checkbox-label:hover*/.checkbox-label.sc-ic-checkbox:hover{cursor:pointer}/*!@.checkmark*/.checkmark.sc-ic-checkbox{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:white;z-index:1;background-color:transparent;pointer-events:none}/*!@.indeterminate-symbol*/.indeterminate-symbol.sc-ic-checkbox{position:relative;width:14px;height:var(--ic-space-xxxs);top:11px;right:-19px;margin-left:-14px;z-index:1;background-color:var(--ic-action-default);pointer-events:none}/*!@.container:hover .indeterminate-symbol*/.container.sc-ic-checkbox:hover .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-hover)}/*!@.container:active .indeterminate-symbol*/.container.sc-ic-checkbox:active .indeterminate-symbol.sc-ic-checkbox{background-color:var(--ic-action-default-active)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-checkbox{margin-left:44px;margin-top:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-checkbox{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 3px;border-bottom:2px solid var(--ic-action-default);border-left:2px solid var(--ic-action-default)}/*!@.dynamic-container*/.dynamic-container.sc-ic-checkbox{display:flex;position:relative;margin-left:15px;margin-top:-6px;margin-bottom:var(--ic-space-md);gap:var(--ic-space-xs)}/*!@.dynamic-text*/.dynamic-text.sc-ic-checkbox{color:var(--ic-action-default);margin-top:7px;margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-checkbox-s>ic-text-field{--input-width:100%}}";
|
7019
7027
|
|
7020
7028
|
class Checkbox {
|
7021
7029
|
constructor(hostRef) {
|
@@ -7025,6 +7033,9 @@ class Checkbox {
|
|
7025
7033
|
this.checked = !this.checked;
|
7026
7034
|
this.checkboxChecked.emit();
|
7027
7035
|
};
|
7036
|
+
this.handleFormReset = () => {
|
7037
|
+
this.checked = this.initiallyChecked;
|
7038
|
+
};
|
7028
7039
|
this.checked = false;
|
7029
7040
|
this.disabled = false;
|
7030
7041
|
this.label = undefined;
|
@@ -7034,6 +7045,7 @@ class Checkbox {
|
|
7034
7045
|
this.dynamicText = "This selection requires additional answers";
|
7035
7046
|
this.additionalFieldDisplay = "static";
|
7036
7047
|
this.indeterminate = false;
|
7048
|
+
this.initiallyChecked = this.checked;
|
7037
7049
|
}
|
7038
7050
|
componentDidRender() {
|
7039
7051
|
if (this.additionalFieldDisplay === "static") {
|
@@ -7054,12 +7066,18 @@ class Checkbox {
|
|
7054
7066
|
}
|
7055
7067
|
}
|
7056
7068
|
}
|
7069
|
+
componentWillLoad() {
|
7070
|
+
addFormResetListener(this.host, this.handleFormReset);
|
7071
|
+
}
|
7057
7072
|
componentDidLoad() {
|
7058
7073
|
onComponentRequiredPropUndefined([
|
7059
7074
|
{ prop: this.label, propName: "label" },
|
7060
7075
|
{ prop: this.value, propName: "value" },
|
7061
7076
|
], "Checkbox");
|
7062
7077
|
}
|
7078
|
+
disconnectedCallback() {
|
7079
|
+
removeFormResetListener(this.host, this.handleFormReset);
|
7080
|
+
}
|
7063
7081
|
render() {
|
7064
7082
|
const id = `ic-checkbox-${this.label !== undefined ? this.label : this.value}-${this.groupLabel}`;
|
7065
7083
|
this.checked
|
@@ -7079,7 +7097,7 @@ class Checkbox {
|
|
7079
7097
|
"$flags$": 9,
|
7080
7098
|
"$tagName$": "ic-checkbox",
|
7081
7099
|
"$members$": {
|
7082
|
-
"checked": [
|
7100
|
+
"checked": [1540],
|
7083
7101
|
"disabled": [4],
|
7084
7102
|
"label": [1],
|
7085
7103
|
"value": [1],
|
@@ -7087,7 +7105,8 @@ class Checkbox {
|
|
7087
7105
|
"groupLabel": [1, "group-label"],
|
7088
7106
|
"dynamicText": [1, "dynamic-text"],
|
7089
7107
|
"additionalFieldDisplay": [513, "additional-field-display"],
|
7090
|
-
"indeterminate": [4]
|
7108
|
+
"indeterminate": [4],
|
7109
|
+
"initiallyChecked": [32]
|
7091
7110
|
},
|
7092
7111
|
"$listeners$": undefined,
|
7093
7112
|
"$lazyBundleId$": "-",
|
@@ -7107,7 +7126,7 @@ class CheckboxGroup {
|
|
7107
7126
|
this.hideLabel = false;
|
7108
7127
|
this.disabled = false;
|
7109
7128
|
this.helperText = "";
|
7110
|
-
this.
|
7129
|
+
this.small = false;
|
7111
7130
|
this.validationStatus = "";
|
7112
7131
|
this.validationText = "";
|
7113
7132
|
this.checkedOptions = [];
|
@@ -7159,7 +7178,7 @@ class CheckboxGroup {
|
|
7159
7178
|
"hideLabel": [4, "hide-label"],
|
7160
7179
|
"disabled": [4],
|
7161
7180
|
"helperText": [1, "helper-text"],
|
7162
|
-
"
|
7181
|
+
"small": [4],
|
7163
7182
|
"validationStatus": [1, "validation-status"],
|
7164
7183
|
"validationText": [1, "validation-text"],
|
7165
7184
|
"checkedOptions": [32]
|
@@ -7217,23 +7236,23 @@ class ClassificationBanner {
|
|
7217
7236
|
}; }
|
7218
7237
|
}
|
7219
7238
|
|
7220
|
-
const icDataEntityCss = "/*!@html*/html.sc-ic-data-entity{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-entity{margin:0}/*!@main*/main.sc-ic-data-entity{display:block}/*!@h1*/h1.sc-ic-data-entity{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-entity{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-entity{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-entity{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-entity,strong.sc-ic-data-entity{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-entity,kbd.sc-ic-data-entity,samp.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-entity{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-entity,sup.sc-ic-data-entity{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-entity{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-entity{top:-0.5em}/*!@img*/img.sc-ic-data-entity{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-entity,input.sc-ic-data-entity,optgroup.sc-ic-data-entity,select.sc-ic-data-entity,textarea.sc-ic-data-entity{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-entity,input.sc-ic-data-entity{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-entity,select.sc-ic-data-entity{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-entity,[type=\"button\"].sc-ic-data-entity,[type=\"reset\"].sc-ic-data-entity,[type=\"submit\"].sc-ic-data-entity{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-data-entity::-moz-focus-inner,[type=\"button\"].sc-ic-data-entity::-moz-focus-inner,[type=\"reset\"].sc-ic-data-entity::-moz-focus-inner,[type=\"submit\"].sc-ic-data-entity::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-data-entity:-moz-focusring,[type=\"button\"].sc-ic-data-entity:-moz-focusring,[type=\"reset\"].sc-ic-data-entity:-moz-focusring,[type=\"submit\"].sc-ic-data-entity:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-entity{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-entity{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-entity{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-entity{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-entity,[type=\"radio\"].sc-ic-data-entity{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-entity::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-entity::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-entity{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-entity::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-entity::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-entity{display:block}/*!@summary*/summary.sc-ic-data-entity{display:list-item}/*!@template*/template.sc-ic-data-entity{display:none}/*!@[hidden]*/[hidden].sc-ic-data-entity{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-data-entity,body.sc-ic-data-entity,div.sc-ic-data-entity,span.sc-ic-data-entity,applet.sc-ic-data-entity,object.sc-ic-data-entity,iframe.sc-ic-data-entity,h1.sc-ic-data-entity,h2.sc-ic-data-entity,h3.sc-ic-data-entity,h4.sc-ic-data-entity,h5.sc-ic-data-entity,h6.sc-ic-data-entity,p.sc-ic-data-entity,blockquote.sc-ic-data-entity,pre.sc-ic-data-entity,a.sc-ic-data-entity,abbr.sc-ic-data-entity,acronym.sc-ic-data-entity,address.sc-ic-data-entity,big.sc-ic-data-entity,cite.sc-ic-data-entity,code.sc-ic-data-entity,del.sc-ic-data-entity,dfn.sc-ic-data-entity,em.sc-ic-data-entity,img.sc-ic-data-entity,ins.sc-ic-data-entity,kbd.sc-ic-data-entity,q.sc-ic-data-entity,s.sc-ic-data-entity,samp.sc-ic-data-entity,small.sc-ic-data-entity,strike.sc-ic-data-entity,strong.sc-ic-data-entity,sub.sc-ic-data-entity,sup.sc-ic-data-entity,tt.sc-ic-data-entity,var.sc-ic-data-entity,b.sc-ic-data-entity,u.sc-ic-data-entity,i.sc-ic-data-entity,center.sc-ic-data-entity,dl.sc-ic-data-entity,dt.sc-ic-data-entity,dd.sc-ic-data-entity,ol.sc-ic-data-entity,ul.sc-ic-data-entity,li.sc-ic-data-entity,fieldset.sc-ic-data-entity,form.sc-ic-data-entity,label.sc-ic-data-entity,legend.sc-ic-data-entity,table.sc-ic-data-entity,caption.sc-ic-data-entity,tbody.sc-ic-data-entity,tfoot.sc-ic-data-entity,thead.sc-ic-data-entity,tr.sc-ic-data-entity,th.sc-ic-data-entity,td.sc-ic-data-entity,article.sc-ic-data-entity,aside.sc-ic-data-entity,canvas.sc-ic-data-entity,details.sc-ic-data-entity,embed.sc-ic-data-entity,figure.sc-ic-data-entity,figcaption.sc-ic-data-entity,footer.sc-ic-data-entity,header.sc-ic-data-entity,hgroup.sc-ic-data-entity,menu.sc-ic-data-entity,nav.sc-ic-data-entity,output.sc-ic-data-entity,ruby.sc-ic-data-entity,section.sc-ic-data-entity,summary.sc-ic-data-entity,time.sc-ic-data-entity,mark.sc-ic-data-entity,audio.sc-ic-data-entity,video.sc-ic-data-entity{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-entity-h{display:block}/*!@.rows*/.rows.sc-ic-data-entity{display:flex;flex-direction:column;gap:var(--ic-space-md)}/*!@:host(.
|
7239
|
+
const icDataEntityCss = "/*!@html*/html.sc-ic-data-entity{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-data-entity{margin:0}/*!@main*/main.sc-ic-data-entity{display:block}/*!@h1*/h1.sc-ic-data-entity{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-data-entity{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-data-entity{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-data-entity{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-data-entity,strong.sc-ic-data-entity{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-data-entity,kbd.sc-ic-data-entity,samp.sc-ic-data-entity{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-data-entity{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-data-entity,sup.sc-ic-data-entity{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-data-entity{bottom:-0.25em}/*!@sup*/sup.sc-ic-data-entity{top:-0.5em}/*!@img*/img.sc-ic-data-entity{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-data-entity,input.sc-ic-data-entity,optgroup.sc-ic-data-entity,select.sc-ic-data-entity,textarea.sc-ic-data-entity{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-data-entity,input.sc-ic-data-entity{overflow:visible}/*!@button,\nselect*/button.sc-ic-data-entity,select.sc-ic-data-entity{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-data-entity,[type=\"button\"].sc-ic-data-entity,[type=\"reset\"].sc-ic-data-entity,[type=\"submit\"].sc-ic-data-entity{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-data-entity::-moz-focus-inner,[type=\"button\"].sc-ic-data-entity::-moz-focus-inner,[type=\"reset\"].sc-ic-data-entity::-moz-focus-inner,[type=\"submit\"].sc-ic-data-entity::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-data-entity:-moz-focusring,[type=\"button\"].sc-ic-data-entity:-moz-focusring,[type=\"reset\"].sc-ic-data-entity:-moz-focusring,[type=\"submit\"].sc-ic-data-entity:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-data-entity{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-data-entity{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-data-entity{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-data-entity{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-data-entity,[type=\"radio\"].sc-ic-data-entity{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-data-entity::-webkit-inner-spin-button,[type=\"number\"].sc-ic-data-entity::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-data-entity{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-data-entity::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-data-entity::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-data-entity{display:block}/*!@summary*/summary.sc-ic-data-entity{display:list-item}/*!@template*/template.sc-ic-data-entity{display:none}/*!@[hidden]*/[hidden].sc-ic-data-entity{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-data-entity,body.sc-ic-data-entity,div.sc-ic-data-entity,span.sc-ic-data-entity,applet.sc-ic-data-entity,object.sc-ic-data-entity,iframe.sc-ic-data-entity,h1.sc-ic-data-entity,h2.sc-ic-data-entity,h3.sc-ic-data-entity,h4.sc-ic-data-entity,h5.sc-ic-data-entity,h6.sc-ic-data-entity,p.sc-ic-data-entity,blockquote.sc-ic-data-entity,pre.sc-ic-data-entity,a.sc-ic-data-entity,abbr.sc-ic-data-entity,acronym.sc-ic-data-entity,address.sc-ic-data-entity,big.sc-ic-data-entity,cite.sc-ic-data-entity,code.sc-ic-data-entity,del.sc-ic-data-entity,dfn.sc-ic-data-entity,em.sc-ic-data-entity,img.sc-ic-data-entity,ins.sc-ic-data-entity,kbd.sc-ic-data-entity,q.sc-ic-data-entity,s.sc-ic-data-entity,samp.sc-ic-data-entity,small.sc-ic-data-entity,strike.sc-ic-data-entity,strong.sc-ic-data-entity,sub.sc-ic-data-entity,sup.sc-ic-data-entity,tt.sc-ic-data-entity,var.sc-ic-data-entity,b.sc-ic-data-entity,u.sc-ic-data-entity,i.sc-ic-data-entity,center.sc-ic-data-entity,dl.sc-ic-data-entity,dt.sc-ic-data-entity,dd.sc-ic-data-entity,ol.sc-ic-data-entity,ul.sc-ic-data-entity,li.sc-ic-data-entity,fieldset.sc-ic-data-entity,form.sc-ic-data-entity,label.sc-ic-data-entity,legend.sc-ic-data-entity,table.sc-ic-data-entity,caption.sc-ic-data-entity,tbody.sc-ic-data-entity,tfoot.sc-ic-data-entity,thead.sc-ic-data-entity,tr.sc-ic-data-entity,th.sc-ic-data-entity,td.sc-ic-data-entity,article.sc-ic-data-entity,aside.sc-ic-data-entity,canvas.sc-ic-data-entity,details.sc-ic-data-entity,embed.sc-ic-data-entity,figure.sc-ic-data-entity,figcaption.sc-ic-data-entity,footer.sc-ic-data-entity,header.sc-ic-data-entity,hgroup.sc-ic-data-entity,menu.sc-ic-data-entity,nav.sc-ic-data-entity,output.sc-ic-data-entity,ruby.sc-ic-data-entity,section.sc-ic-data-entity,summary.sc-ic-data-entity,time.sc-ic-data-entity,mark.sc-ic-data-entity,audio.sc-ic-data-entity,video.sc-ic-data-entity{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-data-entity-h{display:block}/*!@.rows*/.rows.sc-ic-data-entity{display:flex;flex-direction:column;gap:var(--ic-space-md)}/*!@:host(.small) .rows*/.small.sc-ic-data-entity-h .rows.sc-ic-data-entity{gap:var(--ic-space-xs)}/*!@.divider*/.divider.sc-ic-data-entity{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:1px;background-color:var(--ic-architectural-300)}/*!@:host(.small) .divider*/.small.sc-ic-data-entity-h .divider.sc-ic-data-entity{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}";
|
7221
7240
|
|
7222
7241
|
class DataEntity {
|
7223
7242
|
constructor(hostRef) {
|
7224
7243
|
registerInstance(this, hostRef);
|
7225
7244
|
this.heading = undefined;
|
7226
|
-
this.
|
7245
|
+
this.small = false;
|
7227
7246
|
}
|
7228
7247
|
render() {
|
7229
|
-
const { heading,
|
7248
|
+
const { heading, small } = this;
|
7230
7249
|
const children = this.el.children;
|
7231
|
-
if (
|
7250
|
+
if (small) {
|
7232
7251
|
for (let i = 0; i < children.length; i++) {
|
7233
|
-
children[i].setAttribute("
|
7252
|
+
children[i].setAttribute("small", "true");
|
7234
7253
|
}
|
7235
7254
|
}
|
7236
|
-
return (hAsync(Host, { class: { ["
|
7255
|
+
return (hAsync(Host, { class: { ["small"]: small } }, hAsync("div", { class: "heading", id: "data-entity-heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: "h3" }, heading))), hAsync("div", { class: "divider" }), hAsync("ul", { "aria-labelledby": "data-entity-heading", class: "rows" }, hAsync("slot", null))));
|
7237
7256
|
}
|
7238
7257
|
get el() { return getElement(this); }
|
7239
7258
|
static get style() { return icDataEntityCss; }
|
@@ -7242,7 +7261,7 @@ class DataEntity {
|
|
7242
7261
|
"$tagName$": "ic-data-entity",
|
7243
7262
|
"$members$": {
|
7244
7263
|
"heading": [1],
|
7245
|
-
"
|
7264
|
+
"small": [4]
|
7246
7265
|
},
|
7247
7266
|
"$listeners$": undefined,
|
7248
7267
|
"$lazyBundleId$": "-",
|
@@ -7250,7 +7269,7 @@ class DataEntity {
|
|
7250
7269
|
}; }
|
7251
7270
|
}
|
7252
7271
|
|
7253
|
-
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(.
|
7272
|
+
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}";
|
7254
7273
|
|
7255
7274
|
/**
|
7256
7275
|
* @slot label - Content will be rendered in the leftmost cell.
|
@@ -7270,7 +7289,7 @@ class DataRow {
|
|
7270
7289
|
};
|
7271
7290
|
this.label = undefined;
|
7272
7291
|
this.value = undefined;
|
7273
|
-
this.
|
7292
|
+
this.small = false;
|
7274
7293
|
this.deviceSize = DEVICE_SIZES.XL;
|
7275
7294
|
this.entitySize = undefined;
|
7276
7295
|
}
|
@@ -7308,9 +7327,9 @@ class DataRow {
|
|
7308
7327
|
}
|
7309
7328
|
}
|
7310
7329
|
render() {
|
7311
|
-
const { label, value,
|
7330
|
+
const { label, value, small } = this;
|
7312
7331
|
return (hAsync(Host, { class: {
|
7313
|
-
["
|
7332
|
+
["small"]: small,
|
7314
7333
|
["breakpoint-medium"]: this.entitySize === "m",
|
7315
7334
|
["breakpoint-xs"]: this.entitySize === "xs",
|
7316
7335
|
}, role: "listitem" }, hAsync("div", { class: "data" }, hAsync("div", { class: "text-cells" }, hAsync("div", { class: "label" }, hAsync("slot", { name: "label" }, hAsync("ic-typography", { variant: this.entitySize === "xs" ? "label" : "subtitle-large" }, label))), hAsync("div", { class: "value" }, hAsync("slot", { name: "value" }, hAsync("ic-typography", { variant: "body" }, value)))), this.hasEndComponent && (hAsync("div", { class: "end-component" }, hAsync("div", { role: "cell" }, hAsync("slot", { name: "end-component" }))))), hAsync("div", { class: "divider" })));
|
@@ -7323,7 +7342,7 @@ class DataRow {
|
|
7323
7342
|
"$members$": {
|
7324
7343
|
"label": [1],
|
7325
7344
|
"value": [1],
|
7326
|
-
"
|
7345
|
+
"small": [4],
|
7327
7346
|
"deviceSize": [32],
|
7328
7347
|
"entitySize": [32]
|
7329
7348
|
},
|
@@ -7362,7 +7381,7 @@ class Divider {
|
|
7362
7381
|
}; }
|
7363
7382
|
}
|
7364
7383
|
|
7365
|
-
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-
|
7384
|
+
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)}";
|
7366
7385
|
|
7367
7386
|
/**
|
7368
7387
|
* @slot description - Content will be rendered at the top of the footer
|
@@ -7389,24 +7408,24 @@ class Footer {
|
|
7389
7408
|
};
|
7390
7409
|
this.description = undefined;
|
7391
7410
|
this.aligned = "left";
|
7392
|
-
this.breakpoint = "
|
7411
|
+
this.breakpoint = "medium";
|
7393
7412
|
this.groupLinks = false;
|
7394
7413
|
this.caption = undefined;
|
7395
7414
|
this.copyright = true;
|
7396
7415
|
this.deviceSize = IC_DEVICE_SIZES.XL;
|
7397
7416
|
this.foregroundColor = getThemeForegroundColor();
|
7398
7417
|
}
|
7399
|
-
|
7400
|
-
const bp = this.breakpoint
|
7401
|
-
return bp === "
|
7418
|
+
isSmall() {
|
7419
|
+
const bp = this.breakpoint;
|
7420
|
+
return bp === "extra small"
|
7402
7421
|
? this.deviceSize < IC_DEVICE_SIZES.XS
|
7403
|
-
: bp === "
|
7422
|
+
: bp === "small"
|
7404
7423
|
? this.deviceSize < IC_DEVICE_SIZES.S
|
7405
|
-
: bp === "
|
7424
|
+
: bp === "medium"
|
7406
7425
|
? this.deviceSize < IC_DEVICE_SIZES.M
|
7407
|
-
: bp === "
|
7426
|
+
: bp === "large"
|
7408
7427
|
? this.deviceSize < IC_DEVICE_SIZES.L
|
7409
|
-
: bp === "
|
7428
|
+
: bp === "extra large"
|
7410
7429
|
? this.deviceSize < IC_DEVICE_SIZES.XL
|
7411
7430
|
: false;
|
7412
7431
|
}
|
@@ -7425,16 +7444,16 @@ class Footer {
|
|
7425
7444
|
}
|
7426
7445
|
render() {
|
7427
7446
|
const { aligned, caption, copyright, description, groupLinks, foregroundColor, } = this;
|
7428
|
-
const
|
7447
|
+
const small = this.isSmall();
|
7429
7448
|
return (hAsync(Host, { class: {
|
7430
7449
|
footer: true,
|
7431
|
-
[`footer-${
|
7450
|
+
[`footer-${small ? "small" : "sparse"}`]: true,
|
7432
7451
|
[`footer-${groupLinks ? "grouped" : "ungrouped"}`]: true,
|
7433
7452
|
[`footer-${foregroundColor}`]: true,
|
7434
7453
|
// Slots will be able to infer their own color
|
7435
7454
|
[IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
|
7436
7455
|
[IcThemeForegroundEnum.Light]: foregroundColor === IcThemeForegroundEnum.Light,
|
7437
|
-
} }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description))))), hAsync("div", { class: "footer-links" }, groupLinks &&
|
7456
|
+
} }, hAsync("footer", { ref: (footerEl) => (this.footerEl = footerEl) }, hAsync("div", { class: "footer-description" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-description-inner" }, hAsync("ic-typography", { variant: "body" }, hAsync("slot", { name: "description" }, description))))), hAsync("div", { class: "footer-links" }, groupLinks && small ? (hAsync("div", { class: "footer-links-inner" }, hAsync("slot", { name: "link" }))) : (hAsync("ic-section-container", { fullHeight: true, aligned: aligned }, hAsync("div", { class: "footer-links-inner" }, hAsync("slot", { name: "link" }))))), hAsync("div", { class: "footer-compliance" }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true }, hAsync("div", { class: "footer-compliance-inner" }, hAsync("div", { class: "footer-logo" }, hAsync("slot", { name: "logo" })), hAsync("div", { class: "footer-caption" }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M ? "caption" : "body" }, hAsync("slot", { name: "caption" }, caption))), copyright && (hAsync("div", { class: {
|
7438
7457
|
["footer-copyright"]: true,
|
7439
7458
|
["classification-spacing"]: hasClassificationBanner(),
|
7440
7459
|
} }, hAsync("ic-typography", { variant: this.deviceSize <= IC_DEVICE_SIZES.M
|
@@ -7462,13 +7481,13 @@ class Footer {
|
|
7462
7481
|
}; }
|
7463
7482
|
}
|
7464
7483
|
|
7465
|
-
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-dense)*/.footer-link-ungrouped-dense.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-dense)*/.footer-link-grouped-dense.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{outline:none;text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@: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:none;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:var(--ic-action-default);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}";
|
7484
|
+
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{outline:none;text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@: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:none;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}";
|
7466
7485
|
|
7467
7486
|
class FooterLink {
|
7468
7487
|
constructor(hostRef) {
|
7469
7488
|
registerInstance(this, hostRef);
|
7470
7489
|
this.href = null;
|
7471
|
-
this.footerConfig = {
|
7490
|
+
this.footerConfig = { small: false, grouped: false };
|
7472
7491
|
this.deviceSize = DEVICE_SIZES.XL;
|
7473
7492
|
this.foregroundColor = getThemeForegroundColor();
|
7474
7493
|
}
|
@@ -7476,7 +7495,7 @@ class FooterLink {
|
|
7476
7495
|
if (e.parentElement !== null) {
|
7477
7496
|
if (e.parentElement.classList.contains("footer")) {
|
7478
7497
|
return {
|
7479
|
-
|
7498
|
+
small: e.parentElement.classList.contains("footer-small"),
|
7480
7499
|
grouped: e.parentElement.classList.contains("footer-grouped"),
|
7481
7500
|
};
|
7482
7501
|
}
|
@@ -7485,7 +7504,7 @@ class FooterLink {
|
|
7485
7504
|
}
|
7486
7505
|
}
|
7487
7506
|
else {
|
7488
|
-
return {
|
7507
|
+
return { small: false, grouped: false };
|
7489
7508
|
}
|
7490
7509
|
}
|
7491
7510
|
footerResizeHandler() {
|
@@ -7500,10 +7519,10 @@ class FooterLink {
|
|
7500
7519
|
}
|
7501
7520
|
render() {
|
7502
7521
|
const { footerConfig, href } = this;
|
7503
|
-
const {
|
7522
|
+
const { small, grouped } = footerConfig;
|
7504
7523
|
return (hAsync(Host, { class: {
|
7505
7524
|
"footer-link": true,
|
7506
|
-
[`footer-link-${grouped ? "grouped" : "ungrouped"}-${
|
7525
|
+
[`footer-link-${grouped ? "grouped" : "ungrouped"}-${small ? "small" : "sparse"}`]: true,
|
7507
7526
|
[`footer-link-${this.foregroundColor}`]: true,
|
7508
7527
|
} }, hAsync("a", { href: href }, hAsync("slot", null))));
|
7509
7528
|
}
|
@@ -7524,7 +7543,7 @@ class FooterLink {
|
|
7524
7543
|
}; }
|
7525
7544
|
}
|
7526
7545
|
|
7527
|
-
const icFooterLinkGroupCss = "/*!@html*/html.sc-ic-footer-link-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link-group{margin:0}/*!@main*/main.sc-ic-footer-link-group{display:block}/*!@h1*/h1.sc-ic-footer-link-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link-group,strong.sc-ic-footer-link-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,samp.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link-group{top:-0.5em}/*!@img*/img.sc-ic-footer-link-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group,optgroup.sc-ic-footer-link-group,select.sc-ic-footer-link-group,textarea.sc-ic-footer-link-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link-group,select.sc-ic-footer-link-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link-group,[type=\"button\"].sc-ic-footer-link-group,[type=\"reset\"].sc-ic-footer-link-group,[type=\"submit\"].sc-ic-footer-link-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer-link-group::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-link-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer-link-group:-moz-focusring,[type=\"button\"].sc-ic-footer-link-group:-moz-focusring,[type=\"reset\"].sc-ic-footer-link-group:-moz-focusring,[type=\"submit\"].sc-ic-footer-link-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link-group,[type=\"radio\"].sc-ic-footer-link-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer-link-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link-group{display:block}/*!@summary*/summary.sc-ic-footer-link-group{display:list-item}/*!@template*/template.sc-ic-footer-link-group{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-link-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer-link-group,body.sc-ic-footer-link-group,div.sc-ic-footer-link-group,span.sc-ic-footer-link-group,applet.sc-ic-footer-link-group,object.sc-ic-footer-link-group,iframe.sc-ic-footer-link-group,h1.sc-ic-footer-link-group,h2.sc-ic-footer-link-group,h3.sc-ic-footer-link-group,h4.sc-ic-footer-link-group,h5.sc-ic-footer-link-group,h6.sc-ic-footer-link-group,p.sc-ic-footer-link-group,blockquote.sc-ic-footer-link-group,pre.sc-ic-footer-link-group,a.sc-ic-footer-link-group,abbr.sc-ic-footer-link-group,acronym.sc-ic-footer-link-group,address.sc-ic-footer-link-group,big.sc-ic-footer-link-group,cite.sc-ic-footer-link-group,code.sc-ic-footer-link-group,del.sc-ic-footer-link-group,dfn.sc-ic-footer-link-group,em.sc-ic-footer-link-group,img.sc-ic-footer-link-group,ins.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,q.sc-ic-footer-link-group,s.sc-ic-footer-link-group,samp.sc-ic-footer-link-group,small.sc-ic-footer-link-group,strike.sc-ic-footer-link-group,strong.sc-ic-footer-link-group,sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group,tt.sc-ic-footer-link-group,var.sc-ic-footer-link-group,b.sc-ic-footer-link-group,u.sc-ic-footer-link-group,i.sc-ic-footer-link-group,center.sc-ic-footer-link-group,dl.sc-ic-footer-link-group,dt.sc-ic-footer-link-group,dd.sc-ic-footer-link-group,ol.sc-ic-footer-link-group,ul.sc-ic-footer-link-group,li.sc-ic-footer-link-group,fieldset.sc-ic-footer-link-group,form.sc-ic-footer-link-group,label.sc-ic-footer-link-group,legend.sc-ic-footer-link-group,table.sc-ic-footer-link-group,caption.sc-ic-footer-link-group,tbody.sc-ic-footer-link-group,tfoot.sc-ic-footer-link-group,thead.sc-ic-footer-link-group,tr.sc-ic-footer-link-group,th.sc-ic-footer-link-group,td.sc-ic-footer-link-group,article.sc-ic-footer-link-group,aside.sc-ic-footer-link-group,canvas.sc-ic-footer-link-group,details.sc-ic-footer-link-group,embed.sc-ic-footer-link-group,figure.sc-ic-footer-link-group,figcaption.sc-ic-footer-link-group,footer.sc-ic-footer-link-group,header.sc-ic-footer-link-group,hgroup.sc-ic-footer-link-group,menu.sc-ic-footer-link-group,nav.sc-ic-footer-link-group,output.sc-ic-footer-link-group,ruby.sc-ic-footer-link-group,section.sc-ic-footer-link-group,summary.sc-ic-footer-link-group,time.sc-ic-footer-link-group,mark.sc-ic-footer-link-group,audio.sc-ic-footer-link-group,video.sc-ic-footer-link-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-group-sparse)*/.footer-link-group-sparse.sc-ic-footer-link-group-h{--footer-link-group-margin-right:95px;--footer-link-group-border-bottom:0 solid transparent;--footer-link-group-title-margin-top:0;--footer-link-group-title-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-dense)*/.footer-link-group-dense.sc-ic-footer-link-group-h{--footer-link-group-margin-right:0;--footer-link-group-title-margin-top:var(--ic-space-md);--footer-link-group-title-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-light.footer-link-group-dense)*/.footer-link-group-light.footer-link-group-dense.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-keyline-lighten)}/*!@:host(.footer-link-group-dark.footer-link-group-dense)*/.footer-link-group-dark.footer-link-group-dense.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-keyline-darken)}/*!@:host(.footer-link-group)*/.footer-link-group.sc-ic-footer-link-group-h{margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}/*!@:host(.footer-link-group-dense.footer-link-group-light:hover)*/.footer-link-group-dense.footer-link-group-light.sc-ic-footer-link-group-h:hover{background-color:var(--ic-action-light-bg-hover);cursor:pointer}/*!@:host(.footer-link-group-dense.footer-link-group-dark:hover)*/.footer-link-group-dense.footer-link-group-dark.sc-ic-footer-link-group-h:hover{background-color:var(--ic-action-dark-bg-hover);cursor:pointer}/*!@:host(.footer-link-group-sparse:focus)*/.footer-link-group-sparse.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:none;z-index:1}/*!@:host(.footer-link-group-dense:focus)*/.footer-link-group-dense.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:none;z-index:1}/*!@:host(.footer-link-group-dense.footer-link-group-light:active)*/.footer-link-group-dense.footer-link-group-light.sc-ic-footer-link-group-h:active{background-color:var(--ic-action-light-bg-active)}/*!@:host(.footer-link-group-dense.footer-link-group-dark:active)*/.footer-link-group-dense.footer-link-group-dark.sc-ic-footer-link-group-h:active{background-color:var(--ic-action-dark-bg-active)}/*!@.footer-link-group-title*/.footer-link-group-title.sc-ic-footer-link-group{margin-top:var(--footer-link-group-title-margin-top);margin-bottom:var(--footer-link-group-title-margin-bottom);flex-grow:1}/*!@.footer-link-group-toggle*/.footer-link-group-toggle.sc-ic-footer-link-group{fill:white !important}/*!@.footer-link-group-links*/.footer-link-group-links.sc-ic-footer-link-group{display:flex;flex-direction:column}/*!@.footer-link-group-header*/.footer-link-group-header.sc-ic-footer-link-group{display:flex;align-items:center}";
|
7546
|
+
const icFooterLinkGroupCss = "/*!@html*/html.sc-ic-footer-link-group{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-footer-link-group{margin:0}/*!@main*/main.sc-ic-footer-link-group{display:block}/*!@h1*/h1.sc-ic-footer-link-group{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-footer-link-group{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-footer-link-group{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-footer-link-group{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-footer-link-group,strong.sc-ic-footer-link-group{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,samp.sc-ic-footer-link-group{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-footer-link-group{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-footer-link-group{bottom:-0.25em}/*!@sup*/sup.sc-ic-footer-link-group{top:-0.5em}/*!@img*/img.sc-ic-footer-link-group{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group,optgroup.sc-ic-footer-link-group,select.sc-ic-footer-link-group,textarea.sc-ic-footer-link-group{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-footer-link-group,input.sc-ic-footer-link-group{overflow:visible}/*!@button,\nselect*/button.sc-ic-footer-link-group,select.sc-ic-footer-link-group{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-footer-link-group,[type=\"button\"].sc-ic-footer-link-group,[type=\"reset\"].sc-ic-footer-link-group,[type=\"submit\"].sc-ic-footer-link-group{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-footer-link-group::-moz-focus-inner,[type=\"button\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"reset\"].sc-ic-footer-link-group::-moz-focus-inner,[type=\"submit\"].sc-ic-footer-link-group::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-footer-link-group:-moz-focusring,[type=\"button\"].sc-ic-footer-link-group:-moz-focusring,[type=\"reset\"].sc-ic-footer-link-group:-moz-focusring,[type=\"submit\"].sc-ic-footer-link-group:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-footer-link-group{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-footer-link-group{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-footer-link-group{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-footer-link-group{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-footer-link-group,[type=\"radio\"].sc-ic-footer-link-group{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-footer-link-group::-webkit-inner-spin-button,[type=\"number\"].sc-ic-footer-link-group::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-footer-link-group{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-footer-link-group::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-footer-link-group::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-footer-link-group{display:block}/*!@summary*/summary.sc-ic-footer-link-group{display:list-item}/*!@template*/template.sc-ic-footer-link-group{display:none}/*!@[hidden]*/[hidden].sc-ic-footer-link-group{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-footer-link-group,body.sc-ic-footer-link-group,div.sc-ic-footer-link-group,span.sc-ic-footer-link-group,applet.sc-ic-footer-link-group,object.sc-ic-footer-link-group,iframe.sc-ic-footer-link-group,h1.sc-ic-footer-link-group,h2.sc-ic-footer-link-group,h3.sc-ic-footer-link-group,h4.sc-ic-footer-link-group,h5.sc-ic-footer-link-group,h6.sc-ic-footer-link-group,p.sc-ic-footer-link-group,blockquote.sc-ic-footer-link-group,pre.sc-ic-footer-link-group,a.sc-ic-footer-link-group,abbr.sc-ic-footer-link-group,acronym.sc-ic-footer-link-group,address.sc-ic-footer-link-group,big.sc-ic-footer-link-group,cite.sc-ic-footer-link-group,code.sc-ic-footer-link-group,del.sc-ic-footer-link-group,dfn.sc-ic-footer-link-group,em.sc-ic-footer-link-group,img.sc-ic-footer-link-group,ins.sc-ic-footer-link-group,kbd.sc-ic-footer-link-group,q.sc-ic-footer-link-group,s.sc-ic-footer-link-group,samp.sc-ic-footer-link-group,small.sc-ic-footer-link-group,strike.sc-ic-footer-link-group,strong.sc-ic-footer-link-group,sub.sc-ic-footer-link-group,sup.sc-ic-footer-link-group,tt.sc-ic-footer-link-group,var.sc-ic-footer-link-group,b.sc-ic-footer-link-group,u.sc-ic-footer-link-group,i.sc-ic-footer-link-group,center.sc-ic-footer-link-group,dl.sc-ic-footer-link-group,dt.sc-ic-footer-link-group,dd.sc-ic-footer-link-group,ol.sc-ic-footer-link-group,ul.sc-ic-footer-link-group,li.sc-ic-footer-link-group,fieldset.sc-ic-footer-link-group,form.sc-ic-footer-link-group,label.sc-ic-footer-link-group,legend.sc-ic-footer-link-group,table.sc-ic-footer-link-group,caption.sc-ic-footer-link-group,tbody.sc-ic-footer-link-group,tfoot.sc-ic-footer-link-group,thead.sc-ic-footer-link-group,tr.sc-ic-footer-link-group,th.sc-ic-footer-link-group,td.sc-ic-footer-link-group,article.sc-ic-footer-link-group,aside.sc-ic-footer-link-group,canvas.sc-ic-footer-link-group,details.sc-ic-footer-link-group,embed.sc-ic-footer-link-group,figure.sc-ic-footer-link-group,figcaption.sc-ic-footer-link-group,footer.sc-ic-footer-link-group,header.sc-ic-footer-link-group,hgroup.sc-ic-footer-link-group,menu.sc-ic-footer-link-group,nav.sc-ic-footer-link-group,output.sc-ic-footer-link-group,ruby.sc-ic-footer-link-group,section.sc-ic-footer-link-group,summary.sc-ic-footer-link-group,time.sc-ic-footer-link-group,mark.sc-ic-footer-link-group,audio.sc-ic-footer-link-group,video.sc-ic-footer-link-group{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.footer-link-group-sparse)*/.footer-link-group-sparse.sc-ic-footer-link-group-h{--footer-link-group-margin-right:95px;--footer-link-group-border-bottom:0 solid transparent;--footer-link-group-title-margin-top:0;--footer-link-group-title-margin-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-small)*/.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-margin-right:0;--footer-link-group-title-margin-top:var(--ic-space-md);--footer-link-group-title-margin-bottom:var(--ic-space-md);--footer-link-group-links-padding-left:var(--ic-space-md);--footer-link-group-links-padding-bottom:var(--ic-space-md)}/*!@:host(.footer-link-group-light.footer-link-group-small)*/.footer-link-group-light.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-keyline-lighten)}/*!@:host(.footer-link-group-dark.footer-link-group-small)*/.footer-link-group-dark.footer-link-group-small.sc-ic-footer-link-group-h{--footer-link-group-border-bottom:var(--ic-keyline-darken)}/*!@:host(.footer-link-group)*/.footer-link-group.sc-ic-footer-link-group-h{margin-right:var(--footer-link-group-margin-right);border-bottom:var(--footer-link-group-border-bottom)}/*!@:host(.footer-link-group-small.footer-link-group-light:hover)*/.footer-link-group-small.footer-link-group-light.sc-ic-footer-link-group-h:hover{background-color:var(--ic-action-light-bg-hover);cursor:pointer}/*!@:host(.footer-link-group-small.footer-link-group-dark:hover)*/.footer-link-group-small.footer-link-group-dark.sc-ic-footer-link-group-h:hover{background-color:var(--ic-action-dark-bg-hover);cursor:pointer}/*!@:host(.footer-link-group-sparse:focus)*/.footer-link-group-sparse.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:none;z-index:1}/*!@:host(.footer-link-group-small:focus)*/.footer-link-group-small.sc-ic-footer-link-group-h:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:none;z-index:1}/*!@:host(.footer-link-group-small.footer-link-group-light:active)*/.footer-link-group-small.footer-link-group-light.sc-ic-footer-link-group-h:active{background-color:var(--ic-action-light-bg-active)}/*!@:host(.footer-link-group-small.footer-link-group-dark:active)*/.footer-link-group-small.footer-link-group-dark.sc-ic-footer-link-group-h:active{background-color:var(--ic-action-dark-bg-active)}/*!@.footer-link-group-title*/.footer-link-group-title.sc-ic-footer-link-group{margin-top:var(--footer-link-group-title-margin-top);margin-bottom:var(--footer-link-group-title-margin-bottom);flex-grow:1}/*!@.footer-link-group-toggle*/.footer-link-group-toggle.sc-ic-footer-link-group{fill:white !important}/*!@.footer-link-group-links*/.footer-link-group-links.sc-ic-footer-link-group{display:flex;flex-direction:column}/*!@.footer-link-group-header*/.footer-link-group-header.sc-ic-footer-link-group{display:flex;align-items:center}";
|
7528
7547
|
|
7529
7548
|
class FooterLinkGroup {
|
7530
7549
|
constructor(hostRef) {
|
@@ -7538,18 +7557,18 @@ class FooterLinkGroup {
|
|
7538
7557
|
this.expanded = !this.expanded;
|
7539
7558
|
};
|
7540
7559
|
this.groupTitle = undefined;
|
7541
|
-
this.
|
7560
|
+
this.small = false;
|
7542
7561
|
this.expanded = false;
|
7543
7562
|
this.dropdownIconStyle = getThemeForegroundColor();
|
7544
7563
|
this.deviceSize = DEVICE_SIZES.XL;
|
7545
7564
|
}
|
7546
|
-
|
7565
|
+
isSmall(e) {
|
7547
7566
|
if (e.parentElement !== null) {
|
7548
7567
|
if (e.parentElement.classList.contains("footer")) {
|
7549
|
-
return e.parentElement.classList.contains("footer-
|
7568
|
+
return e.parentElement.classList.contains("footer-small");
|
7550
7569
|
}
|
7551
7570
|
else {
|
7552
|
-
return this.
|
7571
|
+
return this.isSmall(e.parentElement);
|
7553
7572
|
}
|
7554
7573
|
}
|
7555
7574
|
else {
|
@@ -7557,25 +7576,25 @@ class FooterLinkGroup {
|
|
7557
7576
|
}
|
7558
7577
|
}
|
7559
7578
|
footerResizeHandler() {
|
7560
|
-
this.
|
7579
|
+
this.small = this.isSmall(this.el);
|
7561
7580
|
}
|
7562
7581
|
footerThemeChangeHandler(ev) {
|
7563
7582
|
const theme = ev.detail;
|
7564
7583
|
this.dropdownIconStyle = theme.mode;
|
7565
7584
|
}
|
7566
7585
|
componentWillLoad() {
|
7567
|
-
this.
|
7586
|
+
this.small = this.isSmall(this.el);
|
7568
7587
|
}
|
7569
7588
|
componentDidLoad() {
|
7570
7589
|
onComponentRequiredPropUndefined([{ prop: this.groupTitle, propName: "group-title" }], "Footer Link Group");
|
7571
7590
|
}
|
7572
7591
|
render() {
|
7573
|
-
const {
|
7574
|
-
return !
|
7592
|
+
const { small, groupTitle } = this;
|
7593
|
+
return !small ? (hAsync(Host, { class: {
|
7575
7594
|
["footer-link-group footer-link-group-sparse"]: true,
|
7576
7595
|
[`footer-link-group-${this.dropdownIconStyle}`]: true,
|
7577
7596
|
} }, hAsync("div", { class: "footer-link-group-title" }, hAsync("ic-typography", { variant: "subtitle-small" }, groupTitle)), hAsync("div", { class: "footer-link-group-links" }, hAsync("slot", null)))) : (hAsync(Host, { class: {
|
7578
|
-
["footer-link-group footer-link-group-
|
7597
|
+
["footer-link-group footer-link-group-small"]: true,
|
7579
7598
|
[`footer-link-group-${this.dropdownIconStyle}`]: true,
|
7580
7599
|
}, tabIndex: "1", onClick: this.toggleExpanded, onKeydown: this.handleKeydown, "aria-haspopup": "true", "aria-expanded": this.expanded }, hAsync("ic-section-container", { fullHeight: true }, hAsync("div", { class: "footer-link-group-header" }, hAsync("div", { class: "footer-link-group-title" }, hAsync("ic-typography", { variant: "label" }, groupTitle)), this.expanded ? (hAsync("svg", { class: "footer-link-group-toggle", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 1200 1200" }, hAsync("path", { fill: "currentColor", d: "M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z" }))) : (hAsync("svg", { class: "footer-link-group-toggle", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 1200 1200" }, hAsync("g", { transform: "translate(0 1200) scale(1 -1)" }, hAsync("path", { fill: "currentColor", d: "M600.002 210.605L421.285 389.336L0 810.559l178.721 178.836l421.281-421.341l421.281 421.341L1200 810.559L778.733 389.336L600.002 210.605z" }))))), this.expanded && (hAsync("div", { class: "footer-link-group-links" }, hAsync("slot", null))))));
|
7581
7600
|
}
|
@@ -7586,7 +7605,7 @@ class FooterLinkGroup {
|
|
7586
7605
|
"$tagName$": "ic-footer-link-group",
|
7587
7606
|
"$members$": {
|
7588
7607
|
"groupTitle": [1, "group-title"],
|
7589
|
-
"
|
7608
|
+
"small": [32],
|
7590
7609
|
"expanded": [32],
|
7591
7610
|
"dropdownIconStyle": [32],
|
7592
7611
|
"deviceSize": [32]
|
@@ -7597,13 +7616,13 @@ class FooterLinkGroup {
|
|
7597
7616
|
}; }
|
7598
7617
|
}
|
7599
7618
|
|
7600
|
-
const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}/*!@:host(.dark)*/.dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -100px;background-size:auto calc(100% + 100px);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -100px !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{flex-basis:50%;padding:var(--ic-space-xl) 0}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-theme-text)}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{flex-basis:100% !important;max-width:66.6%}@media (min-width: 1044px){/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([dense]),\n :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@.left-container*/.left-container.sc-ic-hero{flex-basis:66.6%;min-height:144px}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:50px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:144px}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:63px}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([dense]),\n :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:94.75px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([dense]),\n :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:34px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([dense]),\n :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:280px}/*!@:host([secondary-heading]) .section-container,\n :host([dense]) .section-container,\n .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[dense].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:40px}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:192px}/*!@:host([dense]),\n :host([dense]) .section-container*/[dense].sc-ic-hero-h,[dense].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:264px}/*!@:host([secondary-heading]) .section-container,\n :host([dense]) .section-container,\n .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[dense].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
|
7619
|
+
const icHeroCss = "/*!@html*/html.sc-ic-hero{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-hero{margin:0}/*!@main*/main.sc-ic-hero{display:block}/*!@h1*/h1.sc-ic-hero{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-hero{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-hero{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-hero{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-hero,strong.sc-ic-hero{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-hero,kbd.sc-ic-hero,samp.sc-ic-hero{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-hero{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-hero,sup.sc-ic-hero{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-hero{bottom:-0.25em}/*!@sup*/sup.sc-ic-hero{top:-0.5em}/*!@img*/img.sc-ic-hero{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-hero,input.sc-ic-hero,optgroup.sc-ic-hero,select.sc-ic-hero,textarea.sc-ic-hero{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-hero,input.sc-ic-hero{overflow:visible}/*!@button,\nselect*/button.sc-ic-hero,select.sc-ic-hero{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-hero,[type=\"button\"].sc-ic-hero,[type=\"reset\"].sc-ic-hero,[type=\"submit\"].sc-ic-hero{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-hero::-moz-focus-inner,[type=\"button\"].sc-ic-hero::-moz-focus-inner,[type=\"reset\"].sc-ic-hero::-moz-focus-inner,[type=\"submit\"].sc-ic-hero::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-hero:-moz-focusring,[type=\"button\"].sc-ic-hero:-moz-focusring,[type=\"reset\"].sc-ic-hero:-moz-focusring,[type=\"submit\"].sc-ic-hero:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-hero{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-hero{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-hero{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-hero{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-hero,[type=\"radio\"].sc-ic-hero{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-hero::-webkit-inner-spin-button,[type=\"number\"].sc-ic-hero::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-hero{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-hero::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-hero::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-hero{display:block}/*!@summary*/summary.sc-ic-hero{display:list-item}/*!@template*/template.sc-ic-hero{display:none}/*!@[hidden]*/[hidden].sc-ic-hero{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-hero,body.sc-ic-hero,div.sc-ic-hero,span.sc-ic-hero,applet.sc-ic-hero,object.sc-ic-hero,iframe.sc-ic-hero,h1.sc-ic-hero,h2.sc-ic-hero,h3.sc-ic-hero,h4.sc-ic-hero,h5.sc-ic-hero,h6.sc-ic-hero,p.sc-ic-hero,blockquote.sc-ic-hero,pre.sc-ic-hero,a.sc-ic-hero,abbr.sc-ic-hero,acronym.sc-ic-hero,address.sc-ic-hero,big.sc-ic-hero,cite.sc-ic-hero,code.sc-ic-hero,del.sc-ic-hero,dfn.sc-ic-hero,em.sc-ic-hero,img.sc-ic-hero,ins.sc-ic-hero,kbd.sc-ic-hero,q.sc-ic-hero,s.sc-ic-hero,samp.sc-ic-hero,small.sc-ic-hero,strike.sc-ic-hero,strong.sc-ic-hero,sub.sc-ic-hero,sup.sc-ic-hero,tt.sc-ic-hero,var.sc-ic-hero,b.sc-ic-hero,u.sc-ic-hero,i.sc-ic-hero,center.sc-ic-hero,dl.sc-ic-hero,dt.sc-ic-hero,dd.sc-ic-hero,ol.sc-ic-hero,ul.sc-ic-hero,li.sc-ic-hero,fieldset.sc-ic-hero,form.sc-ic-hero,label.sc-ic-hero,legend.sc-ic-hero,table.sc-ic-hero,caption.sc-ic-hero,tbody.sc-ic-hero,tfoot.sc-ic-hero,thead.sc-ic-hero,tr.sc-ic-hero,th.sc-ic-hero,td.sc-ic-hero,article.sc-ic-hero,aside.sc-ic-hero,canvas.sc-ic-hero,details.sc-ic-hero,embed.sc-ic-hero,figure.sc-ic-hero,figcaption.sc-ic-hero,footer.sc-ic-hero,header.sc-ic-hero,hgroup.sc-ic-hero,menu.sc-ic-hero,nav.sc-ic-hero,output.sc-ic-hero,ruby.sc-ic-hero,section.sc-ic-hero,summary.sc-ic-hero,time.sc-ic-hero,mark.sc-ic-hero,audio.sc-ic-hero,video.sc-ic-hero{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-hero-h{display:block;background-color:var(--ic-theme-tertiary);color:var(--ic-theme-text);--hero-heading-bottom-margin:var(--ic-space-md)}/*!@:host(.dark)*/.dark.sc-ic-hero-h{background-color:var(--ic-theme-secondary)}/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-repeat:no-repeat;background-position:right -100px;background-size:auto calc(100% + 100px);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-position:right -100px !important}}/*!@ic-typography.heading-bottom-spacing*/ic-typography.heading-bottom-spacing.sc-ic-hero{margin-bottom:var(--hero-heading-bottom-margin)}/*!@.section-container*/.section-container.sc-ic-hero{display:flex;align-items:center;height:100%}/*!@.left-container*/.left-container.sc-ic-hero{padding:var(--ic-space-xl) 0}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:50%}/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:100%}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:50%}/*!@.interaction-container*/.interaction-container.sc-ic-hero{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg)}/*!@.secondary-container*/.secondary-container.sc-ic-hero{display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--ic-theme-text)}/*!@.secondary-subheading*/.secondary-subheading.sc-ic-hero{margin-top:var(--ic-space-xxs)}/*!@:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container*/[content-aligned=\"left\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"left\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:flex-start;text-align:left}/*!@:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container*/[content-aligned=\"center\"].sc-ic-hero-h .left-container.sc-ic-hero,[content-aligned=\"center\"].sc-ic-hero-h .interaction-container.sc-ic-hero{justify-content:center;text-align:center}@media (min-width: 992px){/*!@.left-container-full-width*/.left-container-full-width.sc-ic-hero{width:66.6%}}@media (min-width: 1044px){/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[small].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@.left-container:not(.left-container-full-width)*/.left-container.sc-ic-hero:not(.left-container-full-width){flex-basis:66.6%}/*!@.left-container*/.left-container.sc-ic-hero{min-height:144px}/*!@.right-container*/.right-container.sc-ic-hero{flex-basis:33.3%;margin-left:50px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:144px}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:63px}}@media (min-width: 801px) and (max-width: 1043px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[small].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:94.75px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 641px) and (max-width: 800px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:256px}/*!@:host([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[small].sc-ic-hero-h .section-container.sc-ic-hero{min-height:240px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:224px}/*!@.left-container*/.left-container.sc-ic-hero{min-height:160px}/*!@.secondary-container*/.secondary-container.sc-ic-hero{min-height:160px}/*!@.secondary-heading,\n .secondary-subheading*/.secondary-heading.sc-ic-hero,.secondary-subheading.sc-ic-hero{margin-left:34px}/*!@.right-container*/.right-container.sc-ic-hero{margin-left:50px}}@media (min-width: 481px) and (max-width: 640px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:208px}/*!@:host([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[small].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:280px}/*!@:host([secondary-heading]) .section-container,\n :host([small]) .section-container,\n .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[small].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}/*!@.right-container*/.right-container.sc-ic-hero{margin-bottom:40px}}@media (max-width: 480px){/*!@:host(.has-background-image)*/.has-background-image.sc-ic-hero-h{background-image:none !important}/*!@:host,\n .section-container*/.sc-ic-hero-h,.section-container.sc-ic-hero{min-height:192px}/*!@:host([small]),\n :host([small]) .section-container*/[small].sc-ic-hero-h,[small].sc-ic-hero-h .section-container.sc-ic-hero{min-height:173px}/*!@:host([secondary-heading]),\n :host([secondary-heading]) .section-container*/[secondary-heading].sc-ic-hero-h,[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero{min-height:264px}/*!@:host([secondary-heading]) .section-container,\n :host([small]) .section-container,\n .section-container*/[secondary-heading].sc-ic-hero-h .section-container.sc-ic-hero,[small].sc-ic-hero-h .section-container.sc-ic-hero,.section-container.sc-ic-hero{flex-direction:column;align-items:flex-start}/*!@.left-container*/.left-container.sc-ic-hero{height:-moz-fit-content;height:fit-content}/*!@.secondary-container*/.secondary-container.sc-ic-hero{height:-moz-fit-content;height:fit-content;border:none}}";
|
7601
7620
|
|
7602
7621
|
/**
|
7603
7622
|
* @slot heading - Content will be rendered in the title area, in place of the heading.
|
7604
7623
|
* @slot subheading - Content will be rendered in the title area, in place of the subheading.
|
7605
7624
|
* @slot interaction - Content will be rendered in the interaction area, adjacent to the title area.
|
7606
|
-
* @slot
|
7625
|
+
* @slot secondary - Content will be rendered in the secondary content area.
|
7607
7626
|
*/
|
7608
7627
|
class Hero {
|
7609
7628
|
constructor(hostRef) {
|
@@ -7616,7 +7635,7 @@ class Hero {
|
|
7616
7635
|
this.disableBackgroundParallax = false;
|
7617
7636
|
this.aligned = "left";
|
7618
7637
|
this.contentAligned = "left";
|
7619
|
-
this.
|
7638
|
+
this.small = false;
|
7620
7639
|
this.rightContent = false;
|
7621
7640
|
this.scrollFactor = "right -100px";
|
7622
7641
|
this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;
|
@@ -7636,16 +7655,16 @@ class Hero {
|
|
7636
7655
|
this.scrollFactor = "right " + y + "px";
|
7637
7656
|
}
|
7638
7657
|
componentWillLoad() {
|
7639
|
-
this.rightContent = slotHasContent(this.el, "
|
7658
|
+
this.rightContent = slotHasContent(this.el, "secondary");
|
7640
7659
|
}
|
7641
7660
|
componentDidLoad() {
|
7642
7661
|
onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Hero");
|
7643
7662
|
}
|
7644
7663
|
componentWillRender() {
|
7645
|
-
this.rightContent = slotHasContent(this.el, "
|
7664
|
+
this.rightContent = slotHasContent(this.el, "secondary");
|
7646
7665
|
}
|
7647
7666
|
render() {
|
7648
|
-
const { aligned,
|
7667
|
+
const { aligned, small, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, } = this;
|
7649
7668
|
let style = {};
|
7650
7669
|
if (backgroundImage !== undefined) {
|
7651
7670
|
style = {
|
@@ -7659,7 +7678,7 @@ class Hero {
|
|
7659
7678
|
}, style: style }, hAsync("ic-section-container", { aligned: aligned, fullHeight: true, class: "section-container" }, hAsync("div", { class: {
|
7660
7679
|
["left-container"]: true,
|
7661
7680
|
["left-container-full-width"]: this.leftContentFullWidth,
|
7662
|
-
} }, hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant:
|
7681
|
+
} }, hAsync("div", { class: "heading" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: small ? "h2" : "h1", class: { ["heading-bottom-spacing"]: !small } }, heading))), hAsync("div", { class: "subheading" }, hAsync("slot", { name: "subheading" }, hAsync("ic-typography", { variant: "body" }, subheading))), hAsync("div", { class: "interaction-container" }, hAsync("slot", { name: "interaction" }))), (secondaryHeading !== undefined || this.rightContent) && (hAsync("div", { class: "right-container" }, hAsync("slot", { name: "secondary" }, secondaryHeading && (hAsync("div", { class: "secondary-container" }, hAsync("div", { class: "secondary-heading" }, hAsync("ic-typography", { variant: "h4" }, secondaryHeading)), hAsync("div", { class: "secondary-subheading" }, hAsync("ic-typography", { variant: "subtitle-small" }, secondarySubheading))))))))));
|
7663
7682
|
}
|
7664
7683
|
get el() { return getElement(this); }
|
7665
7684
|
static get style() { return icHeroCss; }
|
@@ -7675,7 +7694,7 @@ class Hero {
|
|
7675
7694
|
"disableBackgroundParallax": [4, "disable-background-parallax"],
|
7676
7695
|
"aligned": [1],
|
7677
7696
|
"contentAligned": [1, "content-aligned"],
|
7678
|
-
"
|
7697
|
+
"small": [4],
|
7679
7698
|
"rightContent": [32],
|
7680
7699
|
"scrollFactor": [32],
|
7681
7700
|
"leftContentFullWidth": [32],
|
@@ -7786,7 +7805,7 @@ class IcStepper {
|
|
7786
7805
|
}; }
|
7787
7806
|
}
|
7788
7807
|
|
7789
|
-
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)}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.
|
7808
|
+
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)}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)}";
|
7790
7809
|
|
7791
7810
|
/**
|
7792
7811
|
* @slot left-icon - Content will be placed to the left of the input.
|
@@ -7797,19 +7816,19 @@ class InputComponentContainer {
|
|
7797
7816
|
this.disabled = false;
|
7798
7817
|
this.readonly = false;
|
7799
7818
|
this.validationStatus = "";
|
7800
|
-
this.
|
7819
|
+
this.small = false;
|
7801
7820
|
this.multiLine = false;
|
7802
7821
|
this.validationInline = false;
|
7803
7822
|
this.dark = false;
|
7804
7823
|
this.fullWidth = false;
|
7805
7824
|
}
|
7806
7825
|
render() {
|
7807
|
-
const {
|
7826
|
+
const { small, validationStatus, disabled, readonly, multiLine, fullWidth, dark, validationInline, } = this;
|
7808
7827
|
const hasValidationStatus = this.validationStatus !== "" && !this.disabled && !this.readonly
|
7809
7828
|
? true
|
7810
7829
|
: false;
|
7811
7830
|
return (hAsync(Host, { class: {
|
7812
|
-
["
|
7831
|
+
["small"]: small,
|
7813
7832
|
[validationStatus]: hasValidationStatus,
|
7814
7833
|
["disabled"]: disabled,
|
7815
7834
|
["readonly"]: readonly,
|
@@ -7835,7 +7854,7 @@ class InputComponentContainer {
|
|
7835
7854
|
"disabled": [4],
|
7836
7855
|
"readonly": [4],
|
7837
7856
|
"validationStatus": [1, "validation-status"],
|
7838
|
-
"
|
7857
|
+
"small": [4],
|
7839
7858
|
"multiLine": [4, "multi-line"],
|
7840
7859
|
"validationInline": [4, "validation-inline"],
|
7841
7860
|
"dark": [4],
|
@@ -7985,8 +8004,11 @@ class InputValidation {
|
|
7985
8004
|
|
7986
8005
|
var OpenInNew = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>`;
|
7987
8006
|
|
7988
|
-
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{outline:none;text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@: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-
|
8007
|
+
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{outline:none;text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%}/*!@: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:none;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)}";
|
7989
8008
|
|
8009
|
+
/**
|
8010
|
+
* @slot router-item - Handle routing by nesting your routes in this slot
|
8011
|
+
*/
|
7990
8012
|
class Link {
|
7991
8013
|
constructor(hostRef) {
|
7992
8014
|
registerInstance(this, hostRef);
|
@@ -7998,7 +8020,7 @@ class Link {
|
|
7998
8020
|
this.rel = undefined;
|
7999
8021
|
this.target = undefined;
|
8000
8022
|
this.showIcon = undefined;
|
8001
|
-
this.
|
8023
|
+
this.appearance = "default";
|
8002
8024
|
}
|
8003
8025
|
themeChangeHandler(ev) {
|
8004
8026
|
const theme = ev.detail;
|
@@ -8008,10 +8030,10 @@ class Link {
|
|
8008
8030
|
const theme = getThemeFromContext(this.el, newTheme || null);
|
8009
8031
|
switch (theme) {
|
8010
8032
|
case IcThemeForegroundEnum.Light:
|
8011
|
-
this.
|
8033
|
+
this.appearance = IcThemeForegroundEnum.Light;
|
8012
8034
|
break;
|
8013
8035
|
case IcThemeForegroundEnum.Dark:
|
8014
|
-
this.
|
8036
|
+
this.appearance = IcThemeForegroundEnum.Dark;
|
8015
8037
|
break;
|
8016
8038
|
}
|
8017
8039
|
}
|
@@ -8032,10 +8054,10 @@ class Link {
|
|
8032
8054
|
return !!this.routerSlot;
|
8033
8055
|
}
|
8034
8056
|
render() {
|
8035
|
-
const { download, href, hreflang, referrerpolicy, rel, target, showIcon,
|
8036
|
-
return (hAsync(Host, { class: { ["link"]: true, [`${
|
8057
|
+
const { download, href, hreflang, referrerpolicy, rel, target, showIcon, appearance, } = this;
|
8058
|
+
return (hAsync(Host, { class: { ["link"]: true, [`${appearance}`]: true } }, this.hasRouterSlot() ? (hAsync("slot", { name: "router-item" })) : (hAsync("a", Object.assign({ class: {
|
8037
8059
|
["ic-link"]: href !== null,
|
8038
|
-
[`${
|
8060
|
+
[`${appearance}`]: href !== null,
|
8039
8061
|
}, download: download !== false ? download : null, href: href, hrefLang: hreflang, referrerPolicy: referrerpolicy, rel: rel, target: target, tabindex: href !== null ? "0" : "-1" }, this.inheritedAttributes), hAsync("slot", null), showIcon && (hAsync("span", { class: "ic-link-open-in-new-icon", innerHTML: OpenInNew }))))));
|
8040
8062
|
}
|
8041
8063
|
get el() { return getElement(this); }
|
@@ -8051,7 +8073,7 @@ class Link {
|
|
8051
8073
|
"rel": [1],
|
8052
8074
|
"target": [1],
|
8053
8075
|
"showIcon": [4, "show-icon"],
|
8054
|
-
"
|
8076
|
+
"appearance": [1025]
|
8055
8077
|
},
|
8056
8078
|
"$listeners$": [[4, "icThemeChange", "themeChangeHandler"]],
|
8057
8079
|
"$lazyBundleId$": "-",
|
@@ -8059,7 +8081,7 @@ class Link {
|
|
8059
8081
|
}; }
|
8060
8082
|
}
|
8061
8083
|
|
8062
|
-
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)}/*!@.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:160px}/*!@: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{box-shadow:inset 0 0 0 var(--circular-line-width) var(--outer-color);height:var(--circular-diameter);width:var(--circular-diameter);border-radius:50%;position:relative}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}/*!@.ic-loading-circular-inner*/.ic-loading-circular-inner.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter);border-radius:50%;position:relative}/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{box-shadow:inset 0 0 0 var(--circular-line-width) var(--inner-color);-webkit-clip-path:inset(0 50% 50% 0);clip-path:inset(0 50% 50% 0)}/*!@.determinate > .ic-loading-circular-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{position:absolute;top:0;left:0;bottom:0;right:0}/*!@.determinate > .ic-loading-circular-inner.clip*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.clip.sc-ic-loading-indicator{clip:rect(\n 0,\n var(--circular-diameter),\n var(--circular-diameter),\n calc(var(--circular-diameter) / 2)\n )}/*!@.ic-loading-circular-inner .left,\n.ic-loading-circular-inner .right*/.ic-loading-circular-inner.sc-ic-loading-indicator .left.sc-ic-loading-indicator,.ic-loading-circular-inner.sc-ic-loading-indicator .right.sc-ic-loading-indicator{height:100%;width:100%;border:var(--circular-line-width) solid var(--inner-color);border-radius:50%;box-sizing:border-box;clip:rect(\n 0,\n calc(var(--circular-diameter) / 2),\n var(--circular-diameter),\n 0\n );position:absolute;left:0;top:0}/*!@.indeterminate > .ic-loading-circular-inner .left,\n.indeterminate > .ic-loading-circular-inner .right*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .left.sc-ic-loading-indicator,.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .right.sc-ic-loading-indicator{display:none}/*!@.determinate > .ic-loading-circular-inner .left*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .left.sc-ic-loading-indicator{transform:rotate(var(--circular-rotation))}/*!@.determinate > .ic-loading-circular-inner .right*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .right.sc-ic-loading-indicator{transform:rotate(180deg)}/*!@.determinate > .ic-loading-circular-inner.clip .right*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.clip.sc-ic-loading-indicator .right.sc-ic-loading-indicator{display:none}/*!@.ic-loading-circular-outer::before*/.ic-loading-circular-outer.sc-ic-loading-indicator::before{content:\"\";height:var(--circular-line-width);width:var(--circular-line-width);border-radius:50%;background-color:var(--inner-color);position:absolute;display:block;top:calc(50% - var(--circular-line-width) / 2)}/*!@.ic-loading-circular-outer::after*/.ic-loading-circular-outer.sc-ic-loading-indicator::after{content:\"\";height:var(--circular-line-width);width:var(--circular-line-width);border-radius:50%;background-color:var(--inner-color);position:absolute;display:block;top:0;left:calc(50% - var(--circular-line-width) / 2)}/*!@.ic-loading-circular-outer.determinate::before,\n.ic-loading-circular-outer.determinate::after*/.ic-loading-circular-outer.determinate.sc-ic-loading-indicator::before,.ic-loading-circular-outer.determinate.sc-ic-loading-indicator::after{display:none}@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([variant=\"full-width\"])*/[variant=\"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%}}/*!@:host(.dark)*/.dark.sc-ic-loading-indicator-h{--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}";
|
8084
|
+
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)}/*!@.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:160px}/*!@: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{box-shadow:inset 0 0 0 var(--circular-line-width) var(--outer-color);height:var(--circular-diameter);width:var(--circular-diameter);border-radius:50%;position:relative}/*!@.ic-loading-circular-outer.indeterminate*/.ic-loading-circular-outer.indeterminate.sc-ic-loading-indicator{animation:circular-animation 1s linear;animation-iteration-count:infinite}/*!@.ic-loading-circular-inner*/.ic-loading-circular-inner.sc-ic-loading-indicator{height:var(--circular-diameter);width:var(--circular-diameter);border-radius:50%;position:relative}/*!@.indeterminate > .ic-loading-circular-inner*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{box-shadow:inset 0 0 0 var(--circular-line-width) var(--inner-color);-webkit-clip-path:inset(0 50% 50% 0);clip-path:inset(0 50% 50% 0)}/*!@.determinate > .ic-loading-circular-inner*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator{position:absolute;top:0;left:0;bottom:0;right:0}/*!@.determinate > .ic-loading-circular-inner.clip*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.clip.sc-ic-loading-indicator{clip:rect(\n 0,\n var(--circular-diameter),\n var(--circular-diameter),\n calc(var(--circular-diameter) / 2)\n )}/*!@.ic-loading-circular-inner .left,\n.ic-loading-circular-inner .right*/.ic-loading-circular-inner.sc-ic-loading-indicator .left.sc-ic-loading-indicator,.ic-loading-circular-inner.sc-ic-loading-indicator .right.sc-ic-loading-indicator{height:100%;width:100%;border:var(--circular-line-width) solid var(--inner-color);border-radius:50%;box-sizing:border-box;clip:rect(\n 0,\n calc(var(--circular-diameter) / 2),\n var(--circular-diameter),\n 0\n );position:absolute;left:0;top:0}/*!@.indeterminate > .ic-loading-circular-inner .left,\n.indeterminate > .ic-loading-circular-inner .right*/.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .left.sc-ic-loading-indicator,.indeterminate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .right.sc-ic-loading-indicator{display:none}/*!@.determinate > .ic-loading-circular-inner .left*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .left.sc-ic-loading-indicator{transform:rotate(var(--circular-rotation))}/*!@.determinate > .ic-loading-circular-inner .right*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.sc-ic-loading-indicator .right.sc-ic-loading-indicator{transform:rotate(180deg)}/*!@.determinate > .ic-loading-circular-inner.clip .right*/.determinate.sc-ic-loading-indicator>.ic-loading-circular-inner.clip.sc-ic-loading-indicator .right.sc-ic-loading-indicator{display:none}/*!@.ic-loading-circular-outer::before*/.ic-loading-circular-outer.sc-ic-loading-indicator::before{content:\"\";height:var(--circular-line-width);width:var(--circular-line-width);border-radius:50%;background-color:var(--inner-color);position:absolute;display:block;top:calc(50% - var(--circular-line-width) / 2)}/*!@.ic-loading-circular-outer::after*/.ic-loading-circular-outer.sc-ic-loading-indicator::after{content:\"\";height:var(--circular-line-width);width:var(--circular-line-width);border-radius:50%;background-color:var(--inner-color);position:absolute;display:block;top:0;left:calc(50% - var(--circular-line-width) / 2)}/*!@.ic-loading-circular-outer.determinate::before,\n.ic-loading-circular-outer.determinate::after*/.ic-loading-circular-outer.determinate.sc-ic-loading-indicator::before,.ic-loading-circular-outer.determinate.sc-ic-loading-indicator::after{display:none}@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%}}/*!@: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)}";
|
8063
8085
|
|
8064
8086
|
class LoadingIndicator {
|
8065
8087
|
constructor(hostRef) {
|
@@ -8139,8 +8161,8 @@ class LoadingIndicator {
|
|
8139
8161
|
this.labelDuration = 8000;
|
8140
8162
|
this.size = "default";
|
8141
8163
|
this.type = "circular";
|
8142
|
-
this.
|
8143
|
-
this.
|
8164
|
+
this.fullWidth = false;
|
8165
|
+
this.appearance = "dark";
|
8144
8166
|
this.indicatorLabel = undefined;
|
8145
8167
|
this.indeterminate = undefined;
|
8146
8168
|
this.showSecond = false;
|
@@ -8167,8 +8189,8 @@ class LoadingIndicator {
|
|
8167
8189
|
}
|
8168
8190
|
}
|
8169
8191
|
render() {
|
8170
|
-
const {
|
8171
|
-
return (hAsync(Host, { class: { ["
|
8192
|
+
const { appearance, label, description, size } = this;
|
8193
|
+
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.indeterminate || hAsync("div", { class: "left" }), this.indeterminate || hAsync("div", { class: "right" }))), label && size !== "icon" && (hAsync("ic-typography", { id: "ic-loading-label", class: "ic-loading-label", role: "status", variant: this.getLabelVariant() }, hAsync("p", null, this.indicatorLabel))))));
|
8172
8194
|
}
|
8173
8195
|
get host() { return getElement(this); }
|
8174
8196
|
static get watchers() { return {
|
@@ -8187,15 +8209,15 @@ class LoadingIndicator {
|
|
8187
8209
|
"labelDuration": [2, "label-duration"],
|
8188
8210
|
"size": [513],
|
8189
8211
|
"type": [513],
|
8190
|
-
"
|
8191
|
-
"
|
8212
|
+
"fullWidth": [516, "full-width"],
|
8213
|
+
"appearance": [1],
|
8192
8214
|
"indicatorLabel": [32],
|
8193
8215
|
"indeterminate": [32],
|
8194
8216
|
"showSecond": [32]
|
8195
8217
|
},
|
8196
8218
|
"$listeners$": undefined,
|
8197
8219
|
"$lazyBundleId$": "-",
|
8198
|
-
"$attrsToReflect$": [["size", "size"], ["type", "type"], ["
|
8220
|
+
"$attrsToReflect$": [["size", "size"], ["type", "type"], ["fullWidth", "full-width"]]
|
8199
8221
|
}; }
|
8200
8222
|
}
|
8201
8223
|
|
@@ -10002,7 +10024,7 @@ var checkIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xml
|
|
10002
10024
|
</svg>
|
10003
10025
|
`;
|
10004
10026
|
|
10005
|
-
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([
|
10027
|
+
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:none}/*!@.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:white}/*!@.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}";
|
10006
10028
|
|
10007
10029
|
class Menu {
|
10008
10030
|
constructor(hostRef) {
|
@@ -10304,7 +10326,7 @@ class Menu {
|
|
10304
10326
|
};
|
10305
10327
|
this.open = undefined;
|
10306
10328
|
this.options = undefined;
|
10307
|
-
this.
|
10329
|
+
this.small = false;
|
10308
10330
|
this.menuId = undefined;
|
10309
10331
|
this.value = undefined;
|
10310
10332
|
this.activationType = "automatic";
|
@@ -10469,7 +10491,7 @@ class Menu {
|
|
10469
10491
|
"$members$": {
|
10470
10492
|
"open": [516],
|
10471
10493
|
"options": [16],
|
10472
|
-
"
|
10494
|
+
"small": [516],
|
10473
10495
|
"menuId": [1, "menu-id"],
|
10474
10496
|
"value": [1],
|
10475
10497
|
"activationType": [1, "activation-type"],
|
@@ -10490,7 +10512,7 @@ class Menu {
|
|
10490
10512
|
},
|
10491
10513
|
"$listeners$": [[4, "icClear", "handleClearListener"], [4, "icSubmitSearch", "handleSubmitSearch"]],
|
10492
10514
|
"$lazyBundleId$": "-",
|
10493
|
-
"$attrsToReflect$": [["open", "open"], ["
|
10515
|
+
"$attrsToReflect$": [["open", "open"], ["small", "small"]]
|
10494
10516
|
}; }
|
10495
10517
|
}
|
10496
10518
|
|
@@ -10511,7 +10533,7 @@ class NavigationButton {
|
|
10511
10533
|
this.hreflang = undefined;
|
10512
10534
|
this.referrerpolicy = undefined;
|
10513
10535
|
this.mode = "navbar";
|
10514
|
-
this.
|
10536
|
+
this.initialAppearance = getThemeForegroundColor();
|
10515
10537
|
}
|
10516
10538
|
navBarMenuOpenHandler() {
|
10517
10539
|
this.mode = "menu";
|
@@ -10521,7 +10543,7 @@ class NavigationButton {
|
|
10521
10543
|
}
|
10522
10544
|
themeChangeHandler(ev) {
|
10523
10545
|
const theme = ev.detail;
|
10524
|
-
this.
|
10546
|
+
this.initialAppearance = theme.mode;
|
10525
10547
|
}
|
10526
10548
|
/**
|
10527
10549
|
* Sets focus on the native `button`
|
@@ -10545,20 +10567,20 @@ class NavigationButton {
|
|
10545
10567
|
let label = "";
|
10546
10568
|
let className = "";
|
10547
10569
|
let variant = "icon";
|
10548
|
-
let
|
10549
|
-
let size = "
|
10570
|
+
let appearance = this.initialAppearance;
|
10571
|
+
let size = "large";
|
10550
10572
|
let fullWidth = false;
|
10551
10573
|
if (this.mode === "menu") {
|
10552
10574
|
label = this.label;
|
10553
10575
|
variant = "tertiary";
|
10554
|
-
|
10576
|
+
appearance = IcThemeForegroundEnum.Default;
|
10555
10577
|
size = "default";
|
10556
10578
|
fullWidth = true;
|
10557
10579
|
className = "popout-menu-button";
|
10558
10580
|
}
|
10559
10581
|
const buttonProps = {
|
10560
10582
|
variant,
|
10561
|
-
|
10583
|
+
appearance,
|
10562
10584
|
size,
|
10563
10585
|
href,
|
10564
10586
|
target,
|
@@ -10583,7 +10605,7 @@ class NavigationButton {
|
|
10583
10605
|
"hreflang": [1],
|
10584
10606
|
"referrerpolicy": [1],
|
10585
10607
|
"mode": [32],
|
10586
|
-
"
|
10608
|
+
"initialAppearance": [32],
|
10587
10609
|
"setFocus": [64]
|
10588
10610
|
},
|
10589
10611
|
"$listeners$": [[4, "icNavigationMenuOpened", "navBarMenuOpenHandler"], [4, "icNavigationMenuClosed", "navBarMenuCloseHandler"], [4, "icThemeChange", "themeChangeHandler"]],
|
@@ -10967,7 +10989,7 @@ class NavigationItem {
|
|
10967
10989
|
this.navigationType === "side" &&
|
10968
10990
|
this.collapsedIconLabel &&
|
10969
10991
|
!this.isSideNavMobile,
|
10970
|
-
}, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { label: label || navigationSlot.textContent,
|
10992
|
+
}, onBlur: isTopNavChild && !inTopNavSideMenu ? this.handleBlur : null, onClick: this.handleClick, "aria-current": selected ? "page" : null, role: "listitem" }, hAsync("ic-tooltip", { label: label || navigationSlot.textContent, target: "navigation-item", placement: "right", class: {
|
10971
10993
|
["tooltip-navigation-item"]: true,
|
10972
10994
|
["tooltip-navigation-item-side-nav-collapsed"]: (!this.sideNavExpanded || this.displayNavigationTooltip) &&
|
10973
10995
|
this.navigationType === "side",
|
@@ -11116,7 +11138,7 @@ class NavigationMenu {
|
|
11116
11138
|
return (hAsync(Host, null, hAsync("div", { class: "popout-modal", onClick: this.closeMenu }), hAsync("div", { class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, hAsync("span", { "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, hAsync("div", { class: {
|
11117
11139
|
["menu-close-button-container"]: true,
|
11118
11140
|
["nav-group-first"]: this.navGroupFirst,
|
11119
|
-
} }, hAsync("ic-button", { ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "
|
11141
|
+
} }, hAsync("ic-button", { ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, hAsync("svg", { slot: "icon", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z", fill: "#1759BC" })))), this.hasNavigation && hAsync("slot", { name: "navigation" })), this.hasButtons && (hAsync("div", { class: {
|
11120
11142
|
["menu-buttons-container"]: true,
|
11121
11143
|
["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
|
11122
11144
|
} }, hAsync("slot", { name: "buttons" }))), (this.status !== "" || this.version !== "") && (hAsync("div", { class: "menu-status-version-container" }, this.status !== "" && (hAsync("div", { class: "menu-status" }, hAsync("ic-typography", { variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "menu-version" }, hAsync("ic-typography", { variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
|
@@ -11136,7 +11158,7 @@ class NavigationMenu {
|
|
11136
11158
|
}; }
|
11137
11159
|
}
|
11138
11160
|
|
11139
|
-
const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block}/*!@:host(.sticky)*/.sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:1px solid var(--ic-architectural-300)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:304px;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;row-gap:var(--ic-space-xs);-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading.
|
11161
|
+
const icPageHeaderCss = "/*!@html*/html.sc-ic-page-header{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-page-header{margin:0}/*!@main*/main.sc-ic-page-header{display:block}/*!@h1*/h1.sc-ic-page-header{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-page-header{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-page-header{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-page-header{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-page-header,strong.sc-ic-page-header{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-page-header,kbd.sc-ic-page-header,samp.sc-ic-page-header{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-page-header{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-page-header,sup.sc-ic-page-header{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-page-header{bottom:-0.25em}/*!@sup*/sup.sc-ic-page-header{top:-0.5em}/*!@img*/img.sc-ic-page-header{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-page-header,input.sc-ic-page-header,optgroup.sc-ic-page-header,select.sc-ic-page-header,textarea.sc-ic-page-header{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-page-header,input.sc-ic-page-header{overflow:visible}/*!@button,\nselect*/button.sc-ic-page-header,select.sc-ic-page-header{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-page-header,[type=\"button\"].sc-ic-page-header,[type=\"reset\"].sc-ic-page-header,[type=\"submit\"].sc-ic-page-header{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-page-header::-moz-focus-inner,[type=\"button\"].sc-ic-page-header::-moz-focus-inner,[type=\"reset\"].sc-ic-page-header::-moz-focus-inner,[type=\"submit\"].sc-ic-page-header::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-page-header:-moz-focusring,[type=\"button\"].sc-ic-page-header:-moz-focusring,[type=\"reset\"].sc-ic-page-header:-moz-focusring,[type=\"submit\"].sc-ic-page-header:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-page-header{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-page-header{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-page-header{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-page-header{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-page-header,[type=\"radio\"].sc-ic-page-header{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-page-header::-webkit-inner-spin-button,[type=\"number\"].sc-ic-page-header::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-page-header{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-page-header::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-page-header::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-page-header{display:block}/*!@summary*/summary.sc-ic-page-header{display:list-item}/*!@template*/template.sc-ic-page-header{display:none}/*!@[hidden]*/[hidden].sc-ic-page-header{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-page-header,body.sc-ic-page-header,div.sc-ic-page-header,span.sc-ic-page-header,applet.sc-ic-page-header,object.sc-ic-page-header,iframe.sc-ic-page-header,h1.sc-ic-page-header,h2.sc-ic-page-header,h3.sc-ic-page-header,h4.sc-ic-page-header,h5.sc-ic-page-header,h6.sc-ic-page-header,p.sc-ic-page-header,blockquote.sc-ic-page-header,pre.sc-ic-page-header,a.sc-ic-page-header,abbr.sc-ic-page-header,acronym.sc-ic-page-header,address.sc-ic-page-header,big.sc-ic-page-header,cite.sc-ic-page-header,code.sc-ic-page-header,del.sc-ic-page-header,dfn.sc-ic-page-header,em.sc-ic-page-header,img.sc-ic-page-header,ins.sc-ic-page-header,kbd.sc-ic-page-header,q.sc-ic-page-header,s.sc-ic-page-header,samp.sc-ic-page-header,small.sc-ic-page-header,strike.sc-ic-page-header,strong.sc-ic-page-header,sub.sc-ic-page-header,sup.sc-ic-page-header,tt.sc-ic-page-header,var.sc-ic-page-header,b.sc-ic-page-header,u.sc-ic-page-header,i.sc-ic-page-header,center.sc-ic-page-header,dl.sc-ic-page-header,dt.sc-ic-page-header,dd.sc-ic-page-header,ol.sc-ic-page-header,ul.sc-ic-page-header,li.sc-ic-page-header,fieldset.sc-ic-page-header,form.sc-ic-page-header,label.sc-ic-page-header,legend.sc-ic-page-header,table.sc-ic-page-header,caption.sc-ic-page-header,tbody.sc-ic-page-header,tfoot.sc-ic-page-header,thead.sc-ic-page-header,tr.sc-ic-page-header,th.sc-ic-page-header,td.sc-ic-page-header,article.sc-ic-page-header,aside.sc-ic-page-header,canvas.sc-ic-page-header,details.sc-ic-page-header,embed.sc-ic-page-header,figure.sc-ic-page-header,figcaption.sc-ic-page-header,footer.sc-ic-page-header,header.sc-ic-page-header,hgroup.sc-ic-page-header,menu.sc-ic-page-header,nav.sc-ic-page-header,output.sc-ic-page-header,ruby.sc-ic-page-header,section.sc-ic-page-header,summary.sc-ic-page-header,time.sc-ic-page-header,mark.sc-ic-page-header,audio.sc-ic-page-header,video.sc-ic-page-header{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-page-header-h{display:block}/*!@:host(.sticky)*/.sticky.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}/*!@header*/header.sc-ic-page-header{background-color:var(--ic-architectural-40)}/*!@header.border-bottom*/header.border-bottom.sc-ic-page-header{border-bottom:1px solid var(--ic-architectural-300)}/*!@header.tabs*/header.tabs.sc-ic-page-header{padding-top:var(--ic-space-md)}/*!@.breadcrumb-area*/.breadcrumb-area.sc-ic-page-header{margin-bottom:var(--ic-space-md)}/*!@.main-content*/.main-content.sc-ic-page-header{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}/*!@.title-area*/.title-area.sc-ic-page-header{display:flex;flex-direction:column;flex:1;min-width:304px;grid-area:title-area}/*!@.header-content*/.header-content.sc-ic-page-header{display:flex;align-items:center;width:100%;flex-wrap:wrap;row-gap:var(--ic-space-xs);-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}/*!@.heading*/.heading.sc-ic-page-header{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}/*!@.subheading.small*/.subheading.small.sc-ic-page-header{margin-top:var(--ic-space-xs)}/*!@.action-area*/.action-area.sc-ic-page-header{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}/*!@.input-area,\n.navigation-area*/.input-area.sc-ic-page-header,.navigation-area.sc-ic-page-header{margin-top:var(--ic-space-md);width:100%}/*!@.tabs-slot*/.tabs-slot.sc-ic-page-header{display:flex;overflow-x:auto;padding:8px;margin:-8px}/*!@.input-area*/.input-area.sc-ic-page-header{grid-area:input-area}@media screen and (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-page-header-s>ic-text-field{--input-width:100%;max-width:320px}/*!@.main-content*/.main-content.sc-ic-page-header{grid-template-areas:\"title-area\"\n \"action-area\"\n \"input-area\";justify-content:flex-start}/*!@.title-area*/.title-area.sc-ic-page-header{min-width:0}/*!@.action-area*/.action-area.sc-ic-page-header{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){/*!@:host(.sticky-desktop)*/.sticky-desktop.sc-ic-page-header-h{position:sticky;top:0;box-shadow:var(--ic-elevation-overlay)}}";
|
11140
11162
|
|
11141
11163
|
/**
|
11142
11164
|
* @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.
|
@@ -11207,7 +11229,7 @@ class PageHeader {
|
|
11207
11229
|
this.heading = undefined;
|
11208
11230
|
this.subheading = undefined;
|
11209
11231
|
this.aligned = "left";
|
11210
|
-
this.
|
11232
|
+
this.small = false;
|
11211
11233
|
this.border = true;
|
11212
11234
|
this.sticky = false;
|
11213
11235
|
this.stickyDesktopOnly = false;
|
@@ -11228,14 +11250,14 @@ class PageHeader {
|
|
11228
11250
|
}
|
11229
11251
|
}
|
11230
11252
|
render() {
|
11231
|
-
const {
|
11253
|
+
const { small, border, heading, subheading, aligned, sticky, stickyDesktopOnly, } = this;
|
11232
11254
|
return (hAsync(Host, { class: {
|
11233
11255
|
["sticky"]: sticky,
|
11234
11256
|
["sticky-desktop"]: !sticky && stickyDesktopOnly,
|
11235
11257
|
} }, hAsync("header", { class: {
|
11236
11258
|
["border-bottom"]: border,
|
11237
11259
|
["tabs"]: isSlotUsed(this.el, "tabs"),
|
11238
|
-
} }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant:
|
11260
|
+
} }, hAsync("ic-section-container", { aligned: aligned, fullHeight: isSlotUsed(this.el, "tabs") }, isSlotUsed(this.el, "breadcrumbs") && (hAsync("div", { class: "breadcrumb-area" }, hAsync("slot", { name: "breadcrumbs" }))), hAsync("div", { class: "main-content" }, hAsync("div", { class: "title-area" }, hAsync("div", { class: "header-content" }, hAsync("slot", { name: "heading" }, hAsync("ic-typography", { variant: small ? "h4" : "h2", class: "heading" }, hAsync("h2", null, heading))), hAsync("slot", { name: "heading-adornment" })), hAsync("div", null, hAsync("slot", { name: "subheading" }, subheading && (hAsync("ic-typography", { variant: "body", class: { ["subheading"]: true, ["small"]: small } }, subheading))))), isSlotUsed(this.el, "actions") && (hAsync("div", { class: "action-area" }, hAsync("slot", { name: "actions" }))), isSlotUsed(this.el, "input") && (hAsync("div", { class: "input-area" }, hAsync("slot", { name: "input" })))), (isSlotUsed(this.el, "stepper") ||
|
11239
11261
|
isSlotUsed(this.el, "tabs")) && (hAsync("div", { class: "navigation-area" }, isSlotUsed(this.el, "stepper") &&
|
11240
11262
|
!isSlotUsed(this.el, "tabs") && hAsync("slot", { name: "stepper" }), isSlotUsed(this.el, "tabs") && (hAsync("nav", { class: "tabs-slot", "aria-label": "navigation-landmark-page-header" }, hAsync("slot", { name: "tabs" })))))))));
|
11241
11263
|
}
|
@@ -11248,7 +11270,7 @@ class PageHeader {
|
|
11248
11270
|
"heading": [1],
|
11249
11271
|
"subheading": [1],
|
11250
11272
|
"aligned": [1],
|
11251
|
-
"
|
11273
|
+
"small": [4],
|
11252
11274
|
"border": [4],
|
11253
11275
|
"sticky": [4],
|
11254
11276
|
"stickyDesktopOnly": [4, "sticky-desktop-only"],
|
@@ -11307,7 +11329,7 @@ class RadioGroup {
|
|
11307
11329
|
this.hideLabel = false;
|
11308
11330
|
this.disabled = false;
|
11309
11331
|
this.helperText = undefined;
|
11310
|
-
this.
|
11332
|
+
this.small = false;
|
11311
11333
|
this.validationStatus = "";
|
11312
11334
|
this.validationText = "";
|
11313
11335
|
this.checkedValue = "";
|
@@ -11364,7 +11386,7 @@ class RadioGroup {
|
|
11364
11386
|
"hideLabel": [4, "hide-label"],
|
11365
11387
|
"disabled": [4],
|
11366
11388
|
"helperText": [1, "helper-text"],
|
11367
|
-
"
|
11389
|
+
"small": [4],
|
11368
11390
|
"validationStatus": [1, "validation-status"],
|
11369
11391
|
"validationText": [1, "validation-text"],
|
11370
11392
|
"checkedValue": [32],
|
@@ -11376,7 +11398,7 @@ class RadioGroup {
|
|
11376
11398
|
}; }
|
11377
11399
|
}
|
11378
11400
|
|
11379
|
-
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:block;margin-bottom:var(--ic-space-sm);width:-moz-fit-content;width:fit-content}/*!@:host([dense])*/[dense].sc-ic-radio-option-h{margin-bottom:10px}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-textfield)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-textfield{margin-top:var(--ic-space-xs);margin-left:var(--ic-space-xl)}/*!@:host([inactive])*/[inactive].sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus);outline:none}/*!@.container input:focus-visible*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus-visible{outline:none}/*!@.container*/.container.sc-ic-radio-option{display:inline-flex;position:relative;cursor:pointer;align-items:center;gap:var(--ic-space-xs);margin-left:5px}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:20px;width:20px;background-color:transparent;border:1px solid #a7acb3;border-radius:50%;transition:var(--ic-easing-transition-fast)}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 4px var(--ic-action-default-bg-hover);border:1px solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:1px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:2px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:2px solid var(--ic-action-default);margin:-1px;margin-bottom:1px}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;border:2px solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:1px dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;box-shadow:none;border:2px solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{font-size:16px;font-weight:400;margin-left:var(--ic-space-sm)}/*!@.addition-field-wrapper*/.addition-field-wrapper.sc-ic-radio-option{margin-left:44px}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 3px;border-bottom:2px solid var(--ic-action-default);border-left:2px solid var(--ic-action-default);margin-left:-1px}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin-left:var(--ic-space-md);margin-top:6px;gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:5px;margin-bottom:var(--ic-space-xs);border-radius:2%}";
|
11401
|
+
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:block;margin-bottom:var(--ic-space-sm);width:-moz-fit-content;width:fit-content}/*!@:host([small])*/[small].sc-ic-radio-option-h{margin-bottom:10px}/*!@:host([additional-field-display=\"static\"]) ::slotted(ic-textfield)*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>ic-textfield{margin-top:var(--ic-space-xs);margin-left:var(--ic-space-xl)}/*!@:host([disabled])*/[disabled].sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus);outline:none}/*!@.container input:focus-visible*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus-visible{outline:none}/*!@.container*/.container.sc-ic-radio-option{display:inline-flex;position:relative;cursor:pointer;align-items:center;gap:var(--ic-space-xs);margin-left:5px}/*!@.container.disabled,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}/*!@.checkmark*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:20px;width:20px;background-color:transparent;border:1px solid #a7acb3;border-radius:50%;transition:var(--ic-easing-transition-fast)}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover);box-shadow:0 0 0 4px var(--ic-action-default-bg-hover);border:1px solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:1px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:2px solid var(--ic-action-default-active);box-shadow:0 0 0 4px var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:2px solid var(--ic-action-default);margin:-1px;margin-bottom:1px}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;border:2px solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:1px dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:transparent;box-shadow:none;border:2px solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:\"\";position:absolute;display:none;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ic-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{font-size:16px;font-weight:400;margin-left:var(--ic-space-sm)}/*!@.addition-field-wrapper*/.addition-field-wrapper.sc-ic-radio-option{margin-left:44px}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 3px;border-bottom:2px solid var(--ic-action-default);border-left:2px solid var(--ic-action-default);margin-left:-1px}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin-left:var(--ic-space-md);margin-top:6px;gap:var(--ic-space-xs)}/*!@.dynamic-container.hidden*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:5px;margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}";
|
11380
11402
|
|
11381
11403
|
class RadioOption {
|
11382
11404
|
constructor(hostRef) {
|
@@ -11384,9 +11406,13 @@ class RadioOption {
|
|
11384
11406
|
this.icCheck = createEvent(this, "icCheck", 7);
|
11385
11407
|
this.radioOptionSelect = createEvent(this, "radioOptionSelect", 7);
|
11386
11408
|
this.defaultRadioValue = "";
|
11409
|
+
this.skipFocus = false;
|
11387
11410
|
this.handleClick = () => {
|
11388
11411
|
if (!this.disabled) {
|
11389
|
-
this.
|
11412
|
+
if (this.skipFocus === false) {
|
11413
|
+
this.radioElement.focus();
|
11414
|
+
}
|
11415
|
+
this.skipFocus = false;
|
11390
11416
|
if (this.hasAdditionalField) {
|
11391
11417
|
const textfield = this.host.querySelector("ic-text-field");
|
11392
11418
|
this.value =
|
@@ -11401,6 +11427,10 @@ class RadioOption {
|
|
11401
11427
|
event.stopPropagation();
|
11402
11428
|
};
|
11403
11429
|
this.hasAdditionalField = false;
|
11430
|
+
this.handleFormReset = () => {
|
11431
|
+
this.skipFocus = true;
|
11432
|
+
this.selected = this.initiallySelected;
|
11433
|
+
};
|
11404
11434
|
this.selected = false;
|
11405
11435
|
this.disabled = false;
|
11406
11436
|
this.label = undefined;
|
@@ -11409,6 +11439,7 @@ class RadioOption {
|
|
11409
11439
|
this.groupLabel = undefined;
|
11410
11440
|
this.dynamicText = "This selection requires additional answers";
|
11411
11441
|
this.additionalFieldDisplay = "static";
|
11442
|
+
this.initiallySelected = this.selected;
|
11412
11443
|
}
|
11413
11444
|
selectedChangeHandler(selected) {
|
11414
11445
|
if (selected) {
|
@@ -11426,6 +11457,7 @@ class RadioOption {
|
|
11426
11457
|
}
|
11427
11458
|
}
|
11428
11459
|
this.defaultRadioValue = this.value;
|
11460
|
+
addFormResetListener(this.host, this.handleFormReset);
|
11429
11461
|
}
|
11430
11462
|
textfieldValueHandler(event) {
|
11431
11463
|
const textFieldValue = event.detail.value;
|
@@ -11458,6 +11490,9 @@ class RadioOption {
|
|
11458
11490
|
}
|
11459
11491
|
}
|
11460
11492
|
}
|
11493
|
+
disconnectedCallback() {
|
11494
|
+
removeFormResetListener(this.host, this.handleFormReset);
|
11495
|
+
}
|
11461
11496
|
render() {
|
11462
11497
|
const id = `ic-radio-option-${this.label !== undefined ? this.label : this.value}-${this.groupLabel}`;
|
11463
11498
|
return (hAsync(Host, { onClick: this.handleClick }, hAsync("div", { class: { ["container"]: true, ["disabled"]: this.disabled } }, hAsync("input", { role: "radio", tabindex: this.selected ? "0" : "-1", type: "radio", name: this.name, id: id, value: this.value, disabled: this.disabled ? true : null, checked: this.selected, ref: (el) => (this.radioElement = el) }), hAsync("span", { class: "checkmark" }), hAsync("ic-typography", { class: "radio-label", variant: "body" }, hAsync("label", { htmlFor: id }, this.label))), this.hasAdditionalField && (hAsync("div", { onClick: this.swallowClick, class: {
|
@@ -11476,14 +11511,15 @@ class RadioOption {
|
|
11476
11511
|
"$flags$": 9,
|
11477
11512
|
"$tagName$": "ic-radio-option",
|
11478
11513
|
"$members$": {
|
11479
|
-
"selected": [
|
11514
|
+
"selected": [1540],
|
11480
11515
|
"disabled": [4],
|
11481
11516
|
"label": [1],
|
11482
|
-
"value": [
|
11517
|
+
"value": [1025],
|
11483
11518
|
"name": [1],
|
11484
11519
|
"groupLabel": [1, "group-label"],
|
11485
11520
|
"dynamicText": [1, "dynamic-text"],
|
11486
|
-
"additionalFieldDisplay": [513, "additional-field-display"]
|
11521
|
+
"additionalFieldDisplay": [513, "additional-field-display"],
|
11522
|
+
"initiallySelected": [32]
|
11487
11523
|
},
|
11488
11524
|
"$listeners$": [[0, "icChange", "textfieldValueHandler"]],
|
11489
11525
|
"$lazyBundleId$": "-",
|
@@ -11500,7 +11536,7 @@ var searchIcon = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xm
|
|
11500
11536
|
<path d="M13.1292 11.8792H12.4708L12.2375 11.6542C13.0542 10.7042 13.5458 9.47083 13.5458 8.12916C13.5458 5.13749 11.1208 2.71249 8.12916 2.71249C5.13749 2.71249 2.71249 5.13749 2.71249 8.12916C2.71249 11.1208 5.13749 13.5458 8.12916 13.5458C9.47083 13.5458 10.7042 13.0542 11.6542 12.2375L11.8792 12.4708V13.1292L16.0458 17.2875L17.2875 16.0458L13.1292 11.8792ZM8.12916 11.8792C6.05416 11.8792 4.37916 10.2042 4.37916 8.12916C4.37916 6.05416 6.05416 4.37916 8.12916 4.37916C10.2042 4.37916 11.8792 6.05416 11.8792 8.12916C11.8792 10.2042 10.2042 11.8792 8.12916 11.8792Z" fill="currentColor"/>
|
11501
11537
|
</svg>`;
|
11502
11538
|
|
11503
|
-
const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.search)*/.search.sc-ic-search-bar-h{--divider-height:24px}/*!@:host(.search.
|
11539
|
+
const icSearchBarCss = "/*!@html*/html.sc-ic-search-bar{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-search-bar{margin:0}/*!@main*/main.sc-ic-search-bar{display:block}/*!@h1*/h1.sc-ic-search-bar{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-search-bar{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-search-bar{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-search-bar{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-search-bar,strong.sc-ic-search-bar{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-search-bar,kbd.sc-ic-search-bar,samp.sc-ic-search-bar{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-search-bar{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-search-bar,sup.sc-ic-search-bar{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-search-bar{bottom:-0.25em}/*!@sup*/sup.sc-ic-search-bar{top:-0.5em}/*!@img*/img.sc-ic-search-bar{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-search-bar,input.sc-ic-search-bar,optgroup.sc-ic-search-bar,select.sc-ic-search-bar,textarea.sc-ic-search-bar{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-search-bar,input.sc-ic-search-bar{overflow:visible}/*!@button,\nselect*/button.sc-ic-search-bar,select.sc-ic-search-bar{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-search-bar,[type=\"button\"].sc-ic-search-bar,[type=\"reset\"].sc-ic-search-bar,[type=\"submit\"].sc-ic-search-bar{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-search-bar::-moz-focus-inner,[type=\"button\"].sc-ic-search-bar::-moz-focus-inner,[type=\"reset\"].sc-ic-search-bar::-moz-focus-inner,[type=\"submit\"].sc-ic-search-bar::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-search-bar:-moz-focusring,[type=\"button\"].sc-ic-search-bar:-moz-focusring,[type=\"reset\"].sc-ic-search-bar:-moz-focusring,[type=\"submit\"].sc-ic-search-bar:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-search-bar{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-search-bar{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-search-bar{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-search-bar{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-search-bar,[type=\"radio\"].sc-ic-search-bar{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-search-bar::-webkit-inner-spin-button,[type=\"number\"].sc-ic-search-bar::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-search-bar{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-search-bar::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-search-bar::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-search-bar{display:block}/*!@summary*/summary.sc-ic-search-bar{display:list-item}/*!@template*/template.sc-ic-search-bar{display:none}/*!@[hidden]*/[hidden].sc-ic-search-bar{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-search-bar,body.sc-ic-search-bar,div.sc-ic-search-bar,span.sc-ic-search-bar,applet.sc-ic-search-bar,object.sc-ic-search-bar,iframe.sc-ic-search-bar,h1.sc-ic-search-bar,h2.sc-ic-search-bar,h3.sc-ic-search-bar,h4.sc-ic-search-bar,h5.sc-ic-search-bar,h6.sc-ic-search-bar,p.sc-ic-search-bar,blockquote.sc-ic-search-bar,pre.sc-ic-search-bar,a.sc-ic-search-bar,abbr.sc-ic-search-bar,acronym.sc-ic-search-bar,address.sc-ic-search-bar,big.sc-ic-search-bar,cite.sc-ic-search-bar,code.sc-ic-search-bar,del.sc-ic-search-bar,dfn.sc-ic-search-bar,em.sc-ic-search-bar,img.sc-ic-search-bar,ins.sc-ic-search-bar,kbd.sc-ic-search-bar,q.sc-ic-search-bar,s.sc-ic-search-bar,samp.sc-ic-search-bar,small.sc-ic-search-bar,strike.sc-ic-search-bar,strong.sc-ic-search-bar,sub.sc-ic-search-bar,sup.sc-ic-search-bar,tt.sc-ic-search-bar,var.sc-ic-search-bar,b.sc-ic-search-bar,u.sc-ic-search-bar,i.sc-ic-search-bar,center.sc-ic-search-bar,dl.sc-ic-search-bar,dt.sc-ic-search-bar,dd.sc-ic-search-bar,ol.sc-ic-search-bar,ul.sc-ic-search-bar,li.sc-ic-search-bar,fieldset.sc-ic-search-bar,form.sc-ic-search-bar,label.sc-ic-search-bar,legend.sc-ic-search-bar,table.sc-ic-search-bar,caption.sc-ic-search-bar,tbody.sc-ic-search-bar,tfoot.sc-ic-search-bar,thead.sc-ic-search-bar,tr.sc-ic-search-bar,th.sc-ic-search-bar,td.sc-ic-search-bar,article.sc-ic-search-bar,aside.sc-ic-search-bar,canvas.sc-ic-search-bar,details.sc-ic-search-bar,embed.sc-ic-search-bar,figure.sc-ic-search-bar,figcaption.sc-ic-search-bar,footer.sc-ic-search-bar,header.sc-ic-search-bar,hgroup.sc-ic-search-bar,menu.sc-ic-search-bar,nav.sc-ic-search-bar,output.sc-ic-search-bar,ruby.sc-ic-search-bar,section.sc-ic-search-bar,summary.sc-ic-search-bar,time.sc-ic-search-bar,mark.sc-ic-search-bar,audio.sc-ic-search-bar,video.sc-ic-search-bar{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host(.search)*/.search.sc-ic-search-bar-h{--divider-height:24px}/*!@:host(.search.small)*/.search.small.sc-ic-search-bar-h{--divider-height:16px}/*!@:host(.fullwidth)*/.fullwidth.sc-ic-search-bar-h{width:100%}/*!@:host(.search) .disabled:hover*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar:hover{border-color:var(--ic-architectural-200)}/*!@:host(.search.disabled) .disabled svg*/.search.disabled.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-200)}/*!@:host(.search) .disabled svg*/.search.sc-ic-search-bar-h .disabled.sc-ic-search-bar svg.sc-ic-search-bar{color:var(--ic-architectural-400)}/*!@.clear-button-container*/.clear-button-container.sc-ic-search-bar{align-items:center;margin-right:1px;display:none;visibility:hidden}/*!@.clear-button*/.clear-button.sc-ic-search-bar{border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n border-radius var(--ic-easing-transition)}/*!@.clear-button:focus*/.clear-button.sc-ic-search-bar: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-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.clear-button-visible*/.clear-button-visible.sc-ic-search-bar{visibility:visible;display:flex}/*!@.search-submit-button-container*/.search-submit-button-container.sc-ic-search-bar{display:flex;align-items:center}/*!@.search-submit-button-disabled .ic-tooltip-container*/.search-submit-button-disabled.sc-ic-search-bar .ic-tooltip-container.sc-ic-search-bar{display:none !important}/*!@.search-submit-button:focus*/.search-submit-button.sc-ic-search-bar:focus{background-color:var(--ic-focus-blue) !important;box-shadow:inset 0 0 0 2px var(--ic-focus-glow) !important;border-radius:var(--ic-space-xxs);height:var(--ic-space-xl);margin-top:var(--ic-space-xxxs)}/*!@.search-submit-button:focus **/.search-submit-button.sc-ic-search-bar:focus *.sc-ic-search-bar{fill:white}/*!@.divider*/.divider.sc-ic-search-bar{width:1px;background-color:var(--ic-action-dark-active);height:var(--divider-height)}/*!@:host(.dark) .divider*/.dark.sc-ic-search-bar-h .divider.sc-ic-search-bar{background-color:var(--ic-architectural-200)}/*!@.menu-container*/.menu-container.sc-ic-search-bar{width:var(--input-width, 320px);position:relative;top:var(--ic-space-xxxs)}/*!@.menu-container.fullwidth*/.menu-container.fullwidth.sc-ic-search-bar{width:100%}/*!@ic-menu*/ic-menu.sc-ic-search-bar{transition:var(--ic-easing-transition-slow)}/*!@.no-results*/.no-results.sc-ic-search-bar{cursor:not-allowed}/*!@.search-results-status*/.search-results-status.sc-ic-search-bar{border:0;clip:rect(0, 0, 0, 0, 0);height:1px;margin-bottom:-1px;margin-right:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
11504
11540
|
|
11505
11541
|
let inputIds$3 = 0;
|
11506
11542
|
class SearchBar {
|
@@ -11680,7 +11716,7 @@ class SearchBar {
|
|
11680
11716
|
this.disableFilter = false;
|
11681
11717
|
this.hideLabel = false;
|
11682
11718
|
this.helperText = "";
|
11683
|
-
this.
|
11719
|
+
this.small = false;
|
11684
11720
|
this.value = "";
|
11685
11721
|
this.autocapitalize = "off";
|
11686
11722
|
this.autocomplete = "off";
|
@@ -11691,7 +11727,6 @@ class SearchBar {
|
|
11691
11727
|
this.spellcheck = false;
|
11692
11728
|
this.options = [];
|
11693
11729
|
this.focusOnLoad = false;
|
11694
|
-
this.dark = false;
|
11695
11730
|
this.hintText = "When autocomplete results are available use the up and down arrows to choose and press enter to select";
|
11696
11731
|
this.emptyOptionListText = "No results found";
|
11697
11732
|
this.charactersUntilSuggestion = 2;
|
@@ -11801,7 +11836,7 @@ class SearchBar {
|
|
11801
11836
|
}
|
11802
11837
|
}
|
11803
11838
|
render() {
|
11804
|
-
const { inputId, name, label, required,
|
11839
|
+
const { inputId, name, label, required, small, placeholder, helperText, disabled, value, readonly, spellcheck, fullWidth, options, open, hideLabel, menuId, ariaActiveDescendant, truncateValue, autofocus, autocapitalize, autocomplete, filteredOptions, } = this;
|
11805
11840
|
const disabledMode = readonly || disabled ? true : false;
|
11806
11841
|
const describedBy = getInputDescribedByText(inputId, helperText !== "", false).trim();
|
11807
11842
|
let describedById;
|
@@ -11839,30 +11874,29 @@ class SearchBar {
|
|
11839
11874
|
return (hAsync(Host, { class: {
|
11840
11875
|
["search"]: true,
|
11841
11876
|
["fullwidth"]: fullWidth,
|
11842
|
-
["dark"]: dark,
|
11843
11877
|
["disabled"]: disabled,
|
11844
|
-
["
|
11845
|
-
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly,
|
11878
|
+
["small"]: small,
|
11879
|
+
}, onFocus: this.handleHostFocus, onBlur: this.handleHostBlur }, hAsync("ic-text-field", { ref: (el) => (this.inputEl = el), inputId: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly, small: small, hideLabel: hideLabel, fullWidth: fullWidth, name: name, truncateValue: truncateValue, value: options && !!getLabelFromValue(value, options)
|
11846
11880
|
? getLabelFromValue(value, options)
|
11847
11881
|
: value, placeholder: placeholder, onInput: this.onInput, onBlur: this.onInputBlur, onFocus: this.onInputFocus, "aria-label": hideLabel ? label : "", "aria-describedby": describedById, "aria-owns": hasSuggestedSearch ? menuId : undefined, "aria-haspopup": options.length > 0 ? "listbox" : undefined, ariaExpanded: expanded, ariaActiveDescendant: ariaActiveDescendant, "aria-autocomplete": hasSuggestedSearch ? "list" : undefined, role: hasSuggestedSearch ? "combobox" : undefined, autocomplete: autocomplete, autocapitalize: autocapitalize, autoFocus: autofocus, spellcheck: spellcheck, inputmode: "search" }, hAsync("div", { class: {
|
11848
11882
|
"clear-button-container": true,
|
11849
11883
|
"clear-button-visible": value && !disabledMode && this.showClearButton,
|
11850
|
-
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, size:
|
11884
|
+
}, slot: "clear-button" }, hAsync("ic-button", { id: "clear-button", class: "clear-button", "aria-label": "Clear", innerHTML: clearIcon, onClick: this.handleClear, size: small ? "small" : "default", onFocus: this.handleFocusClearButton, onBlur: this.handleClearBlur, onKeyDown: this.handleClear, type: "submit", variant: "icon", appearance: this.clearButtonFocused
|
11851
11885
|
? IcThemeForegroundEnum.Light
|
11852
11886
|
: IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" })), hAsync("div", { class: {
|
11853
11887
|
"search-submit-button-container": true,
|
11854
11888
|
"search-submit-button-disabled": valueNotSet || disabled || hadNoOptions,
|
11855
11889
|
}, slot: "search-submit-button" }, hAsync("ic-button", { id: "search-submit-button", "aria-label": "Search", ref: (el) => (this.searchSubmitButton = el), class: {
|
11856
11890
|
["search-submit-button"]: true,
|
11857
|
-
["search-submit-button-
|
11858
|
-
}, disabled: valueNotSet || disabled || hadNoOptions, innerHTML: searchIcon, size:
|
11891
|
+
["search-submit-button-small"]: !!small,
|
11892
|
+
}, disabled: valueNotSet || disabled || hadNoOptions, innerHTML: searchIcon, size: small ? "small" : "default", onClick: this.handleSubmitSearch, onBlur: this.handleSubmitSearchBlur, onFocus: this.handleSubmitSearchFocus, type: "submit", variant: "icon", appearance: this.searchSubmitFocused
|
11859
11893
|
? IcThemeForegroundEnum.Light
|
11860
11894
|
: IcThemeForegroundEnum.Default })), hAsync("div", { class: {
|
11861
11895
|
"menu-container": true,
|
11862
11896
|
fullwidth: fullWidth,
|
11863
11897
|
}, slot: "menu" }, menuOpen && value.length >= this.charactersUntilSuggestion && (hAsync("ic-menu", { class: {
|
11864
11898
|
"no-results": hadNoOptions,
|
11865
|
-
}, activationType: "manual", anchorEl: this.anchorEl, autoFocusOnSelected: false, inputEl: this.inputEl, inputLabel: label, ref: (el) => (this.menu = el),
|
11899
|
+
}, 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, onOptionSelect: this.handleOptionSelect, onMenuChange: this.handleMenuChange, parentEl: this.el, value: value })))), hAsync("div", { "aria-live": "polite", role: "status", class: "search-results-status" })));
|
11866
11900
|
}
|
11867
11901
|
get el() { return getElement(this); }
|
11868
11902
|
static get watchers() { return {
|
@@ -11884,7 +11918,7 @@ class SearchBar {
|
|
11884
11918
|
"disableFilter": [4, "disable-filter"],
|
11885
11919
|
"hideLabel": [4, "hide-label"],
|
11886
11920
|
"helperText": [1, "helper-text"],
|
11887
|
-
"
|
11921
|
+
"small": [4],
|
11888
11922
|
"value": [1537],
|
11889
11923
|
"autocapitalize": [1],
|
11890
11924
|
"autocomplete": [1],
|
@@ -11895,7 +11929,6 @@ class SearchBar {
|
|
11895
11929
|
"spellcheck": [4],
|
11896
11930
|
"options": [16],
|
11897
11931
|
"focusOnLoad": [4, "focus-on-load"],
|
11898
|
-
"dark": [4],
|
11899
11932
|
"hintText": [1, "hint-text"],
|
11900
11933
|
"emptyOptionListText": [1, "empty-option-list-text"],
|
11901
11934
|
"charactersUntilSuggestion": [2, "characters-until-suggestion"],
|
@@ -11955,7 +11988,7 @@ var Clear = `<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w
|
|
11955
11988
|
</svg>
|
11956
11989
|
`;
|
11957
11990
|
|
11958
|
-
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:none}/*!@: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([dense]) .clear-button-container*/[dense].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([dense]) .divider*/[dense].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}";
|
11991
|
+
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:none}/*!@: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}";
|
11959
11992
|
|
11960
11993
|
let inputIds$2 = 0;
|
11961
11994
|
class Select {
|
@@ -12177,6 +12210,12 @@ class Select {
|
|
12177
12210
|
}
|
12178
12211
|
this.icBlur.emit();
|
12179
12212
|
};
|
12213
|
+
this.handleFormReset = () => {
|
12214
|
+
this.value = this.initialValue;
|
12215
|
+
if (this.searchable) {
|
12216
|
+
this.searchableSelectInputValue = null;
|
12217
|
+
}
|
12218
|
+
};
|
12180
12219
|
this.label = undefined;
|
12181
12220
|
this.options = [];
|
12182
12221
|
this.required = false;
|
@@ -12185,7 +12224,7 @@ class Select {
|
|
12185
12224
|
this.readonly = false;
|
12186
12225
|
this.placeholder = "Select an option";
|
12187
12226
|
this.helperText = "";
|
12188
|
-
this.
|
12227
|
+
this.small = false;
|
12189
12228
|
this.fullWidth = false;
|
12190
12229
|
this.validationStatus = "";
|
12191
12230
|
this.validationText = "";
|
@@ -12204,6 +12243,7 @@ class Select {
|
|
12204
12243
|
this.filteredOptions = this.options;
|
12205
12244
|
this.ariaActiveDescendant = undefined;
|
12206
12245
|
this.noOptions = null;
|
12246
|
+
this.initialValue = this.value;
|
12207
12247
|
}
|
12208
12248
|
watchOptionsHandler() {
|
12209
12249
|
this.setOptionsValuesFromLabels();
|
@@ -12236,6 +12276,7 @@ class Select {
|
|
12236
12276
|
"title",
|
12237
12277
|
]);
|
12238
12278
|
this.setOptionsValuesFromLabels();
|
12279
|
+
addFormResetListener(this.host, this.handleFormReset);
|
12239
12280
|
}
|
12240
12281
|
componentDidRender() {
|
12241
12282
|
if (this.nativeSelectElement && !this.disabled) {
|
@@ -12245,12 +12286,15 @@ class Select {
|
|
12245
12286
|
componentDidLoad() {
|
12246
12287
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Select");
|
12247
12288
|
}
|
12289
|
+
disconnectedCallback() {
|
12290
|
+
removeFormResetListener(this.host, this.handleFormReset);
|
12291
|
+
}
|
12248
12292
|
render() {
|
12249
|
-
const {
|
12293
|
+
const { small, disabled, fullWidth, helperText, hideLabel, label, menuId, name, options, placeholder, readonly, required, searchable, showClearButton, validationStatus, validationText, value, } = this;
|
12250
12294
|
renderHiddenInput(true, this.host, name, value, disabled);
|
12251
12295
|
const invalid = validationStatus === IcInformationStatus.Error ? "true" : "false";
|
12252
12296
|
const describedBy = getInputDescribedByText(this.inputId, helperText !== "", hasValidationStatus(this.validationStatus, this.disabled)).trim();
|
12253
|
-
return (hAsync(Host, null, hAsync("ic-input-container", { readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open },
|
12297
|
+
return (hAsync(Host, null, hAsync("ic-input-container", { readonly: readonly }, !hideLabel && (hAsync("ic-input-label", { for: this.inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly })), hAsync("ic-input-component-container", { ref: (el) => (this.anchorEl = el), class: { "menu-open": this.open }, small: small, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, readonly ? (hAsync("ic-typography", null, hAsync("p", null, this.getLabelFromValue(value)))) : isMobileOrTablet() ? (hAsync("select", Object.assign({ ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: this.inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, onBlur: this.onBlur, onFocus: this.onFocus }, this.inheritedAttributes), hAsync("option", { value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => {
|
12254
12298
|
if (option.children) {
|
12255
12299
|
return (hAsync("optgroup", { label: option.label }, option.children.map((option) => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.value === value }, option.label)))));
|
12256
12300
|
}
|
@@ -12260,7 +12304,7 @@ class Select {
|
|
12260
12304
|
}))) : searchable ? (hAsync("div", { class: "searchable-select-container" }, hAsync("input", { class: "select-input", role: "combobox", "aria-label": label, "aria-describedby": describedBy, "aria-activedescendant": this.ariaActiveDescendant, "aria-autocomplete": "list", "aria-expanded": this.open ? "true" : "false", "aria-invalid": invalid, "aria-required": required ? "true" : "false", "aria-controls": menuId, ref: (el) => (this.searchableSelectElement = el), id: this.inputId, value: this.searchableSelectInputValue, placeholder: placeholder, disabled: disabled, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.onFocus, onBlur: this.onBlur }), this.searchableSelectInputValue &&
|
12261
12305
|
(showClearButton || searchable) && (hAsync("div", { class: "clear-button-container" }, hAsync("ic-button", { id: "clear-button", ref: (el) => (this.clearButton = el), "aria-label": this.searchableSelectInputValue && value === null
|
12262
12306
|
? "Clear input"
|
12263
|
-
: "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size:
|
12307
|
+
: "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: small ? "small" : "default", variant: "icon", appearance: this.clearButtonFocused
|
12264
12308
|
? IcThemeForegroundEnum.Light
|
12265
12309
|
: IcThemeForegroundEnum.Dark }), hAsync("div", { class: "divider" }))), hAsync("span", { onMouseDown: this.handleExpandIconMouseDown, class: {
|
12266
12310
|
"expand-icon": true,
|
@@ -12274,13 +12318,13 @@ class Select {
|
|
12274
12318
|
"expand-icon": true,
|
12275
12319
|
"expand-icon-open": this.open,
|
12276
12320
|
"expand-icon-filled": !(value == null || value === ""),
|
12277
|
-
}, innerHTML: Expand, "aria-hidden": "true" }))), value && showClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size:
|
12321
|
+
}, innerHTML: Expand, "aria-hidden": "true" }))), value && showClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onFocus: this.handleClearButtonFocus, onBlur: this.handleClearButtonBlur, size: small ? "small" : "default", variant: "icon", appearance: this.clearButtonFocused
|
12278
12322
|
? IcThemeForegroundEnum.Light
|
12279
12323
|
: IcThemeForegroundEnum.Dark }))))), !isMobileOrTablet() && (hAsync("ic-menu", { class: {
|
12280
12324
|
"no-results": this.noOptions !== null,
|
12281
12325
|
}, ref: (el) => (this.menu = el), inputEl: searchable
|
12282
12326
|
? this.searchableSelectElement
|
12283
|
-
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl,
|
12327
|
+
: this.customSelectElement, inputLabel: label, anchorEl: this.anchorEl, small: small, menuId: menuId, open: this.open, options: searchable ? this.filteredOptions : options, value: value, fullWidth: fullWidth, onMenuChange: this.handleMenuChange, onOptionSelect: this.handleCustomSelectChange, parentEl: this.host })), hAsync("ic-input-validation", { class: { "menu-open": this.open }, ariaLiveMode: "polite", status: hasValidationStatus(this.validationStatus, this.disabled) ===
|
12284
12328
|
false
|
12285
12329
|
? ""
|
12286
12330
|
: validationStatus, message: hasValidationStatus(this.validationStatus, this.disabled)
|
@@ -12304,11 +12348,11 @@ class Select {
|
|
12304
12348
|
"readonly": [4],
|
12305
12349
|
"placeholder": [1],
|
12306
12350
|
"helperText": [1, "helper-text"],
|
12307
|
-
"
|
12351
|
+
"small": [4],
|
12308
12352
|
"fullWidth": [4, "full-width"],
|
12309
12353
|
"validationStatus": [1, "validation-status"],
|
12310
12354
|
"validationText": [1, "validation-text"],
|
12311
|
-
"value": [
|
12355
|
+
"value": [1025],
|
12312
12356
|
"name": [1],
|
12313
12357
|
"showClearButton": [4, "show-clear-button"],
|
12314
12358
|
"searchable": [4],
|
@@ -12323,6 +12367,7 @@ class Select {
|
|
12323
12367
|
"filteredOptions": [32],
|
12324
12368
|
"ariaActiveDescendant": [32],
|
12325
12369
|
"noOptions": [32],
|
12370
|
+
"initialValue": [32],
|
12326
12371
|
"setFocus": [64]
|
12327
12372
|
},
|
12328
12373
|
"$listeners$": undefined,
|
@@ -12624,7 +12669,7 @@ class SideNavigation {
|
|
12624
12669
|
this.renderTopBar = ({ isSDevice, foregroundColor, menuOpen, href, isAppNameSubtitleVariant, appTitle, }) => (hAsync("div", { class: {
|
12625
12670
|
"top-bar": true,
|
12626
12671
|
[this.foregroundColor]: true,
|
12627
|
-
} }, isSDevice && (hAsync("nav", { "aria-labelledby": "menu-navigation-toggle-button-landmark", "aria-hidden": "false" }, hAsync("ic-button", { "aria-label": "Open navigation menu", class: "menu-button", id: "menu-button", variant: "secondary", size: "
|
12672
|
+
} }, isSDevice && (hAsync("nav", { "aria-labelledby": "menu-navigation-toggle-button-landmark", "aria-hidden": "false" }, hAsync("ic-button", { "aria-label": "Open navigation menu", class: "menu-button", id: "menu-button", variant: "secondary", size: "small", "full-width": "true", appearance: foregroundColor, onClick: this.toggleMenu, "aria-owns": "side-navigation", "aria-haspopup": "true", "aria-expanded": "false" }, hAsync("span", { class: "mobile-top-bar-menu-icon", slot: "icon", innerHTML: menuOpen ? closeIcon : menuIcon }), menuOpen ? "Close" : "Menu"), hAsync("span", { id: "menu-navigation-toggle-button-landmark", class: "navigation-landmark-title", "aria-hidden": "true" }, "Navigation menu toggle button"))), hAsync("div", { class: "app-title-wrapper" }, hAsync("a", { href: href, class: "title-link" }, hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" })), hAsync("ic-typography", { variant: isAppNameSubtitleVariant ? "subtitle-small" : "h3" }, appTitle)))));
|
12628
12673
|
this.appTitle = undefined;
|
12629
12674
|
this.status = undefined;
|
12630
12675
|
this.version = undefined;
|
@@ -12732,13 +12777,13 @@ class SideNavigation {
|
|
12732
12777
|
}; }
|
12733
12778
|
}
|
12734
12779
|
|
12735
|
-
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-
|
12780
|
+
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}";
|
12736
12781
|
|
12737
12782
|
class Skeleton {
|
12738
12783
|
constructor(hostRef) {
|
12739
12784
|
registerInstance(this, hostRef);
|
12740
|
-
this.variant = "
|
12741
|
-
this.
|
12785
|
+
this.variant = "rectangle";
|
12786
|
+
this.light = false;
|
12742
12787
|
this.hasChild = undefined;
|
12743
12788
|
this.default = undefined;
|
12744
12789
|
this.heightOnly = undefined;
|
@@ -12756,24 +12801,24 @@ class Skeleton {
|
|
12756
12801
|
}
|
12757
12802
|
}
|
12758
12803
|
render() {
|
12759
|
-
const { variant,
|
12804
|
+
const { variant, light } = this;
|
12760
12805
|
this.hasChild = !!this.el.firstElementChild;
|
12761
12806
|
const defaultSkeletonStyle = {
|
12762
|
-
height: variant == "text" ? "1em" : variant == "
|
12763
|
-
width: variant == "
|
12807
|
+
height: variant == "text" ? "1em" : variant == "circle" ? "25px" : "93px",
|
12808
|
+
width: variant == "circle" ? "25px" : "260px",
|
12764
12809
|
};
|
12765
12810
|
const heightSetStyle = {
|
12766
12811
|
height: this.el.style.height,
|
12767
|
-
width: variant == "
|
12812
|
+
width: variant == "circle" ? "25px" : "260px",
|
12768
12813
|
};
|
12769
12814
|
const widthSetStyle = {
|
12770
|
-
height: variant == "text" ? "1em" : variant == "
|
12815
|
+
height: variant == "text" ? "1em" : variant == "circle" ? "25px" : "93px",
|
12771
12816
|
width: this.el.style.width,
|
12772
12817
|
};
|
12773
12818
|
return (hAsync(Host, { class: {
|
12774
12819
|
["skeleton"]: true,
|
12775
|
-
["
|
12776
|
-
["
|
12820
|
+
["circle"]: variant == "circle",
|
12821
|
+
["light"]: light,
|
12777
12822
|
}, style: (!this.hasChild && this.default && defaultSkeletonStyle) ||
|
12778
12823
|
(this.heightOnly && heightSetStyle) ||
|
12779
12824
|
(this.widthOnly && widthSetStyle), "aria-disabled": "true" }, hAsync("slot", null)));
|
@@ -12785,7 +12830,7 @@ class Skeleton {
|
|
12785
12830
|
"$tagName$": "ic-skeleton",
|
12786
12831
|
"$members$": {
|
12787
12832
|
"variant": [1],
|
12788
|
-
"
|
12833
|
+
"light": [4],
|
12789
12834
|
"hasChild": [32],
|
12790
12835
|
"default": [32],
|
12791
12836
|
"heightOnly": [32],
|
@@ -12797,26 +12842,26 @@ class Skeleton {
|
|
12797
12842
|
}; }
|
12798
12843
|
}
|
12799
12844
|
|
12800
|
-
const icStatusTagCss = "/*!@html*/html.sc-ic-status-tag{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-status-tag{margin:0}/*!@main*/main.sc-ic-status-tag{display:block}/*!@h1*/h1.sc-ic-status-tag{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-status-tag{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-status-tag{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-status-tag{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-status-tag,strong.sc-ic-status-tag{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-status-tag,kbd.sc-ic-status-tag,samp.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-status-tag{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-status-tag,sup.sc-ic-status-tag{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-status-tag{bottom:-0.25em}/*!@sup*/sup.sc-ic-status-tag{top:-0.5em}/*!@img*/img.sc-ic-status-tag{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-status-tag,input.sc-ic-status-tag,optgroup.sc-ic-status-tag,select.sc-ic-status-tag,textarea.sc-ic-status-tag{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-status-tag,input.sc-ic-status-tag{overflow:visible}/*!@button,\nselect*/button.sc-ic-status-tag,select.sc-ic-status-tag{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-status-tag,[type=\"button\"].sc-ic-status-tag,[type=\"reset\"].sc-ic-status-tag,[type=\"submit\"].sc-ic-status-tag{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-status-tag::-moz-focus-inner,[type=\"button\"].sc-ic-status-tag::-moz-focus-inner,[type=\"reset\"].sc-ic-status-tag::-moz-focus-inner,[type=\"submit\"].sc-ic-status-tag::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-status-tag:-moz-focusring,[type=\"button\"].sc-ic-status-tag:-moz-focusring,[type=\"reset\"].sc-ic-status-tag:-moz-focusring,[type=\"submit\"].sc-ic-status-tag:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-status-tag{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-status-tag{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-status-tag{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-status-tag{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-status-tag,[type=\"radio\"].sc-ic-status-tag{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-status-tag::-webkit-inner-spin-button,[type=\"number\"].sc-ic-status-tag::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-status-tag{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-status-tag::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-status-tag::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-status-tag{display:block}/*!@summary*/summary.sc-ic-status-tag{display:list-item}/*!@template*/template.sc-ic-status-tag{display:none}/*!@[hidden]*/[hidden].sc-ic-status-tag{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-status-tag,body.sc-ic-status-tag,div.sc-ic-status-tag,span.sc-ic-status-tag,applet.sc-ic-status-tag,object.sc-ic-status-tag,iframe.sc-ic-status-tag,h1.sc-ic-status-tag,h2.sc-ic-status-tag,h3.sc-ic-status-tag,h4.sc-ic-status-tag,h5.sc-ic-status-tag,h6.sc-ic-status-tag,p.sc-ic-status-tag,blockquote.sc-ic-status-tag,pre.sc-ic-status-tag,a.sc-ic-status-tag,abbr.sc-ic-status-tag,acronym.sc-ic-status-tag,address.sc-ic-status-tag,big.sc-ic-status-tag,cite.sc-ic-status-tag,code.sc-ic-status-tag,del.sc-ic-status-tag,dfn.sc-ic-status-tag,em.sc-ic-status-tag,img.sc-ic-status-tag,ins.sc-ic-status-tag,kbd.sc-ic-status-tag,q.sc-ic-status-tag,s.sc-ic-status-tag,samp.sc-ic-status-tag,small.sc-ic-status-tag,strike.sc-ic-status-tag,strong.sc-ic-status-tag,sub.sc-ic-status-tag,sup.sc-ic-status-tag,tt.sc-ic-status-tag,var.sc-ic-status-tag,b.sc-ic-status-tag,u.sc-ic-status-tag,i.sc-ic-status-tag,center.sc-ic-status-tag,dl.sc-ic-status-tag,dt.sc-ic-status-tag,dd.sc-ic-status-tag,ol.sc-ic-status-tag,ul.sc-ic-status-tag,li.sc-ic-status-tag,fieldset.sc-ic-status-tag,form.sc-ic-status-tag,label.sc-ic-status-tag,legend.sc-ic-status-tag,table.sc-ic-status-tag,caption.sc-ic-status-tag,tbody.sc-ic-status-tag,tfoot.sc-ic-status-tag,thead.sc-ic-status-tag,tr.sc-ic-status-tag,th.sc-ic-status-tag,td.sc-ic-status-tag,article.sc-ic-status-tag,aside.sc-ic-status-tag,canvas.sc-ic-status-tag,details.sc-ic-status-tag,embed.sc-ic-status-tag,figure.sc-ic-status-tag,figcaption.sc-ic-status-tag,footer.sc-ic-status-tag,header.sc-ic-status-tag,hgroup.sc-ic-status-tag,menu.sc-ic-status-tag,nav.sc-ic-status-tag,output.sc-ic-status-tag,ruby.sc-ic-status-tag,section.sc-ic-status-tag,summary.sc-ic-status-tag,time.sc-ic-status-tag,mark.sc-ic-status-tag,audio.sc-ic-status-tag,video.sc-ic-status-tag{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.tag*/.tag.sc-ic-status-tag{padding:var(--ic-space-xs) var(--ic-space-sm);font-size:14px;border-radius:80px;display:inline-block;min-width:40px;text-align:center}/*!@.
|
12845
|
+
const icStatusTagCss = "/*!@html*/html.sc-ic-status-tag{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-status-tag{margin:0}/*!@main*/main.sc-ic-status-tag{display:block}/*!@h1*/h1.sc-ic-status-tag{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-status-tag{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-status-tag{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-status-tag{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-status-tag,strong.sc-ic-status-tag{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-status-tag,kbd.sc-ic-status-tag,samp.sc-ic-status-tag{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-status-tag{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-status-tag,sup.sc-ic-status-tag{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-status-tag{bottom:-0.25em}/*!@sup*/sup.sc-ic-status-tag{top:-0.5em}/*!@img*/img.sc-ic-status-tag{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-status-tag,input.sc-ic-status-tag,optgroup.sc-ic-status-tag,select.sc-ic-status-tag,textarea.sc-ic-status-tag{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-status-tag,input.sc-ic-status-tag{overflow:visible}/*!@button,\nselect*/button.sc-ic-status-tag,select.sc-ic-status-tag{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-status-tag,[type=\"button\"].sc-ic-status-tag,[type=\"reset\"].sc-ic-status-tag,[type=\"submit\"].sc-ic-status-tag{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-status-tag::-moz-focus-inner,[type=\"button\"].sc-ic-status-tag::-moz-focus-inner,[type=\"reset\"].sc-ic-status-tag::-moz-focus-inner,[type=\"submit\"].sc-ic-status-tag::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-status-tag:-moz-focusring,[type=\"button\"].sc-ic-status-tag:-moz-focusring,[type=\"reset\"].sc-ic-status-tag:-moz-focusring,[type=\"submit\"].sc-ic-status-tag:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-status-tag{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-status-tag{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-status-tag{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-status-tag{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-status-tag,[type=\"radio\"].sc-ic-status-tag{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-status-tag::-webkit-inner-spin-button,[type=\"number\"].sc-ic-status-tag::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-status-tag{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-status-tag::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-status-tag::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-status-tag{display:block}/*!@summary*/summary.sc-ic-status-tag{display:list-item}/*!@template*/template.sc-ic-status-tag{display:none}/*!@[hidden]*/[hidden].sc-ic-status-tag{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-status-tag,body.sc-ic-status-tag,div.sc-ic-status-tag,span.sc-ic-status-tag,applet.sc-ic-status-tag,object.sc-ic-status-tag,iframe.sc-ic-status-tag,h1.sc-ic-status-tag,h2.sc-ic-status-tag,h3.sc-ic-status-tag,h4.sc-ic-status-tag,h5.sc-ic-status-tag,h6.sc-ic-status-tag,p.sc-ic-status-tag,blockquote.sc-ic-status-tag,pre.sc-ic-status-tag,a.sc-ic-status-tag,abbr.sc-ic-status-tag,acronym.sc-ic-status-tag,address.sc-ic-status-tag,big.sc-ic-status-tag,cite.sc-ic-status-tag,code.sc-ic-status-tag,del.sc-ic-status-tag,dfn.sc-ic-status-tag,em.sc-ic-status-tag,img.sc-ic-status-tag,ins.sc-ic-status-tag,kbd.sc-ic-status-tag,q.sc-ic-status-tag,s.sc-ic-status-tag,samp.sc-ic-status-tag,small.sc-ic-status-tag,strike.sc-ic-status-tag,strong.sc-ic-status-tag,sub.sc-ic-status-tag,sup.sc-ic-status-tag,tt.sc-ic-status-tag,var.sc-ic-status-tag,b.sc-ic-status-tag,u.sc-ic-status-tag,i.sc-ic-status-tag,center.sc-ic-status-tag,dl.sc-ic-status-tag,dt.sc-ic-status-tag,dd.sc-ic-status-tag,ol.sc-ic-status-tag,ul.sc-ic-status-tag,li.sc-ic-status-tag,fieldset.sc-ic-status-tag,form.sc-ic-status-tag,label.sc-ic-status-tag,legend.sc-ic-status-tag,table.sc-ic-status-tag,caption.sc-ic-status-tag,tbody.sc-ic-status-tag,tfoot.sc-ic-status-tag,thead.sc-ic-status-tag,tr.sc-ic-status-tag,th.sc-ic-status-tag,td.sc-ic-status-tag,article.sc-ic-status-tag,aside.sc-ic-status-tag,canvas.sc-ic-status-tag,details.sc-ic-status-tag,embed.sc-ic-status-tag,figure.sc-ic-status-tag,figcaption.sc-ic-status-tag,footer.sc-ic-status-tag,header.sc-ic-status-tag,hgroup.sc-ic-status-tag,menu.sc-ic-status-tag,nav.sc-ic-status-tag,output.sc-ic-status-tag,ruby.sc-ic-status-tag,section.sc-ic-status-tag,summary.sc-ic-status-tag,time.sc-ic-status-tag,mark.sc-ic-status-tag,audio.sc-ic-status-tag,video.sc-ic-status-tag{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@.tag*/.tag.sc-ic-status-tag{padding:var(--ic-space-xs) var(--ic-space-sm);font-size:14px;border-radius:80px;display:inline-block;min-width:40px;text-align:center}/*!@.small*/.small.sc-ic-status-tag{padding:var(--ic-space-xxs) var(--ic-space-sm)}/*!@.filled-neutral*/.filled-neutral.sc-ic-status-tag{background-color:var(--ic-architectural-600);color:var(--ic-architectural-white)}/*!@.filled-success*/.filled-success.sc-ic-status-tag{background-color:var(--ic-status-success);color:var(--ic-architectural-white)}/*!@.filled-warning*/.filled-warning.sc-ic-status-tag{background-color:var(--ic-status-warning);color:var(--ic-color-primary-text)}/*!@.filled-danger*/.filled-danger.sc-ic-status-tag{background-color:var(--ic-status-error);color:var(--ic-architectural-white)}/*!@.outlined-neutral*/.outlined-neutral.sc-ic-status-tag{background-color:var(--ic-architectural-200);color:var(--ic-color-secondary-text);border:1px solid var(--ic-architectural-400)}/*!@.outlined-success*/.outlined-success.sc-ic-status-tag{background-color:var(--ic-status-success-background);color:var(--ic-status-success);border:1px solid var(--ic-status-success)}/*!@.outlined-warning*/.outlined-warning.sc-ic-status-tag{background-color:var(--ic-status-warning-background);color:var(--ic-status-warning-dark);border:1px solid var(--ic-status-warning-dark)}/*!@.outlined-danger*/.outlined-danger.sc-ic-status-tag{background-color:var(--ic-status-error-background);color:var(--ic-status-error);border:1px solid var(--ic-status-error)}";
|
12801
12846
|
|
12802
12847
|
class StatusTag {
|
12803
12848
|
constructor(hostRef) {
|
12804
12849
|
registerInstance(this, hostRef);
|
12805
12850
|
this.label = undefined;
|
12806
12851
|
this.status = "neutral";
|
12807
|
-
this.
|
12808
|
-
this.
|
12852
|
+
this.appearance = "filled";
|
12853
|
+
this.small = false;
|
12809
12854
|
}
|
12810
12855
|
componentDidLoad() {
|
12811
12856
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Status Tag");
|
12812
12857
|
}
|
12813
12858
|
render() {
|
12814
|
-
const { label, status,
|
12859
|
+
const { label, status, appearance, small } = this;
|
12815
12860
|
return (hAsync(Host, { role: "status" }, hAsync("strong", { class: {
|
12816
12861
|
["tag"]: true,
|
12817
|
-
[`${
|
12818
|
-
["
|
12819
|
-
} }, hAsync("ic-typography", { variant: "label-uppercase",
|
12862
|
+
[`${appearance}-${status}`]: true,
|
12863
|
+
["small"]: small,
|
12864
|
+
} }, hAsync("ic-typography", { variant: "label-uppercase", "apply-vertical-margins": false }, hAsync("span", null, label)))));
|
12820
12865
|
}
|
12821
12866
|
static get style() { return icStatusTagCss; }
|
12822
12867
|
static get cmpMeta() { return {
|
@@ -12825,8 +12870,8 @@ class StatusTag {
|
|
12825
12870
|
"$members$": {
|
12826
12871
|
"label": [1],
|
12827
12872
|
"status": [1],
|
12828
|
-
"
|
12829
|
-
"
|
12873
|
+
"appearance": [1],
|
12874
|
+
"small": [4]
|
12830
12875
|
},
|
12831
12876
|
"$listeners$": undefined,
|
12832
12877
|
"$lazyBundleId$": "-",
|
@@ -12896,7 +12941,7 @@ class Step {
|
|
12896
12941
|
}; }
|
12897
12942
|
}
|
12898
12943
|
|
12899
|
-
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-dense*/.ic-switch-label-dense.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-dense*/.ic-switch-dense.sc-ic-switch{gap:var(--ic-space-xxxs)}/*!@.ic-switch-dense .ic-switch-checked-status*/.ic-switch-dense.sc-ic-switch .ic-switch-checked-status.sc-ic-switch{padding-left:6px}/*!@.ic-switch-dense .ic-switch-toggle*/.ic-switch-dense.sc-ic-switch .ic-switch-toggle.sc-ic-switch{width:var(--ic-space-xxl);height:var(--ic-space-lg)}/*!@.ic-switch-dense .ic-switch-toggle::before*/.ic-switch-dense.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-dense .ic-switch-input:checked + .ic-switch-toggle::before*/.ic-switch-dense.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)}";
|
12944
|
+
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)}";
|
12900
12945
|
|
12901
12946
|
let inputIds$1 = 0;
|
12902
12947
|
/**
|
@@ -12922,33 +12967,43 @@ class Switch {
|
|
12922
12967
|
this.onBlur = () => {
|
12923
12968
|
this.icBlur.emit();
|
12924
12969
|
};
|
12970
|
+
this.handleFormReset = () => {
|
12971
|
+
this.checkedState = this.initiallyChecked;
|
12972
|
+
};
|
12925
12973
|
this.label = undefined;
|
12926
12974
|
this.hideLabel = false;
|
12927
12975
|
this.helperText = "";
|
12928
|
-
this.checked =
|
12929
|
-
this.
|
12976
|
+
this.checked = false;
|
12977
|
+
this.small = false;
|
12930
12978
|
this.disabled = false;
|
12931
12979
|
this.name = this.inputId;
|
12932
12980
|
this.showState = false;
|
12933
12981
|
this.value = "on";
|
12934
12982
|
this.checkedState = false;
|
12983
|
+
this.initiallyChecked = this.checked;
|
12984
|
+
}
|
12985
|
+
componentWillLoad() {
|
12986
|
+
this.checkedState = this.checked;
|
12987
|
+
addFormResetListener(this.el, this.handleFormReset);
|
12935
12988
|
}
|
12936
12989
|
componentDidLoad() {
|
12937
12990
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Switch");
|
12938
12991
|
}
|
12992
|
+
disconnectedCallback() {
|
12993
|
+
removeFormResetListener(this.el, this.handleFormReset);
|
12994
|
+
}
|
12939
12995
|
render() {
|
12940
|
-
const { label,
|
12941
|
-
|
12942
|
-
renderHiddenInput(true, this.el, name, internalChecked ? value : "", disabled);
|
12996
|
+
const { label, checkedState, small, disabled, name, showState, value, hideLabel, helperText, inputId, } = this;
|
12997
|
+
renderHiddenInput(true, this.el, name, checkedState ? value : "", disabled);
|
12943
12998
|
const describedBy = getInputDescribedByText(inputId, helperText !== "", false);
|
12944
12999
|
return (hAsync(Host, null, hAsync("label", { class: {
|
12945
13000
|
["ic-switch-container"]: true,
|
12946
13001
|
["ic-switch-disabled"]: disabled,
|
12947
|
-
["ic-switch-
|
13002
|
+
["ic-switch-small"]: small,
|
12948
13003
|
}, htmlFor: inputId }, !hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, readonly: true, disabled: disabled, class: {
|
12949
13004
|
["ic-switch-label"]: true,
|
12950
|
-
["ic-switch-label-
|
12951
|
-
} })), !hideLabel && hAsync("span", { class: "ic-switch-line-break" }), hAsync("input", { checked:
|
13005
|
+
["ic-switch-label-small"]: small,
|
13006
|
+
} })), !hideLabel && hAsync("span", { class: "ic-switch-line-break" }), hAsync("input", { checked: checkedState, disabled: disabled, "aria-label": label, "aria-checked": checkedState ? "true" : "false", "aria-describedby": describedBy, role: "switch", class: "ic-switch-input", type: "checkbox", name: "toggle", id: inputId, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.handleChange }), hAsync("span", { class: "ic-switch-toggle" }, hAsync("svg", { class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("line", { class: "ic-switch-icon-line", x1: "9", y1: small ? "2" : "1", x2: "9", y2: small ? "8" : "9" })), hAsync("svg", { class: "ic-switch-icon", "aria-hidden": "true", focusable: "false", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, hAsync("circle", { class: "ic-switch-icon-circle", fill: "none", cx: "5", cy: "5", r: small ? "3.335" : "4.445" }))), hAsync("slot", { name: "right-adornment" }), showState && (hAsync("ic-typography", { "aria-hidden": "true", variant: "label", class: "ic-switch-checked-status" }, checkedState ? "On" : "Off")))));
|
12952
13007
|
}
|
12953
13008
|
get el() { return getElement(this); }
|
12954
13009
|
static get style() { return icSwitchCss; }
|
@@ -12960,12 +13015,13 @@ class Switch {
|
|
12960
13015
|
"hideLabel": [4, "hide-label"],
|
12961
13016
|
"helperText": [1, "helper-text"],
|
12962
13017
|
"checked": [4],
|
12963
|
-
"
|
13018
|
+
"small": [4],
|
12964
13019
|
"disabled": [4],
|
12965
13020
|
"name": [1],
|
12966
13021
|
"showState": [4, "show-state"],
|
12967
13022
|
"value": [1],
|
12968
|
-
"checkedState": [32]
|
13023
|
+
"checkedState": [32],
|
13024
|
+
"initiallyChecked": [32]
|
12969
13025
|
},
|
12970
13026
|
"$listeners$": undefined,
|
12971
13027
|
"$lazyBundleId$": "-",
|
@@ -12973,7 +13029,7 @@ class Switch {
|
|
12973
13029
|
}; }
|
12974
13030
|
}
|
12975
13031
|
|
12976
|
-
const icTabCss = "/*!@html*/html.sc-ic-tab{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tab{margin:0}/*!@main*/main.sc-ic-tab{display:block}/*!@h1*/h1.sc-ic-tab{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tab{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tab{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tab{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tab,strong.sc-ic-tab{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tab,kbd.sc-ic-tab,samp.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tab{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tab,sup.sc-ic-tab{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tab{bottom:-0.25em}/*!@sup*/sup.sc-ic-tab{top:-0.5em}/*!@img*/img.sc-ic-tab{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tab,input.sc-ic-tab,optgroup.sc-ic-tab,select.sc-ic-tab,textarea.sc-ic-tab{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tab,input.sc-ic-tab{overflow:visible}/*!@button,\nselect*/button.sc-ic-tab,select.sc-ic-tab{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tab,[type=\"button\"].sc-ic-tab,[type=\"reset\"].sc-ic-tab,[type=\"submit\"].sc-ic-tab{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tab::-moz-focus-inner,[type=\"button\"].sc-ic-tab::-moz-focus-inner,[type=\"reset\"].sc-ic-tab::-moz-focus-inner,[type=\"submit\"].sc-ic-tab::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tab:-moz-focusring,[type=\"button\"].sc-ic-tab:-moz-focusring,[type=\"reset\"].sc-ic-tab:-moz-focusring,[type=\"submit\"].sc-ic-tab:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tab{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tab{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tab{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tab{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tab,[type=\"radio\"].sc-ic-tab{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tab::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tab::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tab{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tab::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tab::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tab{display:block}/*!@summary*/summary.sc-ic-tab{display:list-item}/*!@template*/template.sc-ic-tab{display:none}/*!@[hidden]*/[hidden].sc-ic-tab{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tab,body.sc-ic-tab,div.sc-ic-tab,span.sc-ic-tab,applet.sc-ic-tab,object.sc-ic-tab,iframe.sc-ic-tab,h1.sc-ic-tab,h2.sc-ic-tab,h3.sc-ic-tab,h4.sc-ic-tab,h5.sc-ic-tab,h6.sc-ic-tab,p.sc-ic-tab,blockquote.sc-ic-tab,pre.sc-ic-tab,a.sc-ic-tab,abbr.sc-ic-tab,acronym.sc-ic-tab,address.sc-ic-tab,big.sc-ic-tab,cite.sc-ic-tab,code.sc-ic-tab,del.sc-ic-tab,dfn.sc-ic-tab,em.sc-ic-tab,img.sc-ic-tab,ins.sc-ic-tab,kbd.sc-ic-tab,q.sc-ic-tab,s.sc-ic-tab,samp.sc-ic-tab,small.sc-ic-tab,strike.sc-ic-tab,strong.sc-ic-tab,sub.sc-ic-tab,sup.sc-ic-tab,tt.sc-ic-tab,var.sc-ic-tab,b.sc-ic-tab,u.sc-ic-tab,i.sc-ic-tab,center.sc-ic-tab,dl.sc-ic-tab,dt.sc-ic-tab,dd.sc-ic-tab,ol.sc-ic-tab,ul.sc-ic-tab,li.sc-ic-tab,fieldset.sc-ic-tab,form.sc-ic-tab,label.sc-ic-tab,legend.sc-ic-tab,table.sc-ic-tab,caption.sc-ic-tab,tbody.sc-ic-tab,tfoot.sc-ic-tab,thead.sc-ic-tab,tr.sc-ic-tab,th.sc-ic-tab,td.sc-ic-tab,article.sc-ic-tab,aside.sc-ic-tab,canvas.sc-ic-tab,details.sc-ic-tab,embed.sc-ic-tab,figure.sc-ic-tab,figcaption.sc-ic-tab,footer.sc-ic-tab,header.sc-ic-tab,hgroup.sc-ic-tab,menu.sc-ic-tab,nav.sc-ic-tab,output.sc-ic-tab,ruby.sc-ic-tab,section.sc-ic-tab,summary.sc-ic-tab,time.sc-ic-tab,mark.sc-ic-tab,audio.sc-ic-tab,video.sc-ic-tab{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-tab-h{--indicator-initial-color:rgba(23 89 188 / 0%);--indicator-color:var(--ic-action-default);--focus-indicator:var(--ic-border-focus);--label-color:var(--ic-color-primary-text);--background-color-hover:var(--ic-action-default-bg-hover);--background-color-active:var(--ic-action-default-bg-active);display:flex;align-items:center;border-radius:0;color:var(--label-color);height:40px;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}/*!@:host(:focus)*/.sc-ic-tab-h:focus{box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}/*!@:host(:focus-visible)*/.sc-ic-tab-h:focus-visible{outline:none}/*!@:host(:hover)*/.sc-ic-tab-h:hover{background-color:var(--background-color-hover)}/*!@:host(:active)*/.sc-ic-tab-h:active{background-color:var(--background-color-active)}/*!@:host(.ic-tab-
|
13032
|
+
const icTabCss = "/*!@html*/html.sc-ic-tab{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-tab{margin:0}/*!@main*/main.sc-ic-tab{display:block}/*!@h1*/h1.sc-ic-tab{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-tab{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-tab{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-tab{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-tab,strong.sc-ic-tab{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-tab,kbd.sc-ic-tab,samp.sc-ic-tab{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-tab{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-tab,sup.sc-ic-tab{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-tab{bottom:-0.25em}/*!@sup*/sup.sc-ic-tab{top:-0.5em}/*!@img*/img.sc-ic-tab{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-tab,input.sc-ic-tab,optgroup.sc-ic-tab,select.sc-ic-tab,textarea.sc-ic-tab{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-tab,input.sc-ic-tab{overflow:visible}/*!@button,\nselect*/button.sc-ic-tab,select.sc-ic-tab{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-tab,[type=\"button\"].sc-ic-tab,[type=\"reset\"].sc-ic-tab,[type=\"submit\"].sc-ic-tab{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-tab::-moz-focus-inner,[type=\"button\"].sc-ic-tab::-moz-focus-inner,[type=\"reset\"].sc-ic-tab::-moz-focus-inner,[type=\"submit\"].sc-ic-tab::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-tab:-moz-focusring,[type=\"button\"].sc-ic-tab:-moz-focusring,[type=\"reset\"].sc-ic-tab:-moz-focusring,[type=\"submit\"].sc-ic-tab:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-tab{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-tab{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-tab{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-tab{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-tab,[type=\"radio\"].sc-ic-tab{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-tab::-webkit-inner-spin-button,[type=\"number\"].sc-ic-tab::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-tab{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-tab::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-tab::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-tab{display:block}/*!@summary*/summary.sc-ic-tab{display:list-item}/*!@template*/template.sc-ic-tab{display:none}/*!@[hidden]*/[hidden].sc-ic-tab{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-tab,body.sc-ic-tab,div.sc-ic-tab,span.sc-ic-tab,applet.sc-ic-tab,object.sc-ic-tab,iframe.sc-ic-tab,h1.sc-ic-tab,h2.sc-ic-tab,h3.sc-ic-tab,h4.sc-ic-tab,h5.sc-ic-tab,h6.sc-ic-tab,p.sc-ic-tab,blockquote.sc-ic-tab,pre.sc-ic-tab,a.sc-ic-tab,abbr.sc-ic-tab,acronym.sc-ic-tab,address.sc-ic-tab,big.sc-ic-tab,cite.sc-ic-tab,code.sc-ic-tab,del.sc-ic-tab,dfn.sc-ic-tab,em.sc-ic-tab,img.sc-ic-tab,ins.sc-ic-tab,kbd.sc-ic-tab,q.sc-ic-tab,s.sc-ic-tab,samp.sc-ic-tab,small.sc-ic-tab,strike.sc-ic-tab,strong.sc-ic-tab,sub.sc-ic-tab,sup.sc-ic-tab,tt.sc-ic-tab,var.sc-ic-tab,b.sc-ic-tab,u.sc-ic-tab,i.sc-ic-tab,center.sc-ic-tab,dl.sc-ic-tab,dt.sc-ic-tab,dd.sc-ic-tab,ol.sc-ic-tab,ul.sc-ic-tab,li.sc-ic-tab,fieldset.sc-ic-tab,form.sc-ic-tab,label.sc-ic-tab,legend.sc-ic-tab,table.sc-ic-tab,caption.sc-ic-tab,tbody.sc-ic-tab,tfoot.sc-ic-tab,thead.sc-ic-tab,tr.sc-ic-tab,th.sc-ic-tab,td.sc-ic-tab,article.sc-ic-tab,aside.sc-ic-tab,canvas.sc-ic-tab,details.sc-ic-tab,embed.sc-ic-tab,figure.sc-ic-tab,figcaption.sc-ic-tab,footer.sc-ic-tab,header.sc-ic-tab,hgroup.sc-ic-tab,menu.sc-ic-tab,nav.sc-ic-tab,output.sc-ic-tab,ruby.sc-ic-tab,section.sc-ic-tab,summary.sc-ic-tab,time.sc-ic-tab,mark.sc-ic-tab,audio.sc-ic-tab,video.sc-ic-tab{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-tab-h{--indicator-initial-color:rgba(23 89 188 / 0%);--indicator-color:var(--ic-action-default);--focus-indicator:var(--ic-border-focus);--label-color:var(--ic-color-primary-text);--background-color-hover:var(--ic-action-default-bg-hover);--background-color-active:var(--ic-action-default-bg-active);display:flex;align-items:center;border-radius:0;color:var(--label-color);height:40px;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}/*!@:host(:focus)*/.sc-ic-tab-h:focus{box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}/*!@:host(:focus-visible)*/.sc-ic-tab-h:focus-visible{outline:none}/*!@:host(:hover)*/.sc-ic-tab-h:hover{background-color:var(--background-color-hover)}/*!@:host(:active)*/.sc-ic-tab-h:active{background-color:var(--background-color-active)}/*!@:host(.ic-tab-light)*/.ic-tab-light.sc-ic-tab-h{--indicator-initial-color:rgb(255 255 255 / 0%);--indicator-color:rgb(255 255 255 / 100%);--focus-indicator:var(--ic-border-focus);--label-color:white;--background-color-hover:var(--ic-action-dark-bg-hover);--background-color-active:var(--ic-action-dark-bg-active)}/*!@:host([selected])*/[selected].sc-ic-tab-h{border-bottom:var(--ic-space-xxs) solid var(--indicator-color)}/*!@:host([disabled])*/[disabled].sc-ic-tab-h{pointer-events:none;color:var(--ic-architectural-300)}/*!@:host([selected].with-transition)*/[selected].with-transition.sc-ic-tab-h{transition:all var(--ic-easing-transition-slow),\n border-color var(--ic-transition-duration-slow)}/*!@.ic-tab-label*/.ic-tab-label.sc-ic-tab{pointer-events:none}/*!@::slotted(svg)*/.sc-ic-tab-s>svg{fill:var(--label-color)}";
|
12977
13033
|
|
12978
13034
|
/**
|
12979
13035
|
* @slot icon - Content will be rendered next to the tab label.
|
@@ -13020,7 +13076,7 @@ class Tab {
|
|
13020
13076
|
this.selected = false;
|
13021
13077
|
this.tabId = undefined;
|
13022
13078
|
this.tabPosition = undefined;
|
13023
|
-
this.
|
13079
|
+
this.appearance = "dark";
|
13024
13080
|
}
|
13025
13081
|
componentDidUpdate() {
|
13026
13082
|
this.isInitialRender = false;
|
@@ -13029,10 +13085,10 @@ class Tab {
|
|
13029
13085
|
onComponentRequiredPropUndefined([{ prop: this.tabPosition, propName: "tab-position" }], "Tab");
|
13030
13086
|
}
|
13031
13087
|
render() {
|
13032
|
-
const { disabled, selected,
|
13088
|
+
const { disabled, selected, appearance } = this;
|
13033
13089
|
return (hAsync(Host, { class: {
|
13034
13090
|
["with-transition"]: !this.isInitialRender,
|
13035
|
-
["ic-tab-
|
13091
|
+
["ic-tab-light"]: appearance === IcThemeForegroundEnum.Light,
|
13036
13092
|
}, role: "tab", "aria-selected": selected ? "true" : "false", onClick: this.handleClick, onFocus: this.handleFocus, onMouseDown: this.handleMouseDown, "aria-disabled": disabled ? "true" : "false", tabindex: this.selected ? 0 : -1 }, this.host.querySelector('[slot="icon"]') && hAsync("slot", { name: "icon" }), hAsync("ic-typography", { class: "ic-tab-label", variant: "label" }, hAsync("span", null, hAsync("slot", null)))));
|
13037
13093
|
}
|
13038
13094
|
get host() { return getElement(this); }
|
@@ -13046,7 +13102,7 @@ class Tab {
|
|
13046
13102
|
"selected": [516],
|
13047
13103
|
"tabId": [513, "tab-id"],
|
13048
13104
|
"tabPosition": [2, "tab-position"],
|
13049
|
-
"
|
13105
|
+
"appearance": [1]
|
13050
13106
|
},
|
13051
13107
|
"$listeners$": undefined,
|
13052
13108
|
"$lazyBundleId$": "-",
|
@@ -13073,30 +13129,31 @@ class TabContext {
|
|
13073
13129
|
this.tabPanels[index].panelId = shared;
|
13074
13130
|
this.tabPanels[index].tabPosition = index;
|
13075
13131
|
this.tabPanels[index].setAttribute("aria-labelledby", tabId);
|
13076
|
-
if (this.
|
13077
|
-
tab.
|
13132
|
+
if (this.appearance === IcThemeForegroundEnum.Light) {
|
13133
|
+
tab.appearance = this.appearance;
|
13134
|
+
this.tabPanels[index].appearance = this.appearance;
|
13078
13135
|
}
|
13079
13136
|
});
|
13080
|
-
if (this.
|
13081
|
-
this.
|
13137
|
+
if (this.appearance === IcThemeForegroundEnum.Light) {
|
13138
|
+
this.tabGroup.appearance = this.appearance;
|
13082
13139
|
}
|
13083
13140
|
};
|
13084
13141
|
// Gets tabs and tabpanels with the same context ID
|
13085
13142
|
this.getChildren = () => {
|
13086
|
-
this.
|
13087
|
-
this.tabs = Array.from(this.
|
13143
|
+
this.tabGroup = Array.from(this.host.querySelectorAll("ic-tab-group")).find((tabGroup) => tabGroup.contextId === this.contextId);
|
13144
|
+
this.tabs = Array.from(this.tabGroup.querySelectorAll("ic-tab")).filter((tab) => tab.contextId === this.contextId);
|
13088
13145
|
this.enabledTabs = this.getEnabledTabs();
|
13089
13146
|
this.tabPanels = Array.from(this.host.querySelectorAll("ic-tab-panel"));
|
13090
13147
|
};
|
13091
13148
|
// Determines how keyboard navigation is to be handled based on the activation type
|
13092
13149
|
this.attatchEventListeners = () => {
|
13093
13150
|
if (this.activationType === "automatic") {
|
13094
|
-
this.
|
13151
|
+
this.tabGroup.addEventListener("keydown", (event) => {
|
13095
13152
|
this.handleKeyBoardNavAutomatic(event);
|
13096
13153
|
});
|
13097
13154
|
}
|
13098
13155
|
else {
|
13099
|
-
this.
|
13156
|
+
this.tabGroup.addEventListener("keydown", (event) => {
|
13100
13157
|
this.handleKeyBoardNavManual(event);
|
13101
13158
|
});
|
13102
13159
|
}
|
@@ -13228,7 +13285,7 @@ class TabContext {
|
|
13228
13285
|
this.contextId = "default";
|
13229
13286
|
this.activationType = "automatic";
|
13230
13287
|
this.selectedTabIndex = undefined;
|
13231
|
-
this.
|
13288
|
+
this.appearance = "dark";
|
13232
13289
|
this.selectedTab = undefined;
|
13233
13290
|
}
|
13234
13291
|
updateSelectedTab(newValue) {
|
@@ -13256,10 +13313,10 @@ class TabContext {
|
|
13256
13313
|
}
|
13257
13314
|
disconnectedCallback() {
|
13258
13315
|
if (this.activationType === "manual") {
|
13259
|
-
this.
|
13316
|
+
this.tabGroup.removeEventListener("keydown", (event) => this.handleKeyBoardNavManual(event));
|
13260
13317
|
}
|
13261
13318
|
else {
|
13262
|
-
this.
|
13319
|
+
this.tabGroup.removeEventListener("keydown", (event) => this.handleKeyBoardNavAutomatic(event));
|
13263
13320
|
}
|
13264
13321
|
}
|
13265
13322
|
render() {
|
@@ -13276,7 +13333,7 @@ class TabContext {
|
|
13276
13333
|
"contextId": [513, "context-id"],
|
13277
13334
|
"activationType": [1, "activation-type"],
|
13278
13335
|
"selectedTabIndex": [2, "selected-tab-index"],
|
13279
|
-
"
|
13336
|
+
"appearance": [1],
|
13280
13337
|
"selectedTab": [32]
|
13281
13338
|
},
|
13282
13339
|
"$listeners$": [[0, "tabClick", "tabClickHandler"]],
|
@@ -13294,22 +13351,22 @@ var RightArrow = `<svg width="8" height="10" viewBox="0 0 8 10" xmlns="http://ww
|
|
13294
13351
|
</svg>
|
13295
13352
|
`;
|
13296
13353
|
|
13297
|
-
const
|
13354
|
+
const icTabGroupCss = "/*!@:host*/.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-300);--splitter-color:var(--ic-architectural-100);--tab-scroll-focus:var(--ic-border-focus);--tab-scroll-fill:var(--ic-action-default);--tab-scroll-disabled-fill:var(--ic-architectural-300);--tab-scroll-hover:var(--ic-action-default-bg-hover);--tab-scroll-active:var(--ic-action-default-bg-active);display:block;margin-bottom:var(--ic-space-md);margin-left:calc(-1 * var(--ic-space-xs))}/*!@:host(.light)*/.light.sc-ic-tab-group-h{--splitter-color:var(--ic-architectural-white);--tab-scroll-focus:var(--ic-border-focus-dark);--tab-scroll-fill:var(--ic-action-light);--tab-scroll-disabled-fill:var(--ic-architectural-500);--tab-scroll-hover:var(--ic-action-dark-bg-hover);--tab-scroll-active:var(--ic-action-dark-bg-active)}/*!@:host([inline])*/[inline].sc-ic-tab-group-h{margin-bottom:0}/*!@.tabs-container*/.tabs-container.sc-ic-tab-group{display:flex;flex-direction:row;overflow-y:hidden;overflow-x:scroll;height:100%;align-items:center;padding:var(--ic-space-xs);scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;margin:calc(-1 * var(--ic-space-xs)) 0}/*!@.tabs-container::-webkit-scrollbar*/.tabs-container.sc-ic-tab-group::-webkit-scrollbar{display:none}/*!@.ic-tab-group-container*/.ic-tab-group-container.sc-ic-tab-group{display:flex;align-items:center}/*!@:host(.light.ic-tab-group-not-inline)*/.light.ic-tab-group-not-inline.sc-ic-tab-group-h{--border-bottom-color:var(--ic-architectural-white)}/*!@.scroll-container*/.scroll-container.sc-ic-tab-group{display:flex}/*!@.scroll-container.hidden*/.scroll-container.hidden.sc-ic-tab-group{display:none}/*!@.scroll-container:first-child*/.scroll-container.sc-ic-tab-group:first-child{margin-left:var(--ic-space-xs)}/*!@.scroll-arrow*/.scroll-arrow.sc-ic-tab-group{display:flex;width:36px;height:36px;margin:var(--ic-space-xxs) var(--ic-space-xxxs);align-items:center;justify-content:center;fill:var(--tab-scroll-fill);cursor:pointer}/*!@.scroll-arrow:focus*/.scroll-arrow.sc-ic-tab-group:focus{outline:none}/*!@.scroll-arrow:hover*/.scroll-arrow.sc-ic-tab-group:hover{background-color:var(--tab-scroll-hover)}/*!@.scroll-arrow:active*/.scroll-arrow.sc-ic-tab-group:active{background-color:var(--tab-scroll-active)}/*!@.scroll-container.disabled .scroll-arrow*/.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group{fill:var(--tab-scroll-disabled-fill);cursor:default}/*!@.scroll-container.disabled .scroll-arrow:hover,\n.scroll-container.disabled .scroll-arrow:active,\n.scroll-container.disabled .scroll-arrow:focus*/.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group:hover,.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group:active,.scroll-container.disabled.sc-ic-tab-group .scroll-arrow.sc-ic-tab-group:focus{background-color:unset;box-shadow:none}/*!@.scroll-container.disabled .ic-tooltip-container*/.scroll-container.disabled.sc-ic-tab-group .ic-tooltip-container.sc-ic-tab-group{display:none !important}/*!@.scroll-splitter-left,\n.scroll-splitter-right*/.scroll-splitter-left.sc-ic-tab-group,.scroll-splitter-right.sc-ic-tab-group{display:flex;height:var(--ic-space-lg);width:1px;margin-top:10px;background-color:var(--splitter-color)}/*!@.scroll-splitter-left*/.scroll-splitter-left.sc-ic-tab-group{margin-left:var(--ic-space-xxxs)}/*!@.scroll-splitter-right*/.scroll-splitter-right.sc-ic-tab-group{margin-right:var(--ic-space-xxxs)}/*!@.scroll-container.disabled .scroll-splitter-left,\n.scroll-container.disabled .scroll-splitter-right*/.scroll-container.disabled.sc-ic-tab-group .scroll-splitter-left.sc-ic-tab-group,.scroll-container.disabled.sc-ic-tab-group .scroll-splitter-right.sc-ic-tab-group{display:none}/*!@.ic-tab-splitter*/.ic-tab-splitter.sc-ic-tab-group{display:block;background-color:var(--border-bottom-color);height:1px;right:0;left:0;margin-left:var(--ic-space-xs)}/*!@.ic-tab-splitter.hidden*/.ic-tab-splitter.hidden.sc-ic-tab-group{height:0}";
|
13298
13355
|
|
13299
13356
|
const SCROLL_DELAY_MS = 200;
|
13300
|
-
class
|
13357
|
+
class TabGroup {
|
13301
13358
|
constructor(hostRef) {
|
13302
13359
|
registerInstance(this, hostRef);
|
13303
13360
|
this.buttonStateSet = false;
|
13304
13361
|
this.resizeObserverCallback = () => {
|
13305
|
-
if (this.
|
13306
|
-
this.
|
13362
|
+
if (this.tabGroupEl === null || this.tabGroupEl === undefined) {
|
13363
|
+
this.tabGroupEl = this.host.shadowRoot.querySelector(".tabs-container");
|
13307
13364
|
}
|
13308
|
-
this.tabOverflow = elementOverflowsX(this.
|
13365
|
+
this.tabOverflow = elementOverflowsX(this.tabGroupEl);
|
13309
13366
|
if (this.tabOverflow) {
|
13310
13367
|
this.lastTabVisible =
|
13311
|
-
this.
|
13312
|
-
this.
|
13368
|
+
this.tabGroupEl.offsetWidth + this.tabGroupEl.scrollLeft >=
|
13369
|
+
this.tabGroupEl.scrollWidth;
|
13313
13370
|
}
|
13314
13371
|
};
|
13315
13372
|
this.runResizeObserver = () => {
|
@@ -13342,7 +13399,7 @@ class TabList {
|
|
13342
13399
|
window.clearTimeout(this.scrollDelay);
|
13343
13400
|
};
|
13344
13401
|
this.getCurrentLeftTab = () => {
|
13345
|
-
const index = this.tabOffsets.findIndex((el) => el > this.
|
13402
|
+
const index = this.tabOffsets.findIndex((el) => el > this.tabGroupEl.scrollLeft);
|
13346
13403
|
return index < 0 ? 0 : index;
|
13347
13404
|
};
|
13348
13405
|
this.scrollHandler = () => {
|
@@ -13354,17 +13411,17 @@ class TabList {
|
|
13354
13411
|
// if scrollTabIntoView has been called, the button states will already be set
|
13355
13412
|
// can't just handle it here as it causes strange jumping behaviour in positioning
|
13356
13413
|
if (this.buttonStateSet === false) {
|
13357
|
-
this.firstTabVisible = this.
|
13414
|
+
this.firstTabVisible = this.tabGroupEl.scrollLeft === 0;
|
13358
13415
|
this.lastTabVisible =
|
13359
|
-
this.
|
13360
|
-
this.
|
13416
|
+
this.tabGroupEl.offsetWidth + this.tabGroupEl.scrollLeft >=
|
13417
|
+
this.tabGroupEl.scrollWidth;
|
13361
13418
|
}
|
13362
13419
|
this.buttonStateSet = false;
|
13363
13420
|
};
|
13364
13421
|
this.contextId = "default";
|
13365
13422
|
this.inline = false;
|
13366
13423
|
this.label = undefined;
|
13367
|
-
this.
|
13424
|
+
this.appearance = "dark";
|
13368
13425
|
this.firstTabVisible = true;
|
13369
13426
|
this.lastTabVisible = false;
|
13370
13427
|
this.tabOverflow = false;
|
@@ -13376,9 +13433,9 @@ class TabList {
|
|
13376
13433
|
this.firstTabVisible = tabNumber <= 0;
|
13377
13434
|
const newScrollPos = tabNumber <= 0 ? 0 : this.tabOffsets[tabNumber - 1];
|
13378
13435
|
this.lastTabVisible =
|
13379
|
-
this.
|
13436
|
+
this.tabGroupEl.offsetWidth + newScrollPos >= this.tabGroupEl.scrollWidth;
|
13380
13437
|
this.buttonStateSet = true;
|
13381
|
-
this.
|
13438
|
+
this.tabGroupEl.scrollLeft = newScrollPos;
|
13382
13439
|
}
|
13383
13440
|
tabFocusHandler(event) {
|
13384
13441
|
if (this.tabOverflow) {
|
@@ -13399,33 +13456,33 @@ class TabList {
|
|
13399
13456
|
this.resizeObserver.disconnect();
|
13400
13457
|
}
|
13401
13458
|
render() {
|
13402
|
-
const { inline,
|
13459
|
+
const { inline, appearance, label, firstTabVisible, lastTabVisible, tabOverflow, } = this;
|
13403
13460
|
return (hAsync(Host, { role: "tablist", "aria-label": label, class: {
|
13404
|
-
["
|
13405
|
-
["ic-tab-
|
13406
|
-
} }, hAsync("div", { class: "ic-tab-
|
13461
|
+
["light"]: appearance === IcThemeForegroundEnum.Light,
|
13462
|
+
["ic-tab-group-not-inline"]: !inline,
|
13463
|
+
} }, hAsync("div", { class: "ic-tab-group-container" }, this.tabOverflow && (hAsync("div", { "aria-hidden": "true", id: "scroll-container-left", class: {
|
13407
13464
|
["scroll-container"]: true,
|
13408
13465
|
["hidden"]: !tabOverflow,
|
13409
13466
|
["disabled"]: firstTabVisible,
|
13410
|
-
} }, hAsync("ic-tooltip", { placement: "bottom-start", label: "Scroll left",
|
13467
|
+
} }, hAsync("ic-tooltip", { placement: "bottom-start", label: "Scroll left", target: "left-arrow" }, hAsync("span", { id: "left-arrow", class: "scroll-arrow", innerHTML: LeftArrow, onClick: this.scrollLeft, onMouseDown: this.leftArrowMouseDownHandler, onMouseUp: this.arrowMouseUpHandler })), hAsync("span", { class: "scroll-splitter-left" }))), hAsync("div", { class: "tabs-container", ref: (el) => (this.tabGroupEl = el), onScroll: this.scrollHandler }, hAsync("slot", null)), this.tabOverflow && (hAsync("div", { "aria-hidden": "true", id: "scroll-container-right", class: {
|
13411
13468
|
["scroll-container"]: true,
|
13412
13469
|
["hidden"]: !tabOverflow,
|
13413
13470
|
["disabled"]: lastTabVisible,
|
13414
|
-
} }, hAsync("span", { class: "scroll-splitter-right" }), hAsync("ic-tooltip", { placement: "bottom-start", label: "Scroll right",
|
13471
|
+
} }, hAsync("span", { class: "scroll-splitter-right" }), hAsync("ic-tooltip", { placement: "bottom-start", label: "Scroll right", target: "right-arrow" }, hAsync("span", { id: "right-arrow", class: "scroll-arrow", innerHTML: RightArrow, onClick: this.scrollRight, onMouseDown: this.rightArrowMouseDownHandler, onMouseUp: this.arrowMouseUpHandler }))))), hAsync("div", { "aria-hidden": "true", class: {
|
13415
13472
|
["ic-tab-splitter"]: true,
|
13416
13473
|
["hidden"]: inline,
|
13417
13474
|
}, ref: (el) => (this.splitterEl = el) })));
|
13418
13475
|
}
|
13419
13476
|
get host() { return getElement(this); }
|
13420
|
-
static get style() { return
|
13477
|
+
static get style() { return icTabGroupCss; }
|
13421
13478
|
static get cmpMeta() { return {
|
13422
13479
|
"$flags$": 9,
|
13423
|
-
"$tagName$": "ic-tab-
|
13480
|
+
"$tagName$": "ic-tab-group",
|
13424
13481
|
"$members$": {
|
13425
13482
|
"contextId": [513, "context-id"],
|
13426
13483
|
"inline": [516],
|
13427
13484
|
"label": [1],
|
13428
|
-
"
|
13485
|
+
"appearance": [1],
|
13429
13486
|
"firstTabVisible": [32],
|
13430
13487
|
"lastTabVisible": [32],
|
13431
13488
|
"tabOverflow": [32],
|
@@ -13437,7 +13494,7 @@ class TabList {
|
|
13437
13494
|
}; }
|
13438
13495
|
}
|
13439
13496
|
|
13440
|
-
const icTabPanelCss = "/*!@:host*/.sc-ic-tab-panel-h{display:block}";
|
13497
|
+
const icTabPanelCss = "/*!@:host*/.sc-ic-tab-panel-h{display:block}/*!@:host(.ic-tab-panel-light)*/.ic-tab-panel-light.sc-ic-tab-panel-h{color:white}";
|
13441
13498
|
|
13442
13499
|
class TabPanel {
|
13443
13500
|
constructor(hostRef) {
|
@@ -13446,13 +13503,16 @@ class TabPanel {
|
|
13446
13503
|
this.tabPosition = undefined;
|
13447
13504
|
this.panelId = undefined;
|
13448
13505
|
this.selectedTab = undefined;
|
13506
|
+
this.appearance = "dark";
|
13449
13507
|
}
|
13450
13508
|
componentDidLoad() {
|
13451
13509
|
onComponentRequiredPropUndefined([{ prop: this.tabPosition, propName: "tab-position" }], "Tab Panel");
|
13452
13510
|
}
|
13453
13511
|
render() {
|
13454
|
-
const { panelId, selectedTab } = this;
|
13455
|
-
return (hAsync(Host, {
|
13512
|
+
const { panelId, selectedTab, appearance } = this;
|
13513
|
+
return (hAsync(Host, { class: {
|
13514
|
+
["ic-tab-panel-light"]: appearance === IcThemeForegroundEnum.Light,
|
13515
|
+
}, role: "tabpanel", hidden: panelId !== undefined && selectedTab !== undefined
|
13456
13516
|
? !(panelId === selectedTab)
|
13457
13517
|
: true }, hAsync("div", null, hAsync("slot", null))));
|
13458
13518
|
}
|
@@ -13465,7 +13525,8 @@ class TabPanel {
|
|
13465
13525
|
"contextId": [513, "context-id"],
|
13466
13526
|
"tabPosition": [514, "tab-position"],
|
13467
13527
|
"panelId": [513, "panel-id"],
|
13468
|
-
"selectedTab": [1, "selected-tab"]
|
13528
|
+
"selectedTab": [1, "selected-tab"],
|
13529
|
+
"appearance": [1]
|
13469
13530
|
},
|
13470
13531
|
"$listeners$": undefined,
|
13471
13532
|
"$lazyBundleId$": "-",
|
@@ -13514,6 +13575,9 @@ class TextField {
|
|
13514
13575
|
}
|
13515
13576
|
return false;
|
13516
13577
|
};
|
13578
|
+
this.handleFormReset = () => {
|
13579
|
+
this.value = this.initialValue;
|
13580
|
+
};
|
13517
13581
|
this.inputId = `ic-text-field-input-${inputIds++}`;
|
13518
13582
|
this.label = undefined;
|
13519
13583
|
this.required = false;
|
@@ -13525,7 +13589,7 @@ class TextField {
|
|
13525
13589
|
this.helperText = "";
|
13526
13590
|
this.rows = 1;
|
13527
13591
|
this.resize = false;
|
13528
|
-
this.
|
13592
|
+
this.small = false;
|
13529
13593
|
this.value = "";
|
13530
13594
|
this.maxLength = 0;
|
13531
13595
|
this.validationStatus = "";
|
@@ -13536,7 +13600,6 @@ class TextField {
|
|
13536
13600
|
this.autocorrect = "off";
|
13537
13601
|
this.autoFocus = false;
|
13538
13602
|
this.debounce = 0;
|
13539
|
-
this.dark = false;
|
13540
13603
|
this.type = "text";
|
13541
13604
|
this.inputmode = "text";
|
13542
13605
|
this.name = this.inputId;
|
@@ -13550,6 +13613,7 @@ class TextField {
|
|
13550
13613
|
this.hiddenInput = true;
|
13551
13614
|
this.numChars = 0;
|
13552
13615
|
this.maxLengthExceeded = false;
|
13616
|
+
this.initialValue = this.value;
|
13553
13617
|
}
|
13554
13618
|
debounceChanged() {
|
13555
13619
|
this.icChange = debounceEvent(this.icChange, this.debounce);
|
@@ -13603,12 +13667,16 @@ class TextField {
|
|
13603
13667
|
if (this.readonly) {
|
13604
13668
|
this.maxLengthExceeded = false;
|
13605
13669
|
}
|
13670
|
+
addFormResetListener(this.el, this.handleFormReset);
|
13606
13671
|
}
|
13607
13672
|
componentDidLoad() {
|
13608
13673
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Text Field");
|
13609
13674
|
}
|
13675
|
+
disconnectedCallback() {
|
13676
|
+
removeFormResetListener(this.el, this.handleFormReset);
|
13677
|
+
}
|
13610
13678
|
render() {
|
13611
|
-
const {
|
13679
|
+
const { inputId, name, label, required, small, placeholder, helperText, rows, resize, disabled, value, maxLength, numChars, readonly, maxLengthExceeded, validationStatus, validationText, validationInline, spellcheck, inputmode, fullWidth, truncateValue, hiddenInput, } = this;
|
13612
13680
|
const disabledMode = readonly ? true : disabled;
|
13613
13681
|
const placeholderText = disabled ? "" : placeholder;
|
13614
13682
|
const currentStatus = maxLengthExceeded
|
@@ -13638,7 +13706,7 @@ class TextField {
|
|
13638
13706
|
if (hiddenInput) {
|
13639
13707
|
renderHiddenInput(true, this.el, name, value, disabledMode);
|
13640
13708
|
}
|
13641
|
-
return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly
|
13709
|
+
return (hAsync(Host, { class: { ["fullwidth"]: fullWidth } }, hAsync("ic-input-container", { readonly: readonly, disabled: disabledMode }, !this.hideLabel && (hAsync("ic-input-label", { for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly })), hAsync("ic-input-component-container", { small: small, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, this.showLeftIcon && (hAsync("span", { class: {
|
13642
13710
|
["readonly"]: readonly,
|
13643
13711
|
["has-value"]: value.length > 0,
|
13644
13712
|
}, slot: "left-icon" }, hAsync("slot", { name: "icon" }))), !multiline && (hAsync("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: this.type, value: value, class: {
|
@@ -13682,7 +13750,7 @@ class TextField {
|
|
13682
13750
|
"helperText": [1, "helper-text"],
|
13683
13751
|
"rows": [2],
|
13684
13752
|
"resize": [4],
|
13685
|
-
"
|
13753
|
+
"small": [4],
|
13686
13754
|
"value": [1537],
|
13687
13755
|
"maxLength": [2, "max-length"],
|
13688
13756
|
"validationStatus": [1, "validation-status"],
|
@@ -13693,7 +13761,6 @@ class TextField {
|
|
13693
13761
|
"autocorrect": [1],
|
13694
13762
|
"autoFocus": [4, "auto-focus"],
|
13695
13763
|
"debounce": [2],
|
13696
|
-
"dark": [4],
|
13697
13764
|
"type": [1],
|
13698
13765
|
"inputmode": [1],
|
13699
13766
|
"name": [1],
|
@@ -13707,6 +13774,7 @@ class TextField {
|
|
13707
13774
|
"hiddenInput": [4, "hidden-input"],
|
13708
13775
|
"numChars": [32],
|
13709
13776
|
"maxLengthExceeded": [32],
|
13777
|
+
"initialValue": [32],
|
13710
13778
|
"setFocus": [64]
|
13711
13779
|
},
|
13712
13780
|
"$listeners$": [[0, "keydown", "handleKeyDown"]],
|
@@ -13768,7 +13836,7 @@ class Theme {
|
|
13768
13836
|
}; }
|
13769
13837
|
}
|
13770
13838
|
|
13771
|
-
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*/.tooltip-navigation-item.sc-ic-tooltip-h:not(.tooltip-navigation-item-side-nav-collapsed) .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([element-id=\"ic-button-with-tooltip-search-submit-button\"])\n .ic-tooltip-container,\n:host([element-id=\"ic-button-with-tooltip-clear-button\"])\n .ic-tooltip-container*/[element-id=\"ic-button-with-tooltip-search-submit-button\"].sc-ic-tooltip-h .ic-tooltip-container.sc-ic-tooltip,[element-id=\"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)}";
|
13839
|
+
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)}";
|
13772
13840
|
|
13773
13841
|
class Tooltip {
|
13774
13842
|
constructor(hostRef) {
|
@@ -13834,7 +13902,7 @@ class Tooltip {
|
|
13834
13902
|
height: "1px",
|
13835
13903
|
overflow: "hidden",
|
13836
13904
|
};
|
13837
|
-
this.
|
13905
|
+
this.target = undefined;
|
13838
13906
|
this.placement = "bottom";
|
13839
13907
|
this.label = undefined;
|
13840
13908
|
}
|
@@ -13862,9 +13930,9 @@ class Tooltip {
|
|
13862
13930
|
});
|
13863
13931
|
this.manageEventListeners("add");
|
13864
13932
|
onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Tooltip");
|
13865
|
-
if (this.
|
13933
|
+
if (this.target !== undefined) {
|
13866
13934
|
const ariaDescribedBy = document.createElement("span");
|
13867
|
-
ariaDescribedBy.id = `ic-tooltip-${this.
|
13935
|
+
ariaDescribedBy.id = `ic-tooltip-${this.target}`;
|
13868
13936
|
ariaDescribedBy.innerText = this.label;
|
13869
13937
|
ariaDescribedBy.classList.add("ic-tooltip-label");
|
13870
13938
|
Object.assign(ariaDescribedBy.style, this.screenReaderOnlyStyles);
|
@@ -13887,7 +13955,7 @@ class Tooltip {
|
|
13887
13955
|
"$flags$": 9,
|
13888
13956
|
"$tagName$": "ic-tooltip",
|
13889
13957
|
"$members$": {
|
13890
|
-
"
|
13958
|
+
"target": [1],
|
13891
13959
|
"placement": [1],
|
13892
13960
|
"label": [1]
|
13893
13961
|
},
|
@@ -14071,7 +14139,7 @@ class TopNavigation {
|
|
14071
14139
|
this.hasIconButtons ||
|
14072
14140
|
this.status !== "" ||
|
14073
14141
|
this.version !== "";
|
14074
|
-
const searchButtonSize = this.deviceSize <= DEVICE_SIZES.S ? "default" : "
|
14142
|
+
const searchButtonSize = this.deviceSize <= DEVICE_SIZES.S ? "default" : "large";
|
14075
14143
|
let appTitleVariant = "h3";
|
14076
14144
|
const hasTitle = this.appTitle !== "" && this.appTitle !== undefined;
|
14077
14145
|
if (this.deviceSize <= DEVICE_SIZES.L) {
|
@@ -14083,14 +14151,14 @@ class TopNavigation {
|
|
14083
14151
|
const mobileSearchButtonTitle = this.mobileSearchBarVisible
|
14084
14152
|
? "Hide search"
|
14085
14153
|
: "Show search";
|
14086
|
-
const menuSize = this.deviceSize <= DEVICE_SIZES.S ? "
|
14154
|
+
const menuSize = this.deviceSize <= DEVICE_SIZES.S ? "small" : "default";
|
14087
14155
|
return (hAsync(Host, { class: {
|
14088
14156
|
["fullwidth-searchbar"]: this.hasFullWidthSearchBar,
|
14089
14157
|
[IcThemeForegroundEnum.Dark]: this.foregroundColor === IcThemeForegroundEnum.Dark,
|
14090
14158
|
} }, hAsync("div", { class: "top-navigation" }, hAsync("ic-section-container", { aligned: "full-width", "full-height": true }, hAsync("header", { role: "banner" }, hAsync("div", { class: "top-panel-container" }, hAsync("div", { class: "app-details-container" }, hasTitle && (hAsync("a", { class: "title-link", href: this.href }, this.hasAppIcon && (hAsync("div", { class: "app-icon-container", "aria-hidden": "true" }, hAsync("slot", { name: "app-icon" }))), hAsync("ic-typography", { variant: appTitleVariant }, hAsync("h1", null, this.appTitle)))), this.status !== "" && (hAsync("div", { class: "app-status" }, hAsync("ic-typography", { "aria-label": "app tag", variant: "label-uppercase", class: "app-status-text" }, this.status))), this.version !== "" && (hAsync("div", { class: "app-version" }, hAsync("ic-typography", { variant: "label", class: "app-version-text", "aria-label": "app version" }, this.version)))), (this.hasSearchSlotContent || hasMenuContent) && (hAsync("div", { class: "search-menu-container" }, hAsync("div", { class: "search-actions-container" }, this.deviceSize > DEVICE_SIZES.L && (hAsync("slot", { name: "search" })), this.hasSearchSlotContent &&
|
14091
|
-
this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle,
|
14159
|
+
this.deviceSize <= DEVICE_SIZES.L && (hAsync("ic-button", { id: "search-toggle-button", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: this.searchButtonMouseDownHandler, variant: "icon", size: searchButtonSize, "aria-label": mobileSearchButtonTitle, appearance: this.foregroundColor, onClick: this.searchButtonClickHandler }, hAsync("slot", { name: "toggle-icon", slot: "icon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }))))), this.hasIconButtons && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "icon-buttons-container" }, hAsync("slot", { name: "buttons" }))), hasMenuContent && this.deviceSize <= DEVICE_SIZES.L && (hAsync("div", { class: "menu-button-container" }, hAsync("nav", { "aria-labelledby": "navigation-landmark-text", "aria-hidden": !this.hasNavigation || this.navMenuVisible
|
14092
14160
|
? "true"
|
14093
|
-
: "false" }, hAsync("ic-button", { id: "menu-button",
|
14161
|
+
: "false" }, hAsync("ic-button", { id: "menu-button", appearance: this.foregroundColor, variant: "secondary", "aria-expanded": this.menuOpen ? "true" : "false", "aria-haspopup": "true", "aria-label": `Open ${this.hasNavigation ? "navigation" : "app"} menu`, size: menuSize, onClick: this.menuButtonClick }, "Menu", hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#ffffff", slot: "icon" }, hAsync("path", { d: "M0 0h24v24H0V0z", fill: "none" }), hAsync("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })))))))))), this.mobileSearchBarVisible && (hAsync("div", { class: "search-bar-container" }, hAsync("slot", { name: "search" }))), this.hasNavigation && this.deviceSize > DEVICE_SIZES.L && (hAsync("div", { class: "navigation-tabs" }, hAsync("span", { id: "navigation-landmark-text", class: "navigation-landmark-text", "aria-hidden": "true" }, "Main navigation"), hAsync("nav", { "aria-labelledby": "navigation-landmark-text", class: "nav-panel-container" }, hAsync("ul", { class: "navigation-item-list" }, hAsync("slot", { name: "navigation" })))))))), this.navMenuVisible && (hAsync("ic-navigation-menu", { version: this.version, status: this.status, class: {
|
14094
14162
|
["inline"]: this.inline,
|
14095
14163
|
} }, hAsync("div", { class: "menu-buttons-slot", slot: "buttons" }, hAsync("slot", { name: "buttons" })), hAsync("ul", { slot: "navigation" }, hAsync("slot", { name: "navigation" }))))));
|
14096
14164
|
}
|
@@ -14125,19 +14193,19 @@ class TopNavigation {
|
|
14125
14193
|
}; }
|
14126
14194
|
}
|
14127
14195
|
|
14128
|
-
const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block}/*!@:host(.ic-typography-spacing-h1)*/.ic-typography-spacing-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-spacing-h2)*/.ic-typography-spacing-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-spacing-h3)*/.ic-typography-spacing-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-h4)*/.ic-typography-spacing-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-subtitle-large),\n:host(.ic-typography-spacing-subtitle-small),\n:host(.ic-typography-spacing-body)*/.ic-typography-spacing-subtitle-large.sc-ic-typography-h,.ic-typography-spacing-subtitle-small.sc-ic-typography-h,.ic-typography-spacing-body.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-spacing-caption),\n:host(.ic-typography-spacing-caption-uppercase)*/.ic-typography-spacing-caption.sc-ic-typography-h,.ic-typography-spacing-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-spacing-h2:first-child),\n:host(.ic-typography-spacing-h3:first-child),\n:host(.ic-typography-spacing-h4:first-child)*/.ic-typography-spacing-h2.sc-ic-typography-h:first-child,.ic-typography-spacing-h3.sc-ic-typography-h:first-child,.ic-typography-spacing-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1)}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}";
|
14196
|
+
const icTypographyCss = "/*!@html*/html.sc-ic-typography{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-typography{margin:0}/*!@main*/main.sc-ic-typography{display:block}/*!@h1*/h1.sc-ic-typography{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-typography{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-typography{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-typography{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-typography,strong.sc-ic-typography{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-typography,kbd.sc-ic-typography,samp.sc-ic-typography{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-typography{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-typography,sup.sc-ic-typography{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-typography{bottom:-0.25em}/*!@sup*/sup.sc-ic-typography{top:-0.5em}/*!@img*/img.sc-ic-typography{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-typography,input.sc-ic-typography,optgroup.sc-ic-typography,select.sc-ic-typography,textarea.sc-ic-typography{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-typography,input.sc-ic-typography{overflow:visible}/*!@button,\nselect*/button.sc-ic-typography,select.sc-ic-typography{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-typography,[type=\"button\"].sc-ic-typography,[type=\"reset\"].sc-ic-typography,[type=\"submit\"].sc-ic-typography{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-typography::-moz-focus-inner,[type=\"button\"].sc-ic-typography::-moz-focus-inner,[type=\"reset\"].sc-ic-typography::-moz-focus-inner,[type=\"submit\"].sc-ic-typography::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-typography:-moz-focusring,[type=\"button\"].sc-ic-typography:-moz-focusring,[type=\"reset\"].sc-ic-typography:-moz-focusring,[type=\"submit\"].sc-ic-typography:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-typography{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-typography{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-typography{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-typography{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-typography,[type=\"radio\"].sc-ic-typography{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-typography::-webkit-inner-spin-button,[type=\"number\"].sc-ic-typography::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-typography{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-typography::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-typography::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-typography{display:block}/*!@summary*/summary.sc-ic-typography{display:list-item}/*!@template*/template.sc-ic-typography{display:none}/*!@[hidden]*/[hidden].sc-ic-typography{display:none}/*!@html,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo*/html.sc-ic-typography,body.sc-ic-typography,div.sc-ic-typography,span.sc-ic-typography,applet.sc-ic-typography,object.sc-ic-typography,iframe.sc-ic-typography,h1.sc-ic-typography,h2.sc-ic-typography,h3.sc-ic-typography,h4.sc-ic-typography,h5.sc-ic-typography,h6.sc-ic-typography,p.sc-ic-typography,blockquote.sc-ic-typography,pre.sc-ic-typography,a.sc-ic-typography,abbr.sc-ic-typography,acronym.sc-ic-typography,address.sc-ic-typography,big.sc-ic-typography,cite.sc-ic-typography,code.sc-ic-typography,del.sc-ic-typography,dfn.sc-ic-typography,em.sc-ic-typography,img.sc-ic-typography,ins.sc-ic-typography,kbd.sc-ic-typography,q.sc-ic-typography,s.sc-ic-typography,samp.sc-ic-typography,small.sc-ic-typography,strike.sc-ic-typography,strong.sc-ic-typography,sub.sc-ic-typography,sup.sc-ic-typography,tt.sc-ic-typography,var.sc-ic-typography,b.sc-ic-typography,u.sc-ic-typography,i.sc-ic-typography,center.sc-ic-typography,dl.sc-ic-typography,dt.sc-ic-typography,dd.sc-ic-typography,ol.sc-ic-typography,ul.sc-ic-typography,li.sc-ic-typography,fieldset.sc-ic-typography,form.sc-ic-typography,label.sc-ic-typography,legend.sc-ic-typography,table.sc-ic-typography,caption.sc-ic-typography,tbody.sc-ic-typography,tfoot.sc-ic-typography,thead.sc-ic-typography,tr.sc-ic-typography,th.sc-ic-typography,td.sc-ic-typography,article.sc-ic-typography,aside.sc-ic-typography,canvas.sc-ic-typography,details.sc-ic-typography,embed.sc-ic-typography,figure.sc-ic-typography,figcaption.sc-ic-typography,footer.sc-ic-typography,header.sc-ic-typography,hgroup.sc-ic-typography,menu.sc-ic-typography,nav.sc-ic-typography,output.sc-ic-typography,ruby.sc-ic-typography,section.sc-ic-typography,summary.sc-ic-typography,time.sc-ic-typography,mark.sc-ic-typography,audio.sc-ic-typography,video.sc-ic-typography{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-typography-h{display:block}/*!@:host(.ic-typography-vertical-margins-h1)*/.ic-typography-vertical-margins-h1.sc-ic-typography-h{margin:0 0 var(--ic-space-xl)}/*!@:host(.ic-typography-vertical-margins-h2)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h{margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}/*!@:host(.ic-typography-vertical-margins-h3)*/.ic-typography-vertical-margins-h3.sc-ic-typography-h{margin:var(--ic-space-xl) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-h4)*/.ic-typography-vertical-margins-h4.sc-ic-typography-h{margin:var(--ic-space-lg) 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-subtitle-large),\n:host(.ic-typography-vertical-margins-subtitle-small),\n:host(.ic-typography-vertical-margins-body)*/.ic-typography-vertical-margins-subtitle-large.sc-ic-typography-h,.ic-typography-vertical-margins-subtitle-small.sc-ic-typography-h,.ic-typography-vertical-margins-body.sc-ic-typography-h{margin:0 0 var(--ic-space-md)}/*!@:host(.ic-typography-vertical-margins-caption),\n:host(.ic-typography-vertical-margins-caption-uppercase)*/.ic-typography-vertical-margins-caption.sc-ic-typography-h,.ic-typography-vertical-margins-caption-uppercase.sc-ic-typography-h{margin:0 0 var(--ic-space-xs)}/*!@:host(.ic-typography-vertical-margins-h2:first-child),\n:host(.ic-typography-vertical-margins-h3:first-child),\n:host(.ic-typography-vertical-margins-h4:first-child)*/.ic-typography-vertical-margins-h2.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h3.sc-ic-typography-h:first-child,.ic-typography-vertical-margins-h4.sc-ic-typography-h:first-child{margin-top:0}/*!@:host(.ic-typography-h1)*/.ic-typography-h1.sc-ic-typography-h{font:var(--ic-font-h1)}/*!@:host(.ic-typography-h2)*/.ic-typography-h2.sc-ic-typography-h{font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-h3)*/.ic-typography-h3.sc-ic-typography-h{font:var(--ic-font-h3)}/*!@:host(.ic-typography-h4)*/.ic-typography-h4.sc-ic-typography-h{font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-large)*/.ic-typography-subtitle-large.sc-ic-typography-h{font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-subtitle-small)*/.ic-typography-subtitle-small.sc-ic-typography-h{font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}/*!@:host(.ic-typography-body)*/.ic-typography-body.sc-ic-typography-h{font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}/*!@:host(.ic-typography-caption)*/.ic-typography-caption.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}/*!@:host(.ic-typography-caption-uppercase)*/.ic-typography-caption-uppercase.sc-ic-typography-h{font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}/*!@:host(.ic-typography-label)*/.ic-typography-label.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}/*!@:host(.ic-typography-label-uppercase)*/.ic-typography-label-uppercase.sc-ic-typography-h{font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}/*!@:host(.ic-typography-no-wrap)*/.ic-typography-no-wrap.sc-ic-typography-h{white-space:nowrap}/*!@:host ::slotted(h1),\n:host ::slotted(h2),\n:host ::slotted(h3),\n:host ::slotted(h4),\n:host ::slotted(h5),\n:host ::slotted(h6),\n:host ::slotted(p),\n:host ::slotted(label)*/.sc-ic-typography-h .sc-ic-typography-s>h1,.sc-ic-typography-h .sc-ic-typography-s>h2,.sc-ic-typography-h .sc-ic-typography-s>h3,.sc-ic-typography-h .sc-ic-typography-s>h4,.sc-ic-typography-h .sc-ic-typography-s>h5,.sc-ic-typography-h .sc-ic-typography-s>h6,.sc-ic-typography-h .sc-ic-typography-s>p,.sc-ic-typography-h .sc-ic-typography-s>label{font:inherit;letter-spacing:inherit}";
|
14129
14197
|
|
14130
14198
|
class Typography {
|
14131
14199
|
constructor(hostRef) {
|
14132
14200
|
registerInstance(this, hostRef);
|
14133
14201
|
this.variant = "body";
|
14134
|
-
this.
|
14202
|
+
this.applyVerticalMargins = false;
|
14135
14203
|
}
|
14136
14204
|
render() {
|
14137
|
-
const { variant,
|
14205
|
+
const { variant, applyVerticalMargins } = this;
|
14138
14206
|
return (hAsync(Host, { class: {
|
14139
14207
|
[`ic-typography-${variant}`]: true,
|
14140
|
-
[`ic-typography-
|
14208
|
+
[`ic-typography-vertical-margins-${variant}`]: applyVerticalMargins,
|
14141
14209
|
} }, hAsync("slot", null)));
|
14142
14210
|
}
|
14143
14211
|
get el() { return getElement(this); }
|
@@ -14147,7 +14215,7 @@ class Typography {
|
|
14147
14215
|
"$tagName$": "ic-typography",
|
14148
14216
|
"$members$": {
|
14149
14217
|
"variant": [1],
|
14150
|
-
"
|
14218
|
+
"applyVerticalMargins": [4, "apply-vertical-margins"]
|
14151
14219
|
},
|
14152
14220
|
"$listeners$": undefined,
|
14153
14221
|
"$lazyBundleId$": "-",
|
@@ -14159,7 +14227,7 @@ registerComponents([
|
|
14159
14227
|
Alert,
|
14160
14228
|
BackToTop,
|
14161
14229
|
Breadcrumb,
|
14162
|
-
|
14230
|
+
BreadcrumbGroup,
|
14163
14231
|
Button,
|
14164
14232
|
Card,
|
14165
14233
|
Checkbox,
|
@@ -14197,7 +14265,7 @@ registerComponents([
|
|
14197
14265
|
Switch,
|
14198
14266
|
Tab,
|
14199
14267
|
TabContext,
|
14200
|
-
|
14268
|
+
TabGroup,
|
14201
14269
|
TabPanel,
|
14202
14270
|
TextField,
|
14203
14271
|
Theme,
|