@ukic/canary-web-components 3.0.0-canary.32 → 3.0.0-canary.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-6f4b406b.js → helpers-f81fed28.js} +37 -1
- package/dist/cjs/helpers-f81fed28.js.map +1 -0
- package/dist/cjs/ic-alert.cjs.entry.js +6 -2
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +28 -16
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-calendar_2.cjs.entry.js +2 -2
- package/dist/cjs/ic-calendar_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +23 -2
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox_3.cjs.entry.js +11 -7
- package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +11 -8
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js +3 -4
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +8 -4
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +20 -5
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +16 -14
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +24 -4
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +4 -4
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-table-of-contents.cjs.entry.js +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-time-input.cjs.entry.js +402 -100
- package/dist/cjs/ic-time-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-time-selector.cjs.entry.js +722 -0
- package/dist/cjs/ic-time-selector.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-toast-region.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +5 -5
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/{ic-toggle-button.cjs.entry.js → ic-toggle-button_2.cjs.entry.js} +276 -3
- package/dist/cjs/ic-toggle-button_2.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-tree-item.cjs.entry.js +3 -3
- package/dist/cjs/ic-tree-view.cjs.entry.js +4 -4
- package/dist/cjs/index-d337cd8a.js +8 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ic-calendar/ic-calendar.css +8 -6
- package/dist/collection/components/ic-calendar/ic-calendar.stories.js +13 -0
- package/dist/collection/components/ic-calendar/ic-calendar.stories.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.js +10 -7
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +30 -6
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
- package/dist/collection/components/ic-time-input/ic-time-input.css +21 -3
- package/dist/collection/components/ic-time-input/ic-time-input.js +436 -108
- package/dist/collection/components/ic-time-input/ic-time-input.js.map +1 -1
- package/dist/collection/components/ic-time-input/ic-time-input.stories.js +62 -13
- package/dist/collection/components/ic-time-input/ic-time-input.stories.js.map +1 -1
- package/dist/collection/components/ic-time-input/test/helpers/ic-time-input.js +2 -0
- package/dist/collection/components/ic-time-input/test/helpers/ic-time-input.js.map +1 -1
- package/dist/collection/components/ic-time-selector/ic-time-selector.css +293 -0
- package/dist/collection/components/ic-time-selector/ic-time-selector.js +928 -0
- package/dist/collection/components/ic-time-selector/ic-time-selector.js.map +1 -0
- package/dist/collection/components/ic-time-selector/ic-time-selector.stories.js +192 -0
- package/dist/collection/components/ic-time-selector/ic-time-selector.stories.js.map +1 -0
- package/dist/collection/components/ic-time-selector/ic-time-selector.types.js +2 -0
- package/dist/collection/components/ic-time-selector/ic-time-selector.types.js.map +1 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +2 -2
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +3 -3
- package/dist/collection/utils/helpers.js +35 -0
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js.map +1 -1
- package/dist/components/helpers2.js +36 -1
- package/dist/components/helpers2.js.map +1 -1
- package/dist/components/ic-alert.js +7 -2
- package/dist/components/ic-alert.js.map +1 -1
- package/dist/components/ic-button2.js +4 -4
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-calendar2.js +1 -1
- package/dist/components/ic-calendar2.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +24 -2
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-data-row.js +1 -1
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-data-table.js +10 -7
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-input-validation2.js +4 -5
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +27 -13
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu2.js +1 -1
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +11 -6
- package/dist/components/ic-pagination-bar2.js.map +1 -1
- package/dist/components/ic-pagination2.js +9 -4
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-skeleton.js +23 -6
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-step.js +17 -15
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +24 -4
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +4 -4
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +1 -1
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-group.js +2 -2
- package/dist/components/ic-tab-group.js.map +1 -1
- package/dist/components/ic-tab-panel.js +2 -2
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-theme.js +1 -1
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-time-input.js +432 -113
- package/dist/components/ic-time-input.js.map +1 -1
- package/dist/components/ic-time-selector.d.ts +11 -0
- package/dist/components/ic-time-selector.js +776 -0
- package/dist/components/ic-time-selector.js.map +1 -0
- package/dist/components/ic-toast-region.js +1 -1
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +5 -5
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +1 -299
- package/dist/components/ic-toggle-button-group.js.map +1 -1
- package/dist/{esm/ic-toggle-button-group.entry.js → components/ic-toggle-button-group2.js} +70 -13
- package/dist/components/ic-toggle-button-group2.js.map +1 -0
- package/dist/components/ic-toggle-button.js +1 -228
- package/dist/components/ic-toggle-button.js.map +1 -1
- package/dist/{esm/ic-toggle-button.entry.js → components/ic-toggle-button2.js} +67 -12
- package/dist/components/ic-toggle-button2.js.map +1 -0
- package/dist/components/ic-tree-item.js +2 -2
- package/dist/components/ic-tree-view.js +4 -4
- package/dist/core/core.css +28 -6
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-b80b08ae.entry.js → p-08f24329.entry.js} +2 -2
- package/dist/core/{p-96177a74.entry.js → p-0bca234b.entry.js} +2 -2
- package/dist/core/{p-96177a74.entry.js.map → p-0bca234b.entry.js.map} +1 -1
- package/dist/core/{p-615d474e.entry.js → p-14b8bf37.entry.js} +2 -2
- package/dist/core/{p-81f12581.entry.js → p-169ad948.entry.js} +2 -2
- package/dist/core/{p-5254a078.entry.js → p-1be17f22.entry.js} +2 -2
- package/dist/core/{p-5254a078.entry.js.map → p-1be17f22.entry.js.map} +1 -1
- package/dist/core/{p-847cbb16.entry.js → p-1d166343.entry.js} +2 -2
- package/dist/core/{p-15c05eb8.entry.js → p-1dbefb37.entry.js} +2 -2
- package/dist/core/p-1dbefb37.entry.js.map +1 -0
- package/dist/core/{p-b4bfaf8f.entry.js → p-201b41c7.entry.js} +2 -2
- package/dist/core/{p-24bac55f.entry.js → p-33509a89.entry.js} +2 -2
- package/dist/core/{p-e1920777.entry.js → p-3389625c.entry.js} +2 -2
- package/dist/core/{p-5a1cfb3c.entry.js → p-344752cb.entry.js} +2 -2
- package/dist/core/{p-6c238418.entry.js → p-348d7080.entry.js} +2 -2
- package/dist/core/{p-3ef2e98d.entry.js → p-39cdf5db.entry.js} +2 -2
- package/dist/core/{p-775b8dba.entry.js → p-409d03b2.entry.js} +2 -2
- package/dist/core/{p-775b8dba.entry.js.map → p-409d03b2.entry.js.map} +1 -1
- package/dist/core/p-492991ad.entry.js +2 -0
- package/dist/core/p-492991ad.entry.js.map +1 -0
- package/dist/core/{p-fd20470e.entry.js → p-496b314f.entry.js} +2 -2
- package/dist/core/{p-bd9a76d8.entry.js → p-508b6da3.entry.js} +2 -2
- package/dist/core/p-53dad961.entry.js +2 -0
- package/dist/core/p-53dad961.entry.js.map +1 -0
- package/dist/core/p-551a0fc1.entry.js +2 -0
- package/dist/core/p-551a0fc1.entry.js.map +1 -0
- package/dist/core/{p-f5cea10d.entry.js → p-5e6687a8.entry.js} +2 -2
- package/dist/core/{p-72171192.entry.js → p-60f4fe3a.entry.js} +2 -2
- package/dist/core/p-61c92598.entry.js +2 -0
- package/dist/core/p-61c92598.entry.js.map +1 -0
- package/dist/core/p-691dd972.entry.js +2 -0
- package/dist/core/p-691dd972.entry.js.map +1 -0
- package/dist/core/{p-c6c87e58.entry.js → p-6dfe0922.entry.js} +2 -2
- package/dist/core/{p-fd7f3b58.entry.js → p-770e92cd.entry.js} +2 -2
- package/dist/core/{p-7cf6b428.entry.js → p-79ead0e7.entry.js} +2 -2
- package/dist/core/{p-285892ef.entry.js → p-7b4b45cf.entry.js} +2 -2
- package/dist/core/p-7c4d6b13.entry.js +2 -0
- package/dist/core/p-7c4d6b13.entry.js.map +1 -0
- package/dist/core/{p-af821831.entry.js → p-7d878ad7.entry.js} +2 -2
- package/dist/core/p-7d878ad7.entry.js.map +1 -0
- package/dist/core/{p-afedcfdb.entry.js → p-7efdbab8.entry.js} +2 -2
- package/dist/core/p-829b34f9.js +2 -0
- package/dist/core/p-829b34f9.js.map +1 -0
- package/dist/core/{p-9a9605c3.entry.js → p-879c180d.entry.js} +2 -2
- package/dist/core/{p-444cd8d3.entry.js → p-8ab37b4d.entry.js} +2 -2
- package/dist/core/{p-31f3fb15.entry.js → p-8d42a6e5.entry.js} +2 -2
- package/dist/core/{p-31f3fb15.entry.js.map → p-8d42a6e5.entry.js.map} +1 -1
- package/dist/core/{p-c87cc0d1.entry.js → p-939025af.entry.js} +2 -2
- package/dist/core/{p-5a4344cb.entry.js → p-9dea5764.entry.js} +2 -2
- package/dist/core/{p-ffc1cea6.entry.js → p-a58cf6fd.entry.js} +2 -2
- package/dist/core/p-a58cf6fd.entry.js.map +1 -0
- package/dist/core/{p-53740194.entry.js → p-a8310dfd.entry.js} +2 -2
- package/dist/core/p-a8310dfd.entry.js.map +1 -0
- package/dist/core/{p-90611726.entry.js → p-a8a92e54.entry.js} +2 -2
- package/dist/core/{p-2646a629.entry.js → p-b76fdade.entry.js} +2 -2
- package/dist/core/{p-2646a629.entry.js.map → p-b76fdade.entry.js.map} +1 -1
- package/dist/core/{p-04cb17d7.entry.js → p-b9459ba2.entry.js} +2 -2
- package/dist/core/{p-04cb17d7.entry.js.map → p-b9459ba2.entry.js.map} +1 -1
- package/dist/core/p-bb3db366.entry.js +2 -0
- package/dist/core/p-bb3db366.entry.js.map +1 -0
- package/dist/core/p-bc6e5d64.entry.js +2 -0
- package/dist/core/p-bc6e5d64.entry.js.map +1 -0
- package/dist/core/{p-2188b483.entry.js → p-c0a7eed7.entry.js} +2 -2
- package/dist/core/{p-2bd2f38b.entry.js → p-c0b227d2.entry.js} +2 -2
- package/dist/core/{p-7a0f62c2.entry.js → p-c4b2774d.entry.js} +2 -2
- package/dist/core/{p-7026afad.entry.js → p-ca05573a.entry.js} +2 -2
- package/dist/core/{p-8c580d88.entry.js → p-d0607a70.entry.js} +2 -2
- package/dist/core/{p-adde6c66.entry.js → p-d376858f.entry.js} +2 -2
- package/dist/core/{p-adde6c66.entry.js.map → p-d376858f.entry.js.map} +1 -1
- package/dist/core/{p-e00e67ff.entry.js → p-dbd9a403.entry.js} +2 -2
- package/dist/core/{p-e00e67ff.entry.js.map → p-dbd9a403.entry.js.map} +1 -1
- package/dist/core/p-df064c8b.entry.js +2 -0
- package/dist/core/p-df064c8b.entry.js.map +1 -0
- package/dist/core/{p-e4ef4263.js → p-e519f607.js} +2 -2
- package/dist/core/{p-3f0bce15.entry.js → p-e5c6d01a.entry.js} +2 -2
- package/dist/core/{p-04a9f82f.entry.js → p-e8db8772.entry.js} +2 -2
- package/dist/core/{p-e4b82731.entry.js → p-ea04103e.entry.js} +2 -2
- package/dist/core/p-eac60693.entry.js +2 -0
- package/dist/core/p-eac60693.entry.js.map +1 -0
- package/dist/core/{p-8e592393.entry.js → p-ecc7fd71.entry.js} +2 -2
- package/dist/core/{p-6cfba272.entry.js → p-efe260f0.entry.js} +2 -2
- package/dist/core/{p-b6d6b26e.entry.js → p-f1b57f91.entry.js} +2 -2
- package/dist/core/{p-e4551a38.entry.js → p-f5dc04f7.entry.js} +2 -2
- package/dist/core/{p-25280383.entry.js → p-fb07921b.entry.js} +2 -2
- package/dist/core/p-fb07921b.entry.js.map +1 -0
- package/dist/core/{p-1900c7c7.entry.js → p-fd08156a.entry.js} +2 -2
- package/dist/core/{p-3594922d.entry.js → p-fe5b51bb.entry.js} +2 -2
- package/dist/core/{p-ef5b6622.entry.js → p-ff618439.entry.js} +2 -2
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-5419eb6c.js → helpers-063369f4.js} +2 -2
- package/dist/esm/{helpers-5419eb6c.js.map → helpers-063369f4.js.map} +1 -1
- package/dist/esm/{helpers-9f228880.js → helpers-a08b3f32.js} +37 -2
- package/dist/esm/helpers-a08b3f32.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +1 -1
- package/dist/esm/ic-accordion.entry.js +1 -1
- package/dist/esm/ic-action-chip.entry.js +1 -1
- package/dist/esm/ic-alert.entry.js +7 -3
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +1 -1
- package/dist/esm/ic-badge.entry.js +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js +29 -17
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-calendar_2.entry.js +2 -2
- package/dist/esm/ic-calendar_2.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +1 -1
- package/dist/esm/ic-card-vertical.entry.js +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +24 -3
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox_3.entry.js +12 -8
- package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +1 -1
- package/dist/esm/ic-data-row.entry.js +2 -2
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +1 -1
- package/dist/esm/ic-data-table.entry.js +11 -8
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-picker.entry.js +1 -1
- package/dist/esm/ic-dialog.entry.js +1 -1
- package/dist/esm/ic-divider.entry.js +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +1 -1
- package/dist/esm/ic-footer-link.entry.js +1 -1
- package/dist/esm/ic-footer.entry.js +1 -1
- package/dist/esm/ic-hero.entry.js +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
- package/dist/esm/ic-input-component-container_4.entry.js +4 -5
- package/dist/esm/ic-input-component-container_4.entry.js.map +1 -1
- package/dist/esm/ic-link.entry.js +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-menu-item.entry.js +1 -1
- package/dist/esm/ic-menu.entry.js +2 -2
- package/dist/esm/ic-menu.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +1 -1
- package/dist/esm/ic-navigation-group.entry.js +1 -1
- package/dist/esm/ic-navigation-item.entry.js +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +1 -1
- package/dist/esm/ic-pagination_4.entry.js +9 -5
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +1 -1
- package/dist/esm/ic-radio-group.entry.js +1 -1
- package/dist/esm/ic-radio-option.entry.js +1 -1
- package/dist/esm/ic-search-bar.entry.js +1 -1
- package/dist/esm/ic-side-navigation.entry.js +1 -1
- package/dist/esm/ic-skeleton.entry.js +20 -5
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +1 -1
- package/dist/esm/ic-step.entry.js +17 -15
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +25 -5
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +5 -5
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +1 -1
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +3 -3
- package/dist/esm/ic-tab-group.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +2 -2
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +1 -1
- package/dist/esm/ic-table-of-contents.entry.js +1 -1
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-time-input.entry.js +402 -100
- package/dist/esm/ic-time-input.entry.js.map +1 -1
- package/dist/esm/ic-time-selector.entry.js +718 -0
- package/dist/esm/ic-time-selector.entry.js.map +1 -0
- package/dist/esm/ic-toast-region.entry.js +1 -1
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +6 -6
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button_2.entry.js +449 -0
- package/dist/esm/ic-toggle-button_2.entry.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +1 -1
- package/dist/esm/ic-tree-item.entry.js +3 -3
- package/dist/esm/ic-tree-view.entry.js +4 -4
- package/dist/esm/ic-typography.entry.js +1 -1
- package/dist/esm/index-a7a720e7.js +8 -8
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-calendar/ic-calendar.stories.d.ts +20 -14
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +4 -0
- package/dist/types/components/ic-time-input/ic-time-input.d.ts +27 -7
- package/dist/types/components/ic-time-input/ic-time-input.stories.d.ts +31 -7
- package/dist/types/components/ic-time-input/test/helpers/ic-time-input.d.ts +1 -0
- package/dist/types/components/ic-time-selector/ic-time-selector.d.ts +80 -0
- package/dist/types/components/ic-time-selector/ic-time-selector.stories.d.ts +134 -0
- package/dist/types/components/ic-time-selector/ic-time-selector.types.d.ts +1 -0
- package/dist/types/components.d.ts +137 -11
- package/dist/types/utils/helpers.d.ts +14 -0
- package/dist/types/utils/types.d.ts +2 -2
- package/hydrate/index.js +1384 -201
- package/hydrate/index.mjs +1384 -201
- package/package.json +30 -30
- package/dist/cjs/helpers-6f4b406b.js.map +0 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +0 -267
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +0 -1
- package/dist/core/p-0043b019.entry.js +0 -2
- package/dist/core/p-0043b019.entry.js.map +0 -1
- package/dist/core/p-15c05eb8.entry.js.map +0 -1
- package/dist/core/p-25280383.entry.js.map +0 -1
- package/dist/core/p-2c86ce4b.entry.js +0 -2
- package/dist/core/p-2c86ce4b.entry.js.map +0 -1
- package/dist/core/p-3891ce53.entry.js +0 -2
- package/dist/core/p-3891ce53.entry.js.map +0 -1
- package/dist/core/p-4992e9ac.entry.js +0 -2
- package/dist/core/p-4992e9ac.entry.js.map +0 -1
- package/dist/core/p-53740194.entry.js.map +0 -1
- package/dist/core/p-5b32aaf3.entry.js +0 -2
- package/dist/core/p-5b32aaf3.entry.js.map +0 -1
- package/dist/core/p-80111272.entry.js +0 -2
- package/dist/core/p-80111272.entry.js.map +0 -1
- package/dist/core/p-9044539c.entry.js +0 -2
- package/dist/core/p-9044539c.entry.js.map +0 -1
- package/dist/core/p-9a95f428.entry.js +0 -2
- package/dist/core/p-9a95f428.entry.js.map +0 -1
- package/dist/core/p-af821831.entry.js.map +0 -1
- package/dist/core/p-ba75ed34.entry.js +0 -2
- package/dist/core/p-ba75ed34.entry.js.map +0 -1
- package/dist/core/p-c3eddb99.entry.js +0 -2
- package/dist/core/p-c3eddb99.entry.js.map +0 -1
- package/dist/core/p-f48ce5f6.js +0 -2
- package/dist/core/p-f48ce5f6.js.map +0 -1
- package/dist/core/p-ffc1cea6.entry.js.map +0 -1
- package/dist/esm/helpers-9f228880.js.map +0 -1
- package/dist/esm/ic-toggle-button-group.entry.js.map +0 -1
- package/dist/esm/ic-toggle-button.entry.js.map +0 -1
- /package/dist/core/{p-b80b08ae.entry.js.map → p-08f24329.entry.js.map} +0 -0
- /package/dist/core/{p-615d474e.entry.js.map → p-14b8bf37.entry.js.map} +0 -0
- /package/dist/core/{p-81f12581.entry.js.map → p-169ad948.entry.js.map} +0 -0
- /package/dist/core/{p-847cbb16.entry.js.map → p-1d166343.entry.js.map} +0 -0
- /package/dist/core/{p-b4bfaf8f.entry.js.map → p-201b41c7.entry.js.map} +0 -0
- /package/dist/core/{p-24bac55f.entry.js.map → p-33509a89.entry.js.map} +0 -0
- /package/dist/core/{p-e1920777.entry.js.map → p-3389625c.entry.js.map} +0 -0
- /package/dist/core/{p-5a1cfb3c.entry.js.map → p-344752cb.entry.js.map} +0 -0
- /package/dist/core/{p-6c238418.entry.js.map → p-348d7080.entry.js.map} +0 -0
- /package/dist/core/{p-3ef2e98d.entry.js.map → p-39cdf5db.entry.js.map} +0 -0
- /package/dist/core/{p-fd20470e.entry.js.map → p-496b314f.entry.js.map} +0 -0
- /package/dist/core/{p-bd9a76d8.entry.js.map → p-508b6da3.entry.js.map} +0 -0
- /package/dist/core/{p-f5cea10d.entry.js.map → p-5e6687a8.entry.js.map} +0 -0
- /package/dist/core/{p-72171192.entry.js.map → p-60f4fe3a.entry.js.map} +0 -0
- /package/dist/core/{p-c6c87e58.entry.js.map → p-6dfe0922.entry.js.map} +0 -0
- /package/dist/core/{p-fd7f3b58.entry.js.map → p-770e92cd.entry.js.map} +0 -0
- /package/dist/core/{p-7cf6b428.entry.js.map → p-79ead0e7.entry.js.map} +0 -0
- /package/dist/core/{p-285892ef.entry.js.map → p-7b4b45cf.entry.js.map} +0 -0
- /package/dist/core/{p-afedcfdb.entry.js.map → p-7efdbab8.entry.js.map} +0 -0
- /package/dist/core/{p-9a9605c3.entry.js.map → p-879c180d.entry.js.map} +0 -0
- /package/dist/core/{p-444cd8d3.entry.js.map → p-8ab37b4d.entry.js.map} +0 -0
- /package/dist/core/{p-c87cc0d1.entry.js.map → p-939025af.entry.js.map} +0 -0
- /package/dist/core/{p-5a4344cb.entry.js.map → p-9dea5764.entry.js.map} +0 -0
- /package/dist/core/{p-90611726.entry.js.map → p-a8a92e54.entry.js.map} +0 -0
- /package/dist/core/{p-2188b483.entry.js.map → p-c0a7eed7.entry.js.map} +0 -0
- /package/dist/core/{p-2bd2f38b.entry.js.map → p-c0b227d2.entry.js.map} +0 -0
- /package/dist/core/{p-7a0f62c2.entry.js.map → p-c4b2774d.entry.js.map} +0 -0
- /package/dist/core/{p-7026afad.entry.js.map → p-ca05573a.entry.js.map} +0 -0
- /package/dist/core/{p-8c580d88.entry.js.map → p-d0607a70.entry.js.map} +0 -0
- /package/dist/core/{p-e4ef4263.js.map → p-e519f607.js.map} +0 -0
- /package/dist/core/{p-3f0bce15.entry.js.map → p-e5c6d01a.entry.js.map} +0 -0
- /package/dist/core/{p-04a9f82f.entry.js.map → p-e8db8772.entry.js.map} +0 -0
- /package/dist/core/{p-e4b82731.entry.js.map → p-ea04103e.entry.js.map} +0 -0
- /package/dist/core/{p-8e592393.entry.js.map → p-ecc7fd71.entry.js.map} +0 -0
- /package/dist/core/{p-6cfba272.entry.js.map → p-efe260f0.entry.js.map} +0 -0
- /package/dist/core/{p-b6d6b26e.entry.js.map → p-f1b57f91.entry.js.map} +0 -0
- /package/dist/core/{p-e4551a38.entry.js.map → p-f5dc04f7.entry.js.map} +0 -0
- /package/dist/core/{p-1900c7c7.entry.js.map → p-fd08156a.entry.js.map} +0 -0
- /package/dist/core/{p-3594922d.entry.js.map → p-fe5b51bb.entry.js.map} +0 -0
- /package/dist/core/{p-ef5b6622.entry.js.map → p-ff618439.entry.js.map} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["icStepCss","IcStepStyle0","Step","constructor","hostRef","this","current","icI18n","next","step","steps","of","lastStep","completed","notRequired","required","optional","theme","type","typeChangeHandler","variant","render","_a","_b","compactStepStyling","heading","lastStepNum","nextStepHeading","progress","status","stepNum","subheading","ariaLabel","hasHeading","isPropDefined","isSlotUsed","el","stepStatus","toUpperCase","slice","stepType","statusIcon","h","key","class","innerHTML","checkIcon","warningIcon","compactStep","size","name","undefined","icon","partialBar","finalStep","parentElement","classList","contains","defaultStep","Host","role"],"sources":["../web-components/dist/collection/components/ic-step/ic-step.css?tag=ic-step&encapsulation=shadow","../web-components/dist/collection/components/ic-step/ic-step.js"],"sourcesContent":["/* SHARED STYLING */\n:host {\n display: flex;\n flex: auto;\n\n --ic-typography-color: currentcolor;\n}\n\n.step {\n display: flex;\n flex: 1 1 0;\n}\n\n.step-icon {\n display: flex;\n justify-content: center;\n}\n\n.heading,\n::slotted([slot=\"heading\"]),\n.subheading,\n.step-status,\n.next-step {\n white-space: pre-line;\n}\n\n.next-step {\n color: var(--ic-stepper-compact-step-next-text);\n}\n\n.visually-hidden {\n position: absolute;\n left: -9999px;\n top: auto;\n width: 1px;\n height: 1px;\n overflow: hidden;\n}\n\n.visually-hidden:dir(rtl) {\n right: -9999px;\n}\n\n/* COMPACT STEP STYLING */\n:host(.ic-step-compact) {\n -moz-column-gap: var(--ic-space-sm);\n column-gap: var(--ic-space-sm);\n\n --compact-step-inner-color: var(--ic-step-indicator-status-current);\n --compact-step-outer-color: var(--ic-step-indicator-status-remaining);\n --compact-step-circular-line-width: var(--ic-space-xxs);\n}\n\n:host(.ic-step-compact) .step {\n -moz-column-gap: var(--ic-space-sm);\n column-gap: var(--ic-space-sm);\n}\n\n:host(.ic-step-compact) .step:not(.current) {\n display: none;\n opacity: 0;\n visibility: hidden;\n}\n\n.compact-step-progress-indicator {\n margin: var(--ic-space-xs) 0 0;\n}\n\n:host ic-loading-indicator::part(ic-loading-container) {\n border-radius: 50%;\n}\n\n:host() ic-loading-indicator::part(ic-loading-container) {\n background-color: var(--ic-step-indicator-background);\n}\n\n:host(.ic-step-compact) .heading-area {\n display: flex;\n flex-direction: column;\n width: 14.25rem;\n}\n\n:host(.ic-step-compact) .heading,\n:host(.ic-step-compact) ::slotted([slot=\"heading\"]) {\n color: var(--ic-stepper-compact-step-title);\n}\n\n:host(.ic-step-compact) .disabled .heading,\n:host(.ic-step-compact) .disabled ::slotted([slot=\"heading\"]) {\n color: var(--ic-stepper-compact-step-title-disabled);\n}\n\n.info-line {\n display: flex;\n -moz-column-gap: var(--ic-space-xs);\n column-gap: var(--ic-space-xs);\n}\n\n.step-status {\n display: flex;\n color: var(--ic-stepper-compact-step-requirement-text);\n -moz-column-gap: var(--ic-space-xxxs);\n column-gap: var(--ic-space-xxxs);\n}\n\n.compact-step-completed .step-status {\n color: var(--ic-stepper-compact-step-completed-text);\n}\n\n.compact-step-disabled :is(.heading, .step-status) {\n color: var(--ic-stepper-compact-step-requirement-text-disabled);\n}\n\n.step-num {\n color: var(--ic-stepper-compact-step-stage-text);\n white-space: nowrap;\n}\n\n:host(.ic-step-compact) .step-icon {\n margin: var(--ic-space-xxxs);\n}\n\n:host(.ic-step-compact) .step-icon svg {\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n/* DEFAULT STEP STYLING */\n:host(.ic-step-default) .step {\n flex-direction: column;\n}\n\n:host(.ic-step-default.last-step) {\n flex-grow: initial;\n}\n\n.step-top {\n display: flex;\n width: 100%;\n align-items: center;\n align-self: flex-start;\n height: 2.5rem;\n}\n\n:host(.ic-step-default) .step-icon {\n border-radius: 50%;\n background-color: var(--ic-step-number-inactive);\n}\n\n.step-icon-inner {\n width: var(--ic-space-xl);\n height: var(--ic-space-xl);\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 50%;\n color: var(--ic-step-number-text-inactive);\n}\n\n:host(.ic-step-default) .current {\n color: var(--ic-status-info-default);\n}\n\n:host(.ic-step-default) .heading-area {\n margin: var(--ic-space-xs) 0;\n padding-right: var(--ic-space-xs);\n width: 100%;\n}\n\n:host(.ic-step-default) .heading,\n:host(.ic-step-default) ::slotted([slot=\"heading\"]),\n.subheading {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.heading,\n::slotted([slot=\"heading\"]) {\n color: var(--ic-step-title);\n}\n\n.current .heading,\n.current ::slotted([slot=\"heading\"]) {\n color: var(--ic-step-title-current);\n}\n\n.completed .heading,\n.completed ::slotted([slot=\"heading\"]) {\n color: var(--ic-step-title-success);\n}\n\n.disabled .heading,\n.disabled ::slotted([slot=\"heading\"]) {\n color: var(--ic-step-title-disabled);\n}\n\n.subheading {\n color: var(--ic-step-title-status-text-inactive);\n}\n\n.current .subheading {\n color: var(--ic-step-title-status-text-current);\n}\n\n.disabled .subheading {\n color: var(--ic-step-title-status-text-disabled);\n}\n\n:host(.ic-step-default) .completed {\n color: var(--ic-status-success-default);\n}\n\n.active .step-icon-inner {\n box-shadow: inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem;\n}\n\n.current .step-icon-inner {\n background-color: var(--ic-step-number-background-active);\n color: var(--ic-step-number-text-current);\n}\n\n.disabled {\n color: var(--ic-color-text-disabled-mid);\n}\n\n.disabled .step-icon-inner {\n border: var(--ic-border-width) dashed var(--ic-step-number-disabled);\n width: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n height: calc(var(--ic-space-xl) - var(--ic-space-xxxs));\n color: var(--ic-step-number-text-disabled);\n}\n\n.disabled .step-icon {\n background-color: transparent !important;\n}\n\n.completed .step-icon-inner {\n background: var(--ic-step-number-background-success);\n box-shadow: inset var(--ic-step-number-background-success) 0 0 0\n var(--ic-space-xxxs);\n border-radius: 100%;\n}\n\n:host(.ic-step-default) .current .step-icon {\n border: var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);\n padding: var(--ic-space-xxxs);\n margin: 0 calc(-1 * var(--ic-space-xxxs));\n background-color: var(--ic-step-number-current-outer-fill);\n\n /* compensating for the circle being bigger than other steps */\n}\n\n.step-connect {\n height: var(--ic-space-xxxs);\n background-color: var(--ic-stepper-connector-remaining-status);\n margin: 0 var(--ic-space-xs);\n border-radius: var(--ic-space-xxs);\n width: 100%;\n}\n\n.aligned-full-width.step-connect {\n min-width: 6.25rem;\n width: 100%;\n}\n\n.disabled .step-connect {\n height: 0;\n background-color: rgb(0 0 0 / 0%);\n border-top: 0.125rem dashed var(--ic-stepper-connector-disabled);\n border-radius: 0;\n}\n\n.completed .step-connect {\n background-color: var(--ic-stepper-connector-success);\n}\n\n.step-connect-inner {\n width: 70%;\n display: flex;\n flex: auto;\n height: var(--ic-space-xxxs);\n border-radius: var(--ic-space-xxs);\n background-color: var(--ic-stepper-connector-current-status);\n}\n\n.step-icon-inner .check-icon {\n padding-top: var(--ic-space-xxs);\n}\n\n.step-icon-inner .check-icon svg {\n width: var(--ic-space-md);\n height: auto;\n}\n\n.step-icon-inner .check-icon > svg > path {\n fill: var(--ic-step-number-icon-success);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n /* COMPACT STEP */\n .compact-step-disabled :is(.heading, .step-status) {\n color: GrayText;\n }\n\n /* DEFAULT STEP */\n .step-connect:not(.disabled .step-connect) {\n border: var(--ic-border-hc);\n }\n\n .active .step-icon-inner,\n .completed .step-icon-inner,\n .current .step-icon-inner {\n forced-color-adjust: none;\n box-shadow: inset canvastext 0 0 0 0.125rem;\n background-color: transparent;\n color: canvastext;\n }\n\n :host(.ic-step-default) .current .step-icon {\n padding: 0;\n border: none;\n }\n\n .disabled,\n .disabled .heading-area,\n .disabled .step-icon-inner,\n .disabled .heading,\n .disabled ::slotted([slot=\"heading\"]) {\n color: GrayText;\n }\n\n .step-connect-inner,\n .completed .step-connect {\n background-color: canvastext;\n }\n\n .step-icon-inner .check-icon > svg > path {\n fill: canvastext;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport checkIcon from \"../../assets/check-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon-outline.svg\";\nimport { isPropDefined, isSlotUsed } from \"../../utils/helpers\";\n/**\n * @slot heading - Content will be rendered in place of the heading prop.\n */\nexport class Step {\n constructor() {\n /**\n * @internal If `true`, and a compact stepper is being used, the current step will be the only step in view.\n */\n this.current = false;\n /**\n * Words within the component that can be replaced to translate the component into a different language\n */\n this.icI18n = {\n next: \"Next\",\n step: \"Step\",\n steps: \"Steps\",\n of: \"of\",\n lastStep: \"Last step\",\n completed: \"Completed\",\n notRequired: \"Not required\",\n required: \"Required\",\n optional: \"Optional\",\n };\n /**\n * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n this.theme = \"inherit\";\n /**\n * The state of the step within the stepper.\n */\n this.type = \"active\";\n }\n typeChangeHandler() {\n if (this.variant === \"compact\" && this.type === \"current\") {\n this.current = true;\n }\n else {\n this.current = false;\n }\n }\n render() {\n var _a, _b;\n const { compactStepStyling, current, heading, icI18n, lastStep, lastStepNum, nextStepHeading, progress, status, stepNum, subheading, theme, type, variant, } = this;\n // ARIA LABEL\n let ariaLabel = \"\";\n const hasHeading = (isPropDefined(heading) && heading !== \"\") ||\n isSlotUsed(this.el, \"heading\");\n if (type === \"completed\") {\n ariaLabel = `. ${icI18n.completed}`;\n }\n else if (type === \"disabled\") {\n ariaLabel = `. ${icI18n.notRequired}`;\n }\n else if (status === \"required\") {\n ariaLabel = `. ${icI18n.required}`;\n }\n else if (status === \"optional\") {\n ariaLabel = `. ${icI18n.optional}`;\n }\n // STEP STATUS\n let stepStatus;\n if (status && isPropDefined(status)) {\n stepStatus = status[0].toUpperCase() + status.slice(1);\n }\n // STEP TYPE\n let stepType;\n if (type === \"disabled\" || compactStepStyling === \"disabled\") {\n stepType = icI18n.notRequired;\n }\n else if (compactStepStyling === \"completed\") {\n stepType = icI18n.completed;\n }\n // STATUS ICON FOR COMPACT STEP\n let statusIcon;\n if (type === \"completed\" || compactStepStyling === \"completed\") {\n statusIcon = (h(\"span\", { key: 'ba84e43d6b6febb1b465c7d0a5a5bd76e6645c01', class: \"check-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: checkIcon }));\n }\n else if (type === \"disabled\" || compactStepStyling === \"disabled\") {\n statusIcon = (h(\"span\", { key: '43b597121b17fa8aef98f41792b9e75e5da95d73', class: \"warning-icon step-icon\", \"aria-hidden\": \"true\", innerHTML: warningIcon }));\n }\n // COMPACT STEP COMPONENT\n const compactStep = (h(\"div\", { key: 'cac4daaa6da8904d2e69ec16346262d18281819d', class: {\n [\"step\"]: true,\n [\"current\"]: !!current,\n [`compact-step-${compactStepStyling}`]: !!compactStepStyling,\n [\"disabled\"]: type === \"disabled\" || compactStepStyling === \"disabled\",\n } }, h(\"ic-loading-indicator\", { key: 'aef65f9660c2bd2fe46dc205afbf582c16d6b6a0', class: {\n \"compact-step-progress-indicator\": true,\n \"not-required\": type === \"disabled\" || compactStepStyling === \"disabled\",\n }, \"aria-hidden\": \"true\", size: \"small\", \"inner-label\": stepNum, progress: progress }), h(\"div\", { key: 'ddb67de08977f0f460d72493d9049d332296aeaa', class: \"heading-area\" }, isSlotUsed(this.el, \"heading\") ? (h(\"slot\", { name: \"heading\" })) : (h(\"ic-typography\", { variant: \"h4\", class: \"heading\" }, heading)), h(\"div\", { key: 'f6b657968d62be2010ee736bbccbcf3484f56196', class: \"info-line\" }, h(\"ic-typography\", { key: 'c632f49ad68d701a398e3cfb7a60bf08ceb00b98', variant: \"caption\", class: \"step-num\" }, `${stepNum} ${icI18n.of} ${lastStepNum}`, h(\"span\", { key: '6fa841aa5da07894c41076b60ffc7846ceee6595', class: \"visually-hidden\" }, ` ${icI18n.steps}`)), (this.subheading ||\n type === \"completed\" ||\n type === \"disabled\" ||\n (this.variant === \"compact\" &&\n !!compactStepStyling &&\n compactStepStyling !== \"active\") ||\n !!status) && (h(\"div\", { key: '7a309e8ff089ca29c132aec776ee076bc107b46a', class: \"step-status\" }, statusIcon !== undefined && statusIcon, (subheading || stepType) && (h(\"ic-typography\", { key: '9aeddf74fce64cfb90861b7e0ca88ac7c206c0ad', variant: \"caption\" }, subheading !== null && isPropDefined(subheading)\n ? subheading\n : type === \"disabled\" ||\n (variant === \"compact\" &&\n compactStepStyling === \"disabled\") ||\n type === \"completed\" ||\n (variant === \"compact\" &&\n compactStepStyling === \"completed\")\n ? stepType\n : status && stepStatus))))), lastStep ? (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, icI18n.lastStep)) : (isPropDefined(nextStepHeading) && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"next-step\" }, icI18n.next, h(\"span\", { class: \"visually-hidden\" }, \" \", icI18n.step), \":\", \" \", this.nextStepHeading))))));\n // ICON FOR DEFAULT STEP\n let icon;\n if (type !== \"completed\") {\n icon = (h(\"ic-typography\", { key: 'b2bd2aec5f28419635b1d0c2983c1d131fa0cf93', variant: \"subtitle-small\" }, h(\"span\", { key: '26ad3501e4f159aac36162064f712c404b896017', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, this.stepNum)));\n }\n else {\n icon = (h(\"div\", { key: '6b34304442c6b4eb8b106a0ff2ad5c231bf205bf', class: \"step-icon-inner\", \"aria-hidden\": \"true\" }, h(\"span\", { key: 'd62fc155679ce30e9fbf87e2a26d47a7f4b546ed', class: \"check-icon\", innerHTML: checkIcon })));\n }\n // STEP CONNECT FOR DEFAULT STEP\n const partialBar = type === \"current\" && (h(\"div\", { key: '9aca98b76e886d9d11cedba769002d757c85f6f0', class: \"step-connect-inner\" }));\n const finalStep = !lastStep && (h(\"div\", { key: '494c8fb9fe72ce7ba37a52b56edcd00460248cca', class: {\n [\"step-connect\"]: true,\n [\"aligned-full-width\"]: !!(((_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"ic-stepper-default\")) &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n } }, partialBar));\n // DEFAULT STEP COMPONENT\n const defaultStep = (h(\"div\", { key: '00c780fca9cab9cf01f5662d10fed10474d84045', class: {\n [\"step\"]: true,\n [`${type}`]: true,\n } }, h(\"div\", { key: 'd727e05be7c6179c65fafc7eb6508b871ff5e30c', class: \"step-top\" }, h(\"div\", { key: 'e03d6f2665ef97f1d6f2d38e86cf1461d515cd7a', class: \"step-icon\" }, icon), finalStep), (hasHeading || subheading || status) && (h(\"div\", { key: '04d1c9ac6ee4df8e5d4394a1d1f6fe073d8ee307', class: \"heading-area\" }, isSlotUsed(this.el, \"heading\") ? (h(\"slot\", { name: \"heading\" })) : (h(\"ic-typography\", { variant: \"subtitle-large\", class: \"heading\" }, heading)), hasHeading && (subheading || status) && (h(\"ic-typography\", { key: '16fc9c541e21d0be0d8f0f7566ed8ac8e5c333cd', variant: \"caption\", class: \"subheading\" }, subheading !== null && isPropDefined(subheading)\n ? subheading\n : stepStatus))))));\n return (h(Host, { key: 'b0ae592b4c3148fe977efc52cd17f88c2a01da2c', role: \"listitem\", \"aria-label\": `${icI18n.step} ${stepNum}${ariaLabel}`, \"aria-current\": (current || type === \"current\") && \"step\", class: {\n [\"aligned-full-width\"]: !!(((_b = this.el.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains(\"ic-stepper-default\")) &&\n !this.el.parentElement.classList.contains(\"ic-stepper-aligned-left\")),\n [`ic-step-${variant}`]: true,\n [`ic-theme-${theme}`]: this.theme !== \"inherit\",\n } }, variant === \"compact\" ? compactStep : defaultStep));\n }\n static get is() { return \"ic-step\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-step.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-step.css\"]\n };\n }\n static get properties() {\n return {\n \"compactStepStyling\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepTypes\",\n \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n \"references\": {\n \"IcStepTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If a compact stepper is being used, this sets the styling of the step.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"compact-step-styling\",\n \"reflect\": false\n },\n \"current\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, and a compact stepper is being used, the current step will be the only step in view.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"current\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icI18n\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepI18n\",\n \"resolved\": \"{ next: string; step: string; steps: string; of: string; lastStep: string; completed: string; notRequired: string; required: string; optional: string; }\",\n \"references\": {\n \"IcStepI18n\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepI18n\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Words within the component that can be replaced to translate the component into a different language\"\n },\n \"getter\": false,\n \"setter\": false,\n \"defaultValue\": \"{\\n next: \\\"Next\\\",\\n step: \\\"Step\\\",\\n steps: \\\"Steps\\\",\\n of: \\\"of\\\",\\n lastStep: \\\"Last step\\\",\\n completed: \\\"Completed\\\",\\n notRequired: \\\"Not required\\\",\\n required: \\\"Required\\\",\\n optional: \\\"Optional\\\",\\n }\"\n },\n \"lastStep\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, the step will be marked as being the last one in the series. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"last-step\",\n \"reflect\": false\n },\n \"lastStepNum\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The step number of the final step. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"last-step-num\",\n \"reflect\": false\n },\n \"nextStepHeading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The name of the next step. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"next-step-heading\",\n \"reflect\": false\n },\n \"progress\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The progress of the next step, calculated by dividing the current step number by the total number of steps. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"progress\",\n \"reflect\": false\n },\n \"stepNum\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The step number, managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"step-num\",\n \"reflect\": false\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepStatuses\",\n \"resolved\": \"\\\"optional\\\" | \\\"required\\\" | undefined\",\n \"references\": {\n \"IcStepStatuses\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepStatuses\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The status of the step. Use this prop to display a status message on the step if it is required or optional.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"status\",\n \"reflect\": false\n },\n \"subheading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"subheading\",\n \"reflect\": false\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title of the step within the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepVariants\",\n \"resolved\": \"\\\"compact\\\" | \\\"default\\\"\",\n \"references\": {\n \"IcStepVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n }\n }\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The variant of the step. This is managed by ic-stepper.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStepTypes\",\n \"resolved\": \"\\\"active\\\" | \\\"completed\\\" | \\\"current\\\" | \\\"disabled\\\" | undefined\",\n \"references\": {\n \"IcStepTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-step.types\",\n \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of the step within the stepper.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"active\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"type\",\n \"methodName\": \"typeChangeHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-step.js.map\n"],"mappings":"keAAA,MAAMA,EAAY,k/LAClB,MAAAC,EAAeD,E,MCMFE,EAAI,MACb,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,MAIfD,KAAKE,OAAS,CACVC,KAAM,OACNC,KAAM,OACNC,MAAO,QACPC,GAAI,KACJC,SAAU,YACVC,UAAW,YACXC,YAAa,eACbC,SAAU,WACVC,SAAU,YAKdX,KAAKY,MAAQ,UAIbZ,KAAKa,KAAO,Q,CAEhB,iBAAAC,GACI,GAAId,KAAKe,UAAY,WAAaf,KAAKa,OAAS,UAAW,CACvDb,KAAKC,QAAU,I,KAEd,CACDD,KAAKC,QAAU,K,EAGvB,MAAAe,GACI,IAAIC,EAAIC,EACR,MAAMC,mBAAEA,EAAkBlB,QAAEA,EAAOmB,QAAEA,EAAOlB,OAAEA,EAAMK,SAAEA,EAAQc,YAAEA,EAAWC,gBAAEA,EAAeC,SAAEA,EAAQC,OAAEA,EAAMC,QAAEA,EAAOC,WAAEA,EAAUd,MAAEA,EAAKC,KAAEA,EAAIE,QAAEA,GAAaf,KAE/J,IAAI2B,EAAY,GAChB,MAAMC,EAAcC,EAAcT,IAAYA,IAAY,IACtDU,EAAW9B,KAAK+B,GAAI,WACxB,GAAIlB,IAAS,YAAa,CACtBc,EAAY,KAAKzB,EAAOM,W,MAEvB,GAAIK,IAAS,WAAY,CAC1Bc,EAAY,KAAKzB,EAAOO,a,MAEvB,GAAIe,IAAW,WAAY,CAC5BG,EAAY,KAAKzB,EAAOQ,U,MAEvB,GAAIc,IAAW,WAAY,CAC5BG,EAAY,KAAKzB,EAAOS,U,CAG5B,IAAIqB,EACJ,GAAIR,GAAUK,EAAcL,GAAS,CACjCQ,EAAaR,EAAO,GAAGS,cAAgBT,EAAOU,MAAM,E,CAGxD,IAAIC,EACJ,GAAItB,IAAS,YAAcM,IAAuB,WAAY,CAC1DgB,EAAWjC,EAAOO,W,MAEjB,GAAIU,IAAuB,YAAa,CACzCgB,EAAWjC,EAAOM,S,CAGtB,IAAI4B,EACJ,GAAIvB,IAAS,aAAeM,IAAuB,YAAa,CAC5DiB,EAAcC,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,uBAAwB,cAAe,OAAQC,UAAWC,G,MAE3I,GAAI5B,IAAS,YAAcM,IAAuB,WAAY,CAC/DiB,EAAcC,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,yBAA0B,cAAe,OAAQC,UAAWE,G,CAGlJ,MAAMC,EAAeN,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChF,CAAC,QAAS,KACV,CAAC,aAActC,EACf,CAAC,gBAAgBkB,OAAyBA,EAC1C,CAAC,YAAaN,IAAS,YAAcM,IAAuB,aAC3DkB,EAAE,uBAAwB,CAAEC,IAAK,2CAA4CC,MAAO,CACrF,kCAAmC,KACnC,eAAgB1B,IAAS,YAAcM,IAAuB,YAC/D,cAAe,OAAQyB,KAAM,QAAS,cAAenB,EAASF,SAAUA,IAAac,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBT,EAAW9B,KAAK+B,GAAI,WAAcM,EAAE,OAAQ,CAAEQ,KAAM,YAAiBR,EAAE,gBAAiB,CAAEtB,QAAS,KAAMwB,MAAO,WAAanB,GAAWiB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,aAAeF,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CvB,QAAS,UAAWwB,MAAO,YAAc,GAAGd,KAAWvB,EAAOI,MAAMe,IAAegB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,mBAAqB,IAAIrC,EAAOG,WAAYL,KAAK0B,YACrpBb,IAAS,aACTA,IAAS,YACRb,KAAKe,UAAY,aACZI,GACFA,IAAuB,YACzBK,IAAYa,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,eAAiBH,IAAeU,WAAaV,GAAaV,GAAcS,IAAcE,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CvB,QAAS,WAAaW,IAAe,MAAQG,EAAcH,GACtSA,EACAb,IAAS,YACNE,IAAY,WACTI,IAAuB,YAC3BN,IAAS,aACRE,IAAY,WACTI,IAAuB,YACzBgB,EACAX,GAAUQ,KAAiBzB,EAAY8B,EAAE,gBAAiB,CAAEtB,QAAS,iBAAkBwB,MAAO,aAAerC,EAAOK,UAAcsB,EAAcP,IAAqBe,EAAE,gBAAiB,CAAEtB,QAAS,iBAAkBwB,MAAO,aAAerC,EAAOC,KAAMkC,EAAE,OAAQ,CAAEE,MAAO,mBAAqB,IAAKrC,EAAOE,MAAO,IAAK,IAAKJ,KAAKsB,mBAE5U,IAAIyB,EACJ,GAAIlC,IAAS,YAAa,CACtBkC,EAAQV,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CvB,QAAS,kBAAoBsB,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,kBAAmB,cAAe,QAAUvC,KAAKyB,S,KAE/N,CACDsB,EAAQV,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,kBAAmB,cAAe,QAAUF,EAAE,OAAQ,CAAEC,IAAK,2CAA4CC,MAAO,aAAcC,UAAWC,I,CAGxN,MAAMO,EAAanC,IAAS,WAAcwB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,uBAC7G,MAAMU,GAAa1C,GAAa8B,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAC3F,CAAC,gBAAiB,KAClB,CAAC,2BAA4BtB,EAAKjB,KAAK+B,GAAGmB,iBAAmB,MAAQjC,SAAY,OAAS,EAAIA,EAAGkC,UAAUC,SAAS,yBAC/GpD,KAAK+B,GAAGmB,cAAcC,UAAUC,SAAS,8BAC7CJ,GAET,MAAMK,EAAehB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,CAChF,CAAC,QAAS,KACV,CAAC,GAAG1B,KAAS,OACZwB,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,YAAcF,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,aAAeQ,GAAOE,IAAarB,GAAcF,GAAcF,IAAYa,EAAE,MAAO,CAAEC,IAAK,2CAA4CC,MAAO,gBAAkBT,EAAW9B,KAAK+B,GAAI,WAAcM,EAAE,OAAQ,CAAEQ,KAAM,YAAiBR,EAAE,gBAAiB,CAAEtB,QAAS,iBAAkBwB,MAAO,WAAanB,GAAWQ,IAAeF,GAAcF,IAAYa,EAAE,gBAAiB,CAAEC,IAAK,2CAA4CvB,QAAS,UAAWwB,MAAO,cAAgBb,IAAe,MAAQG,EAAcH,GAC1oBA,EACAM,KACN,OAAQK,EAAEiB,EAAM,CAAEhB,IAAK,2CAA4CiB,KAAM,WAAY,aAAc,GAAGrD,EAAOE,QAAQqB,IAAUE,IAAa,gBAAiB1B,GAAWY,IAAS,YAAc,OAAQ0B,MAAO,CACtM,CAAC,2BAA4BrB,EAAKlB,KAAK+B,GAAGmB,iBAAmB,MAAQhC,SAAY,OAAS,EAAIA,EAAGiC,UAAUC,SAAS,yBAC/GpD,KAAK+B,GAAGmB,cAAcC,UAAUC,SAAS,4BAC9C,CAAC,WAAWrC,KAAY,KACxB,CAAC,YAAYH,KAAUZ,KAAKY,QAAU,YACrCG,IAAY,UAAY4B,EAAcU,E","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as o,g as s}from"./p-8e4e97b4.js";import{m as n,e as a}from"./p-e4ef4263.js";import{c as r}from"./p-aae38bee.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0;display:flex;flex-direction:column}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.ic-popover-menu-open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.ic-popover-menu-open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const c=l;const h="div.menu-body";const d=class{constructor(i){e(this,i);this.icPopoverClosed=t(this,"icPopoverClosed",7);this.ARIA_LABEL="aria-label";this.popoverMenuEls=[];this.openingFromChild=false;this.openingFromParent=false;this.popperProps={};this.fixedPositioning=false;this.submenuLevel=1;this.theme="inherit";this.open=undefined;this.setButtonFocus=()=>{var e;(e=this.popoverMenuEls[this.currentFocus])===null||e===void 0?void 0:e.focus()};this.findAnchorEl=e=>{let t=null;if(!e){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{t=document.querySelector(e.indexOf("#")===0?e:"#"+e);if(t===null){console.error(`Popover anchor element '${e}' not found`)}}return t};this.isNotPopoverMenuEl=e=>{const{id:t,tagName:i}=e.target;return t!==this.anchor&&i!=="IC-MENU-ITEM"&&i!=="IC-MENU-GROUP"&&i!=="IC-POPOVER-MENU"};this.getNextItemToSelect=(e,t)=>{const i=this.popoverMenuEls.length-1;if(e<1){e=0}let o=t?e+1:e-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=e=>{var t;for(let i=0;i<e.length;i++){const o=e[i];if(o.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(o)}else if(o.tagName==="IC-MENU-GROUP"){const e=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector(".menu-items-wrapper");if(e){const t=n(e);t&&this.addMenuItems(t)}}}};this.getMenuAriaLabel=()=>{const e=this.el.getAttribute(this.ARIA_LABEL);if(a(this.submenuId)){return`${e}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return e}};this.handleBackButtonClick=()=>{var e;(e=this.parentPopover)===null||e===void 0?void 0:e.openFromChild();this.open=false};this.initPopperJS=()=>{if(this.anchorEl){this.popperInstance=r(this.anchorEl,this.el,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]},this.popperProps))}}}watchOpenHandler(){var e;const t=(e=this.el.parentElement)===null||e===void 0?void 0:e.querySelectorAll(`ic-popover-menu`);if(this.open){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((e=>e.id))){this.backButton&&this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=0;setTimeout(this.setButtonFocus,50)}else if(this.popperInstance){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}this.popperInstance.destroy();this.popperInstance=null}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}componentDidLoad(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(h);if(t){const e=n(t);if(e!==null){this.addMenuItems(e)}}if(this.submenuId===undefined&&this.el.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}this.watchOpenHandler()}componentWillRender(){this.anchorEl=this.findAnchorEl(this.anchor)}componentDidRender(){if(this.open&&!this.popperInstance){this.initPopperJS()}}handleMenuItemClick(e){if(!e.detail.submenuTriggerFor&&e.detail.label!=="Back"){this.closeMenu(false,e.detail)}}handleSubmenuChange(e){const t=e.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${t.submenuTriggerFor}]`);i.parentPopover=this.el;i.anchor=this.anchor;i.ariaLabel=this.el.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=t.label}handleClick(e){if(this.open&&this.isNotPopoverMenuEl(e)){this.closeMenu()}}handleKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,e.key==="ArrowDown");this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":e.preventDefault();if(this.open){this.closeMenu(true);this.el.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}async closeMenu(e=false,t){var i;this.open=false;if(this.parentPopover){this.parentPopover.closeMenu(e,t)}else{if(e){(i=this.anchorEl)===null||i===void 0?void 0:i.focus()}this.icPopoverClosed.emit(t)}}async setExternalPopperProps(e){this.popperProps=e}render(){return i(o,{key:"4d5467e45b173b365eba3fe507480bc87a0001f7",class:{["ic-popover-menu-open"]:!!this.open,[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("div",{key:"96ffeae7beede0b8a48e96dcbb262a5092974fd0",id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true}},i("span",{key:"84b9c30b0377109233bb0135c68acd6419b1aa55",class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},a(this.submenuId)&&i("span",{key:"cd6eaf24a7e6ea400614da471083aaa75f164b98"},i("span",{key:"b7be64cdfaf3a94fcd36f3ea0e5c6bf475418268",role:"menu"},i("ic-menu-item",{key:"9868fd30a311aadfe9663ce8617c620940760549",class:"ic-popover-submenu-back-button",ref:e=>this.backButton=e,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},i("svg",{key:"5655f052a203d6b0d0c5c2182ec6339741691311",slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},i("path",{key:"b804bfa5d3cbfcf37322e19d5978875088e85d97",d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"})))),i("ic-typography",{key:"3cd5e496d8af145ebb77fe49f4637826dbf4c2ff",variant:"subtitle-small",class:"parent-label"},this.parentLabel)),i("div",{key:"6249765618e71a536ed2ea67bc9ef31ba24cf7ff",class:"menu-body","aria-label":this.getMenuAriaLabel(),role:"menu"},i("slot",{key:"c175948ff00694bad8419f4738bc82a469c2b53a"})))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{open:["watchOpenHandler"]}}};d.style=c;export{d as ic_popover_menu};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as t,h as i,H as o,g as s}from"./p-8e4e97b4.js";import{m as n,e as a}from"./p-e519f607.js";import{c as r}from"./p-aae38bee.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0;display:flex;flex-direction:column}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.ic-popover-menu-open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.ic-popover-menu-open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const c=l;const h="div.menu-body";const d=class{constructor(i){e(this,i);this.icPopoverClosed=t(this,"icPopoverClosed",7);this.ARIA_LABEL="aria-label";this.popoverMenuEls=[];this.openingFromChild=false;this.openingFromParent=false;this.popperProps={};this.fixedPositioning=false;this.submenuLevel=1;this.theme="inherit";this.open=undefined;this.setButtonFocus=()=>{var e;(e=this.popoverMenuEls[this.currentFocus])===null||e===void 0?void 0:e.focus()};this.findAnchorEl=e=>{let t=null;if(!e){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{t=document.querySelector(e.indexOf("#")===0?e:"#"+e);if(t===null){console.error(`Popover anchor element '${e}' not found`)}}return t};this.isNotPopoverMenuEl=e=>{const{id:t,tagName:i}=e.target;return t!==this.anchor&&i!=="IC-MENU-ITEM"&&i!=="IC-MENU-GROUP"&&i!=="IC-POPOVER-MENU"};this.getNextItemToSelect=(e,t)=>{const i=this.popoverMenuEls.length-1;if(e<1){e=0}let o=t?e+1:e-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=e=>{var t;for(let i=0;i<e.length;i++){const o=e[i];if(o.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(o)}else if(o.tagName==="IC-MENU-GROUP"){const e=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector(".menu-items-wrapper");if(e){const t=n(e);t&&this.addMenuItems(t)}}}};this.getMenuAriaLabel=()=>{const e=this.el.getAttribute(this.ARIA_LABEL);if(a(this.submenuId)){return`${e}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return e}};this.handleBackButtonClick=()=>{var e;(e=this.parentPopover)===null||e===void 0?void 0:e.openFromChild();this.open=false};this.initPopperJS=()=>{if(this.anchorEl){this.popperInstance=r(this.anchorEl,this.el,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]},this.popperProps))}}}watchOpenHandler(){var e;const t=(e=this.el.parentElement)===null||e===void 0?void 0:e.querySelectorAll(`ic-popover-menu`);if(this.open){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((e=>e.id))){this.backButton&&this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=0;setTimeout(this.setButtonFocus,50)}else if(this.popperInstance){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}this.popperInstance.destroy();this.popperInstance=null}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}componentDidLoad(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(h);if(t){const e=n(t);if(e!==null){this.addMenuItems(e)}}if(this.submenuId===undefined&&this.el.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}this.watchOpenHandler()}componentWillRender(){this.anchorEl=this.findAnchorEl(this.anchor)}componentDidRender(){if(this.open&&!this.popperInstance){this.initPopperJS()}}handleMenuItemClick(e){if(!e.detail.submenuTriggerFor&&e.detail.label!=="Back"){this.closeMenu(false,e.detail)}}handleSubmenuChange(e){const t=e.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${t.submenuTriggerFor}]`);i.parentPopover=this.el;i.anchor=this.anchor;i.ariaLabel=this.el.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=t.label}handleClick(e){if(this.open&&this.isNotPopoverMenuEl(e)){this.closeMenu()}}handleKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,e.key==="ArrowDown");this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":e.preventDefault();if(this.open){this.closeMenu(true);this.el.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}async closeMenu(e=false,t){var i;this.open=false;if(this.parentPopover){this.parentPopover.closeMenu(e,t)}else{if(e){(i=this.anchorEl)===null||i===void 0?void 0:i.focus()}this.icPopoverClosed.emit(t)}}async setExternalPopperProps(e){this.popperProps=e}render(){return i(o,{key:"4d5467e45b173b365eba3fe507480bc87a0001f7",class:{["ic-popover-menu-open"]:!!this.open,[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("div",{key:"96ffeae7beede0b8a48e96dcbb262a5092974fd0",id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true}},i("span",{key:"84b9c30b0377109233bb0135c68acd6419b1aa55",class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},a(this.submenuId)&&i("span",{key:"cd6eaf24a7e6ea400614da471083aaa75f164b98"},i("span",{key:"b7be64cdfaf3a94fcd36f3ea0e5c6bf475418268",role:"menu"},i("ic-menu-item",{key:"9868fd30a311aadfe9663ce8617c620940760549",class:"ic-popover-submenu-back-button",ref:e=>this.backButton=e,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},i("svg",{key:"5655f052a203d6b0d0c5c2182ec6339741691311",slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},i("path",{key:"b804bfa5d3cbfcf37322e19d5978875088e85d97",d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"})))),i("ic-typography",{key:"3cd5e496d8af145ebb77fe49f4637826dbf4c2ff",variant:"subtitle-small",class:"parent-label"},this.parentLabel)),i("div",{key:"6249765618e71a536ed2ea67bc9ef31ba24cf7ff",class:"menu-body","aria-label":this.getMenuAriaLabel(),role:"menu"},i("slot",{key:"c175948ff00694bad8419f4738bc82a469c2b53a"})))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{open:["watchOpenHandler"]}}};d.style=c;export{d as ic_popover_menu};
|
|
2
|
+
//# sourceMappingURL=p-c0a7eed7.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,c as o,h as c,H as a,g as t}from"./p-8e4e97b4.js";import{r,y as d,i as n,z as e,o as s,s as p,e as l}from"./p-e4ef4263.js";const h='html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-radio-option{margin:0}main.sc-ic-radio-option{display:block}h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}a.sc-ic-radio-option{background-color:transparent}abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}small.sc-ic-radio-option{font-size:80%}sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-radio-option{bottom:-0.25em}sup.sc-ic-radio-option{top:-0.5em}img.sc-ic-radio-option{border-style:none}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.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}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.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.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.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-radio-option{vertical-align:baseline}textarea.sc-ic-radio-option{overflow:auto}[type="checkbox"].sc-ic-radio-option,[type="radio"].sc-ic-radio-option{box-sizing:border-box;padding:0}[type="number"].sc-ic-radio-option::-webkit-inner-spin-button,[type="number"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-radio-option{display:block}summary.sc-ic-radio-option{display:list-item}template.sc-ic-radio-option{display:none}[hidden].sc-ic-radio-option{display:none}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}.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.sc-ic-radio-option-h .additional-field-wrapper-static.sc-ic-radio-option-s>[slot="additional-field"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}.ic-radio-option-disabled.sc-ic-radio-option-h,.ic-radio-option-disabled.sc-ic-radio-option-h .radio-label.sc-ic-radio-option{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option{margin:0 0 0 var(--ic-space-xxs)}.sc-ic-radio-option-h .radio-option-container.disabled.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option{height:var(--ic-space-md);width:var(--ic-space-md)}.sc-ic-radio-option-h .checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.ic-radio-option-small.sc-ic-radio-option-h .checkmark.sc-ic-radio-option{height:var(--ic-space-md);width:var(--ic-space-md)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover:not(.disabled) input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-radio-button-default-hover)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-width:var(--ic-space-1px)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-radio-button-default-pressed)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-radio-button-default-active)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-radio-button-border-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-radio-button-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{box-shadow:none;border:0.125rem solid none}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-radio-button-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{top:50%;left:50%;width:0.625rem;height:0.625rem;border-radius:50%;background:var(--ic-radio-button-default-active);transform:translate(-50%, -50%)}.sc-ic-radio-option-h .radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.ic-radio-option-small.sc-ic-radio-option-h .radio-label.sc-ic-radio-option{margin-left:var(--ic-space-xs)}.sc-ic-radio-option-h .additional-field-wrapper-static.sc-ic-radio-option{margin-left:var(--ic-space-xs)}.sc-ic-radio-option-h .branch-corner.sc-ic-radio-option{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.sc-ic-radio-option-h .dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.ic-radio-option-small.sc-ic-radio-option-h .dynamic-container.sc-ic-radio-option{margin-left:12px}.sc-ic-radio-option-h .dynamic-container.hidden.sc-ic-radio-option{display:none}.sc-ic-radio-option-h .dynamic-text.sc-ic-radio-option{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){.sc-ic-radio-option-h .additional-field-wrapper-dynamic.sc-ic-radio-option-s>ic-text-field,.sc-ic-radio-option-h .additional-field-wrapper-static.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}.sc-ic-radio-option-h input[type="radio"].sc-ic-radio-option:dir(rtl){right:0}.sc-ic-radio-option-h .radio-label.sc-ic-radio-option:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.sc-ic-radio-option-h .branch-corner.sc-ic-radio-option:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.sc-ic-radio-option-h .dynamic-container.sc-ic-radio-option:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}';const b=h;const u="additional-field";const m=class{constructor(c){i(this,c);this.icCheck=o(this,"icCheck",7);this.icSelectedChange=o(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.theme="inherit";this.selected=false;this.initiallySelected=this.selected;this.handleClick=i=>{var o,c;const a=i.target.matches(".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)");if(!this.disabled&&(!a||i.target===this.radioElement)){i.stopPropagation();if(this.skipFocus===false){(o=this.radioElement)===null||o===void 0?void 0:o.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=((c=this.getAdditionalField())===null||c===void 0?void 0:c.value)||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.handleKeyDown=i=>{const o=["IC-DATE-INPUT","IC-DATE-PICKER"];if(this.getAdditionalField()==document.activeElement&&o.includes(this.getAdditionalField().nodeName)){i.stopPropagation()}};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected}}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){this.icSelectedChange.emit()}handleCheck(i){if(this.additionalFieldDisplay==="static"&&Array.from(this.el.querySelectorAll("ic-radio-option")).includes(i.target))this.icCheck.emit({value:this.value})}disconnectedCallback(){d(this.el,this.handleFormReset)}componentWillLoad(){if(n(this.el,u)){this.hasAdditionalField=true;this.getAdditionalField()}this.defaultRadioValue=this.value;e(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){s([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const i=p(this.el,u);if(i&&!this.hasAdditionalField){this.hasAdditionalField=true;this.getAdditionalField()}else if(!i&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const i=this.getAdditionalField();if(!this.selected||this.disabled){i===null||i===void 0?void 0:i.setAttribute("disabled","")}else{i===null||i===void 0?void 0:i.removeAttribute("disabled")}}}additionalFieldValueHandler(i){if(this.selected){this.value=i.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}i.stopImmediatePropagation()}async setFocus(){var i;(i=this.radioElement)===null||i===void 0?void 0:i.focus()}async setTabIndex(i){var o;(o=this.radioElement)===null||o===void 0?void 0:o.setAttribute("tabIndex",i.toString())}getAdditionalField(){const i=this.el.querySelector('ic-text-field[slot="additional-field"]');if(i)i.hiddenInput=false;return i}render(){var i,o;const{additionalFieldDisplay:t,disabled:r,dynamicText:d,form:n,groupLabel:e,handleClick:s,handleKeyDown:p,hasAdditionalField:h,label:b,name:m,selected:f,value:v,theme:k}=this;const g=`ic-radio-option-${l(b)||v}-${e}`;return c(a,{key:"0a7177993a68c85ed54198b8ee213811aa2e130a",onClick:s,onKeyDown:p,class:{["ic-radio-option-disabled"]:!!r,[`ic-theme-${k}`]:k!=="inherit",["ic-radio-option-small"]:((i=this.el.parentElement)===null||i===void 0?void 0:i.tagName)==="IC-RADIO-GROUP"&&((o=this.el.parentElement)===null||o===void 0?void 0:o.className.includes("ic-radio-group-small"))}},c("div",{key:"64bac9a6440919352131dc732648034a90d7e92e",class:{"radio-option-container":true,disabled:!!r}},c("div",{key:"419dc17817ca4c9945025268e0e00de83db01790"},c("input",{key:"0885bab10d42cd69eda2e0d78702c6c2afcff615",tabindex:f?"0":"-1",type:"radio",name:m,id:g,value:v,disabled:r,checked:f,ref:i=>this.radioElement=i,form:n}),c("span",{key:"df142dc79e23d240abd15f5088d703b6d388456b",class:"checkmark"})),c("ic-typography",{key:"4d5a779bbef4ccb65fbe7ebf6b3aeceafb9227e0",class:"radio-label",variant:"body"},c("label",{key:"6d2778eb36c462f3c7fa25ed9ae5d8733b0fcb20",htmlFor:g},b))),h&&c("div",{key:"9772fd4d064854c3db492f430b90098eccd13701",class:{"dynamic-container":true,hidden:t==="dynamic"&&!f}},t==="dynamic"&&c("div",{key:"a237b8043bf912d5fb1be67014ae0bde41c5a2a4",class:"branch-corner"}),c("div",{key:"70524014fa4d75197460d321f47824ab20503806"},t==="dynamic"&&c("ic-typography",{key:"2f652884ff6ac334fd6cb688e52d05d0bdabf3de",variant:"caption",role:"alert"},c("p",{key:"36cc2915b063c8d85e61dd18a3c384460b996d4f",class:"dynamic-text"},d)),c("div",{key:"d8386ddb6c70fd7893544d3c6d1720b349bb378b",class:{[`additional-field-wrapper-${t}`]:true}},c("slot",{key:"f9b72315938873b57c52af87730ee72b24a413af",name:u})))))}get el(){return t(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};m.style=b;export{m as ic_radio_option};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,c as o,h as c,H as a,g as t}from"./p-8e4e97b4.js";import{r,y as d,i as n,z as e,o as s,s as p,e as l}from"./p-e519f607.js";const h='html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-radio-option{margin:0}main.sc-ic-radio-option{display:block}h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}a.sc-ic-radio-option{background-color:transparent}abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}small.sc-ic-radio-option{font-size:80%}sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-radio-option{bottom:-0.25em}sup.sc-ic-radio-option{top:-0.5em}img.sc-ic-radio-option{border-style:none}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.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}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.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.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.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-radio-option{vertical-align:baseline}textarea.sc-ic-radio-option{overflow:auto}[type="checkbox"].sc-ic-radio-option,[type="radio"].sc-ic-radio-option{box-sizing:border-box;padding:0}[type="number"].sc-ic-radio-option::-webkit-inner-spin-button,[type="number"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-radio-option{display:block}summary.sc-ic-radio-option{display:list-item}template.sc-ic-radio-option{display:none}[hidden].sc-ic-radio-option{display:none}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}.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.sc-ic-radio-option-h .additional-field-wrapper-static.sc-ic-radio-option-s>[slot="additional-field"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}.ic-radio-option-disabled.sc-ic-radio-option-h,.ic-radio-option-disabled.sc-ic-radio-option-h .radio-label.sc-ic-radio-option{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option{margin:0 0 0 var(--ic-space-xxs)}.sc-ic-radio-option-h .radio-option-container.disabled.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option{height:var(--ic-space-md);width:var(--ic-space-md)}.sc-ic-radio-option-h .checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.ic-radio-option-small.sc-ic-radio-option-h .checkmark.sc-ic-radio-option{height:var(--ic-space-md);width:var(--ic-space-md)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover:not(.disabled) input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-radio-button-default-hover)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-width:var(--ic-space-1px)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-radio-button-default-pressed)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-radio-button-default-active)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-radio-button-border-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-radio-button-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{box-shadow:none;border:0.125rem solid none}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-radio-button-disabled)}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.ic-radio-option-small.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option .checkmark.sc-ic-radio-option::after{top:50%;left:50%;width:0.625rem;height:0.625rem;border-radius:50%;background:var(--ic-radio-button-default-active);transform:translate(-50%, -50%)}.sc-ic-radio-option-h .radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.ic-radio-option-small.sc-ic-radio-option-h .radio-label.sc-ic-radio-option{margin-left:var(--ic-space-xs)}.sc-ic-radio-option-h .additional-field-wrapper-static.sc-ic-radio-option{margin-left:var(--ic-space-xs)}.sc-ic-radio-option-h .branch-corner.sc-ic-radio-option{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.sc-ic-radio-option-h .dynamic-container.sc-ic-radio-option{display:flex;position:relative;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.ic-radio-option-small.sc-ic-radio-option-h .dynamic-container.sc-ic-radio-option{margin-left:12px}.sc-ic-radio-option-h .dynamic-container.hidden.sc-ic-radio-option{display:none}.sc-ic-radio-option-h .dynamic-text.sc-ic-radio-option{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){.sc-ic-radio-option-h .additional-field-wrapper-dynamic.sc-ic-radio-option-s>ic-text-field,.sc-ic-radio-option-h .additional-field-wrapper-static.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.sc-ic-radio-option-h .radio-option-container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}.sc-ic-radio-option-h input[type="radio"].sc-ic-radio-option:dir(rtl){right:0}.sc-ic-radio-option-h .radio-label.sc-ic-radio-option:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.sc-ic-radio-option-h .branch-corner.sc-ic-radio-option:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.sc-ic-radio-option-h .dynamic-container.sc-ic-radio-option:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}';const b=h;const u="additional-field";const m=class{constructor(c){i(this,c);this.icCheck=o(this,"icCheck",7);this.icSelectedChange=o(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.theme="inherit";this.selected=false;this.initiallySelected=this.selected;this.handleClick=i=>{var o,c;const a=i.target.matches(".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)");if(!this.disabled&&(!a||i.target===this.radioElement)){i.stopPropagation();if(this.skipFocus===false){(o=this.radioElement)===null||o===void 0?void 0:o.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=((c=this.getAdditionalField())===null||c===void 0?void 0:c.value)||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.handleKeyDown=i=>{const o=["IC-DATE-INPUT","IC-DATE-PICKER"];if(this.getAdditionalField()==document.activeElement&&o.includes(this.getAdditionalField().nodeName)){i.stopPropagation()}};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected}}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){this.icSelectedChange.emit()}handleCheck(i){if(this.additionalFieldDisplay==="static"&&Array.from(this.el.querySelectorAll("ic-radio-option")).includes(i.target))this.icCheck.emit({value:this.value})}disconnectedCallback(){d(this.el,this.handleFormReset)}componentWillLoad(){if(n(this.el,u)){this.hasAdditionalField=true;this.getAdditionalField()}this.defaultRadioValue=this.value;e(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){s([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const i=p(this.el,u);if(i&&!this.hasAdditionalField){this.hasAdditionalField=true;this.getAdditionalField()}else if(!i&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const i=this.getAdditionalField();if(!this.selected||this.disabled){i===null||i===void 0?void 0:i.setAttribute("disabled","")}else{i===null||i===void 0?void 0:i.removeAttribute("disabled")}}}additionalFieldValueHandler(i){if(this.selected){this.value=i.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}i.stopImmediatePropagation()}async setFocus(){var i;(i=this.radioElement)===null||i===void 0?void 0:i.focus()}async setTabIndex(i){var o;(o=this.radioElement)===null||o===void 0?void 0:o.setAttribute("tabIndex",i.toString())}getAdditionalField(){const i=this.el.querySelector('ic-text-field[slot="additional-field"]');if(i)i.hiddenInput=false;return i}render(){var i,o;const{additionalFieldDisplay:t,disabled:r,dynamicText:d,form:n,groupLabel:e,handleClick:s,handleKeyDown:p,hasAdditionalField:h,label:b,name:m,selected:f,value:v,theme:k}=this;const g=`ic-radio-option-${l(b)||v}-${e}`;return c(a,{key:"0a7177993a68c85ed54198b8ee213811aa2e130a",onClick:s,onKeyDown:p,class:{["ic-radio-option-disabled"]:!!r,[`ic-theme-${k}`]:k!=="inherit",["ic-radio-option-small"]:((i=this.el.parentElement)===null||i===void 0?void 0:i.tagName)==="IC-RADIO-GROUP"&&((o=this.el.parentElement)===null||o===void 0?void 0:o.className.includes("ic-radio-group-small"))}},c("div",{key:"64bac9a6440919352131dc732648034a90d7e92e",class:{"radio-option-container":true,disabled:!!r}},c("div",{key:"419dc17817ca4c9945025268e0e00de83db01790"},c("input",{key:"0885bab10d42cd69eda2e0d78702c6c2afcff615",tabindex:f?"0":"-1",type:"radio",name:m,id:g,value:v,disabled:r,checked:f,ref:i=>this.radioElement=i,form:n}),c("span",{key:"df142dc79e23d240abd15f5088d703b6d388456b",class:"checkmark"})),c("ic-typography",{key:"4d5a779bbef4ccb65fbe7ebf6b3aeceafb9227e0",class:"radio-label",variant:"body"},c("label",{key:"6d2778eb36c462f3c7fa25ed9ae5d8733b0fcb20",htmlFor:g},b))),h&&c("div",{key:"9772fd4d064854c3db492f430b90098eccd13701",class:{"dynamic-container":true,hidden:t==="dynamic"&&!f}},t==="dynamic"&&c("div",{key:"a237b8043bf912d5fb1be67014ae0bde41c5a2a4",class:"branch-corner"}),c("div",{key:"70524014fa4d75197460d321f47824ab20503806"},t==="dynamic"&&c("ic-typography",{key:"2f652884ff6ac334fd6cb688e52d05d0bdabf3de",variant:"caption",role:"alert"},c("p",{key:"36cc2915b063c8d85e61dd18a3c384460b996d4f",class:"dynamic-text"},d)),c("div",{key:"d8386ddb6c70fd7893544d3c6d1720b349bb378b",class:{[`additional-field-wrapper-${t}`]:true}},c("slot",{key:"f9b72315938873b57c52af87730ee72b24a413af",name:u})))))}get el(){return t(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};m.style=b;export{m as ic_radio_option};
|
|
2
|
+
//# sourceMappingURL=p-c0b227d2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-ea1ea1b9.js";import{v as r,t as l,j as a,I as c}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-ea1ea1b9.js";import{v as r,t as l,j as a,I as c}from"./p-e519f607.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}:host(.footer-link) .ic-link-open-in-new-icon>svg{fill:var(--ic-footer-icon) !important}@media (forced-colors: active){:host(.ic-link) .ic-link-open-in-new-icon>svg{fill:currentcolor !important}}';const h=d;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&r.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}};this.setDownloadAttribute=i=>{if(typeof i==="boolean"){return i?"":undefined}else{return i==="true"?"":i==="false"?undefined:i}}}componentWillLoad(){this.inheritedAttributes=l(this.el,r);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=a(this.el,i);if(t!==c.Default){this.monochrome=true;this.theme=t===c.Light?c.Dark:c.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:a,monochrome:c,theme:d}=this;return e(o,{key:"1d3ba1effcfab3255ea567c475e2252bd17de507",class:{["ic-link"]:true,[`ic-theme-${d}`]:d!=="inherit",["ic-link-monochrome"]:!!c}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:!!t},download:this.setDownloadAttribute(i),href:t,hrefLang:n,referrerPolicy:r,rel:l,target:a,tabindex:t?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),a==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};m.style=h;export{m as ic_link};
|
|
2
|
+
//# sourceMappingURL=p-c4b2774d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as n,h as e,H as t,g as i}from"./p-8e4e97b4.js";import{r as a,i as o,o as r,a as c,j as d,I as s}from"./p-e4ef4263.js";import{C as l}from"./p-170ddfc2.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\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 {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n\n &.fullwidth {\n width: 100%;\n }\n\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n margin-bottom: var(--ic-space-xxs);\n }\n\n .interaction-button,\n .icon {\n margin-bottom: var(--ic-space-xxs);\n }\n }\n\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: 0 !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0.25rem !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n';const f=b;const h=class{constructor(e){n(this,e);this.hostMutationObserver=null;this.areaExpanded=false;this.isFocussed=false;this.monochrome=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.expandable=false;this.fullWidth=false;this.hreflang="";this.message="";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.toggleExpanded=()=>{this.areaExpanded=!this.areaExpanded}}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){var n;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){var n;this.parentEl=this.el.parentElement;if(((n=this.parentEl)===null||n===void 0?void 0:n.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}a(this.disabled,this.el)}componentDidLoad(){!o(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((n=>c(n,["message","adornment","expanded-content","image-top","image-mid","icon","interaction-button","badge","interaction-controls"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(n){if(this.disabled){n.stopImmediatePropagation()}}brandChangeHandler(n){this.updateTheme(n.detail.mode)}async setFocus(){var n,e;const t=this.el.shadowRoot;if(t){if(t.querySelector("a")){(n=t.querySelector("a"))===null||n===void 0?void 0:n.focus()}else if(t.querySelector("button")){(e=t.querySelector("button"))===null||e===void 0?void 0:e.focus()}}}updateTheme(n=null){const e=d(this.el,n);if(e!==s.Default){this.monochrome=true;this.theme=e===s.Light?s.Dark:s.Light}}render(){const{clickable:n,disabled:i,expandable:a,fullWidth:r,heading:c,isFocussed:d,message:s,monochrome:b,href:f,hreflang:h,parentIsAnchorTag:m,referrerpolicy:p,rel:g,subheading:u,target:v,theme:y}=this;const x=m||!n?"div":f===undefined?"button":"a";const k=x=="a"&&{href:f,hrefLang:h,referrerPolicy:p,rel:g,target:v};return e(t,{key:"aeff3ef22b085acbf30dacb5d3ae0167451044b9",class:{[`ic-theme-${y}`]:y!=="inherit"}},e(x,Object.assign({key:"a451e5f53149283ee77878ccc3e699beae669f24",class:{card:true,clickable:!!n&&!i,disabled:!!i,fullwidth:!!r,focussed:d,monochrome:b},tabindex:n&&!m?0:undefined,"aria-disabled":i?"true":null,disabled:i},k),o(this.el,"image-top")&&e("div",{key:"2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc",class:"image-top"},e("slot",{key:"c859ae1e242284b586df2ce7627c316021b8ef54",name:"image-top"})),e("div",{key:"55f21501b3d95e1f5bf3a69542dab57d00379e63",class:"card-header"},o(this.el,"icon")&&e("div",{key:"f95e7224d6e8548f33a8861025a1651a3bc953a4",class:"icon"},e("slot",{key:"1102f6f88e830613365cb0bfe3e5c4481b3a207e",name:"icon"})),e("div",{key:"3122872ef284640debbf7182d36f9cd4c6032ae4",class:"card-title"},e("slot",{key:"f51213257b0ff6e195852ca006e9cba35103f210",name:"heading"},e("ic-typography",{key:"7d82fce416b7579ac23e2154ef512bd8f3181bc3",variant:"h4"},e("p",{key:"ad083279b8f012f16d67c182c37bcc6383710ba5"},c)))),o(this.el,"interaction-button")&&e("div",{key:"bb47af0b373f295cb1bcd1b72df6c325e257c2ed",class:"interaction-button"},e("slot",{key:"fd0fc056e51febf6d9abe76d7ffb0773836e52d3",name:"interaction-button"}))),(u||o(this.el,"subheading"))&&e("div",{key:"32851c6c59b9ee76aa490210f5888fe410067ca3",class:"subheading"},e("slot",{key:"5757fd2fd2618f03fee208b855384c29861cadc6",name:"subheading"},e("ic-typography",{key:"1f206ca1eaf0bcd5693abf3fc3f97303582a5deb",variant:"subtitle-small"},u))),o(this.el,"adornment")&&e("div",{key:"ceef939617ce12be984f15673e9ef4e71110234c",class:"adornment"},e("slot",{key:"127e2dfa77b74a19070e90361d26fe1358539ca2",name:"adornment"})),o(this.el,"image-mid")&&e("div",{key:"0cbc0b6a9638969db6fabcde40ad46044afc4b88",class:"image-mid"},e("slot",{key:"3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1",name:"image-mid"})),(s||o(this.el,"message"))&&e("div",{key:"9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7",class:"card-message"},s&&e("ic-typography",{key:"4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b",variant:"body"},s),o(this.el,"message")&&e("slot",{key:"959e101cc933319cf297d0f0ebbd46299a24cbd5",name:"message"})),(o(this.el,"interaction-controls")||a)&&e("div",{key:"c4263a3d5f8e22f31cf0e55a868dbf0f52b00692",class:"interaction-area"},e("div",{key:"bd5e1d3ff137004ff5c696f611dae1bfefd26e1a",class:"interaction-controls"},e("slot",{key:"5985495f8f12c825aafcab517d3add5f9741d460",name:"interaction-controls"})),a&&e("ic-tooltip",{key:"e3b12f780303019b7f95ce5a98d7b7194c242c9a",id:"ic-tooltip-expand-button",label:"Toggle expandable area",silent:true},e("button",{key:"9857a37a37571bd21f500527149ed8bc3806c4f4",class:{"toggle-button":true,[`toggle-button-${this.areaExpanded?"expanded":"closed"}`]:true},"aria-label":"Toggle expandable area","aria-expanded":`${this.areaExpanded}`,"aria-controls":this.areaExpanded?"expanded-content-area":null,onClick:this.toggleExpanded,innerHTML:l}))),o(this.el,"expanded-content")&&this.areaExpanded&&e("div",{key:"080d0198d37d939cfc506abc5933caac7eaa383d",class:"expanded-content",id:"expanded-content-area"},e("slot",{key:"6c9b5dd6bfa46d466034255231047b2682e19f96",name:"expanded-content"})),o(this.el,"badge")&&e("slot",{key:"1f68304dd15e605320258bf8d14d2df3b0caf344",name:"badge"})))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};h.style=f;export{h as ic_card_vertical};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as n,h as e,H as t,g as i}from"./p-8e4e97b4.js";import{r as a,i as o,o as r,a as c,j as d,I as s}from"./p-e519f607.js";import{C as l}from"./p-170ddfc2.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type="checkbox"],\n[type="radio"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type="search"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type="search"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\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 {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: flex;\n}\n\na {\n text-decoration: none !important;\n color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n border: none;\n background-color: transparent;\n outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n display: flex;\n flex-direction: column;\n border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n border-radius: var(--ic-border-radius);\n box-sizing: border-box;\n padding: var(--ic-space-md);\n text-align: left;\n color: var(--ic-card-text-primary);\n transition: var(--ic-easing-transition-fast);\n position: relative;\n width: inherit;\n min-width: -moz-fit-content;\n min-width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n min-height: 100%;\n\n ::slotted(svg) {\n fill: var(--ic-card-icon);\n }\n\n &.monochrome {\n border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n }\n\n &.fullwidth {\n width: 100%;\n }\n\n &.clickable {\n &:hover {\n background-color: var(--ic-card-background-hover);\n border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n cursor: pointer;\n }\n\n &.focussed,\n &:focus {\n background-color: var(--ic-card-background-hover);\n box-shadow: var(--ic-border-focus);\n outline: var(--ic-hc-focus-outline);\n border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n }\n\n &:active {\n background-color: var(--ic-card-background-pressed);\n box-shadow: var(--ic-border-focus);\n\n .card-title {\n text-decoration: none;\n }\n }\n\n .card-title {\n --ic-typography-color: var(--ic-card-clickable-text);\n\n color: var(--ic-card-clickable-text);\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n margin-bottom: var(--ic-space-xxs);\n }\n\n .interaction-button,\n .icon {\n margin-bottom: var(--ic-space-xxs);\n }\n }\n\n &.disabled {\n border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n .card-message,\n .subheading,\n .card-title {\n --ic-typography-color: var(--ic-card-disabled-text);\n }\n\n .card-title {\n text-decoration: underline;\n text-decoration-thickness: var(--ic-space-1px);\n text-decoration-color: var(--ic-card-disabled-text);\n color: var(--ic-card-disabled-text);\n }\n\n ::slotted(svg) {\n fill: var(--ic-card-icon-disabled);\n }\n }\n}\n\n.card-header {\n display: flex;\n align-items: center;\n}\n\n.icon {\n display: flex;\n align-items: center;\n padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n display: inline-block;\n border-bottom: 0.25rem solid !important;\n margin-bottom: 0 !important;\n text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n .card.clickable:hover .card-title,\n .card.clickable:focus .card-title,\n .card.clickable.focussed .card-title {\n text-decoration-line: underline;\n text-decoration-thickness: 25%;\n text-underline-offset: 25%;\n border-bottom: 0 !important;\n margin-bottom: 0.25rem !important;\n }\n}\n\n.subheading {\n margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n margin-top: var(--ic-space-md);\n align-items: left;\n}\n\n.interaction-button {\n margin-left: auto;\n}\n\n.image-top {\n margin-bottom: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.image-mid {\n margin-top: var(--ic-space-md);\n display: flex;\n justify-content: center;\n}\n\n.interaction-area {\n display: flex;\n flex-grow: 1;\n gap: var(--ic-space-md);\n margin-top: var(--ic-space-md);\n align-items: flex-end;\n}\n\n.interaction-controls {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n width: 2.5rem;\n height: 2.5rem;\n padding: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n min-width: 0;\n cursor: pointer;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n\n &:hover {\n background-color: var(--ic-card-background-hover);\n }\n\n &:focus {\n box-shadow: var(--ic-border-focus);\n }\n\n &:active:not(:focus) {\n background-color: var(--ic-card-background-pressed);\n }\n\n svg {\n pointer-events: none;\n width: 100% !important;\n height: 100% !important;\n fill: currentcolor !important;\n }\n}\n\n#ic-tooltip-expand-button {\n margin-left: auto;\n position: relative;\n}\n\n.toggle-button-closed svg {\n transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n transform: rotate(-90deg);\n}\n\n.expanded-content {\n margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .card {\n ::slotted(svg) {\n fill: currentcolor;\n }\n\n &.disabled {\n border-color: GrayText !important;\n\n ::slotted(svg) {\n fill: GrayText !important;\n }\n\n .card-message,\n .subheading,\n .card-title {\n color: GrayText;\n\n --ic-typography-color: GrayText;\n }\n }\n }\n\n .toggle-button:focus,\n .toggle-button:hover {\n outline-color: Highlight;\n }\n}\n';const f=b;const h=class{constructor(e){n(this,e);this.hostMutationObserver=null;this.areaExpanded=false;this.isFocussed=false;this.monochrome=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.expandable=false;this.fullWidth=false;this.hreflang="";this.message="";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.toggleExpanded=()=>{this.areaExpanded=!this.areaExpanded}}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){var n;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){var n;this.parentEl=this.el.parentElement;if(((n=this.parentEl)===null||n===void 0?void 0:n.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}a(this.disabled,this.el)}componentDidLoad(){!o(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((n=>c(n,["message","adornment","expanded-content","image-top","image-mid","icon","interaction-button","badge","interaction-controls"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(n){if(this.disabled){n.stopImmediatePropagation()}}brandChangeHandler(n){this.updateTheme(n.detail.mode)}async setFocus(){var n,e;const t=this.el.shadowRoot;if(t){if(t.querySelector("a")){(n=t.querySelector("a"))===null||n===void 0?void 0:n.focus()}else if(t.querySelector("button")){(e=t.querySelector("button"))===null||e===void 0?void 0:e.focus()}}}updateTheme(n=null){const e=d(this.el,n);if(e!==s.Default){this.monochrome=true;this.theme=e===s.Light?s.Dark:s.Light}}render(){const{clickable:n,disabled:i,expandable:a,fullWidth:r,heading:c,isFocussed:d,message:s,monochrome:b,href:f,hreflang:h,parentIsAnchorTag:m,referrerpolicy:p,rel:g,subheading:u,target:v,theme:y}=this;const x=m||!n?"div":f===undefined?"button":"a";const k=x=="a"&&{href:f,hrefLang:h,referrerPolicy:p,rel:g,target:v};return e(t,{key:"aeff3ef22b085acbf30dacb5d3ae0167451044b9",class:{[`ic-theme-${y}`]:y!=="inherit"}},e(x,Object.assign({key:"a451e5f53149283ee77878ccc3e699beae669f24",class:{card:true,clickable:!!n&&!i,disabled:!!i,fullwidth:!!r,focussed:d,monochrome:b},tabindex:n&&!m?0:undefined,"aria-disabled":i?"true":null,disabled:i},k),o(this.el,"image-top")&&e("div",{key:"2ec35ab8d6e1224c0a393c92a72e403e4c5fc8fc",class:"image-top"},e("slot",{key:"c859ae1e242284b586df2ce7627c316021b8ef54",name:"image-top"})),e("div",{key:"55f21501b3d95e1f5bf3a69542dab57d00379e63",class:"card-header"},o(this.el,"icon")&&e("div",{key:"f95e7224d6e8548f33a8861025a1651a3bc953a4",class:"icon"},e("slot",{key:"1102f6f88e830613365cb0bfe3e5c4481b3a207e",name:"icon"})),e("div",{key:"3122872ef284640debbf7182d36f9cd4c6032ae4",class:"card-title"},e("slot",{key:"f51213257b0ff6e195852ca006e9cba35103f210",name:"heading"},e("ic-typography",{key:"7d82fce416b7579ac23e2154ef512bd8f3181bc3",variant:"h4"},e("p",{key:"ad083279b8f012f16d67c182c37bcc6383710ba5"},c)))),o(this.el,"interaction-button")&&e("div",{key:"bb47af0b373f295cb1bcd1b72df6c325e257c2ed",class:"interaction-button"},e("slot",{key:"fd0fc056e51febf6d9abe76d7ffb0773836e52d3",name:"interaction-button"}))),(u||o(this.el,"subheading"))&&e("div",{key:"32851c6c59b9ee76aa490210f5888fe410067ca3",class:"subheading"},e("slot",{key:"5757fd2fd2618f03fee208b855384c29861cadc6",name:"subheading"},e("ic-typography",{key:"1f206ca1eaf0bcd5693abf3fc3f97303582a5deb",variant:"subtitle-small"},u))),o(this.el,"adornment")&&e("div",{key:"ceef939617ce12be984f15673e9ef4e71110234c",class:"adornment"},e("slot",{key:"127e2dfa77b74a19070e90361d26fe1358539ca2",name:"adornment"})),o(this.el,"image-mid")&&e("div",{key:"0cbc0b6a9638969db6fabcde40ad46044afc4b88",class:"image-mid"},e("slot",{key:"3e8ae6e25570ed03e7fea0ae4fdd7a779d3022b1",name:"image-mid"})),(s||o(this.el,"message"))&&e("div",{key:"9da59f1aeaa1fcf4bc2a0aa1bd50d3f86faa2af7",class:"card-message"},s&&e("ic-typography",{key:"4620229c479b782ad5ee0c8e3a7acdf6a8a70d7b",variant:"body"},s),o(this.el,"message")&&e("slot",{key:"959e101cc933319cf297d0f0ebbd46299a24cbd5",name:"message"})),(o(this.el,"interaction-controls")||a)&&e("div",{key:"c4263a3d5f8e22f31cf0e55a868dbf0f52b00692",class:"interaction-area"},e("div",{key:"bd5e1d3ff137004ff5c696f611dae1bfefd26e1a",class:"interaction-controls"},e("slot",{key:"5985495f8f12c825aafcab517d3add5f9741d460",name:"interaction-controls"})),a&&e("ic-tooltip",{key:"e3b12f780303019b7f95ce5a98d7b7194c242c9a",id:"ic-tooltip-expand-button",label:"Toggle expandable area",silent:true},e("button",{key:"9857a37a37571bd21f500527149ed8bc3806c4f4",class:{"toggle-button":true,[`toggle-button-${this.areaExpanded?"expanded":"closed"}`]:true},"aria-label":"Toggle expandable area","aria-expanded":`${this.areaExpanded}`,"aria-controls":this.areaExpanded?"expanded-content-area":null,onClick:this.toggleExpanded,innerHTML:l}))),o(this.el,"expanded-content")&&this.areaExpanded&&e("div",{key:"080d0198d37d939cfc506abc5933caac7eaa383d",class:"expanded-content",id:"expanded-content-area"},e("slot",{key:"6c9b5dd6bfa46d466034255231047b2682e19f96",name:"expanded-content"})),o(this.el,"badge")&&e("slot",{key:"1f68304dd15e605320258bf8d14d2df3b0caf344",name:"badge"})))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};h.style=f;export{h as ic_card_vertical};
|
|
2
|
+
//# sourceMappingURL=p-ca05573a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,H as i,g as o}from"./p-8e4e97b4.js";import{i as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,H as i,g as o}from"./p-8e4e97b4.js";import{i as s}from"./p-e519f607.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.label-container{--ic-typography-color:var(--ic-accordion-group-title-text);color:var(--ic-accordion-group-title-text);padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}:host(.ic-accordion-group-small) .label-container{padding:var(--ic-space-xxs) var(--ic-space-xs)}:host(.ic-accordion-group-large) .label-container{padding:var(--ic-space-sm) var(--ic-space-xs)}';const n=a;let r=0;const c=class{constructor(t){e(this,t);this.accordionGroupId=`ic-accordion-group-${r++}`;this.accessibleButtonLabel="accordions";this.theme="inherit";this.expanded=false;this.label="";this.singleExpansion=false;this.size="medium";this.handleExpanded=()=>{if(this.areAllAccordionsOpen){this.expanded=false;this.accordions.forEach((e=>{e.expanded=this.expanded}))}else{this.expanded=true;this.accordions.forEach((e=>{e.expanded=this.expanded}))}this.setExpandedToAreAllAccordionsOpen()};this.linkAccordions=()=>{this.accordions.forEach((e=>{e.setAttribute("context-id",this.accordionGroupId)}))};this.setExpandedToAreAllAccordionsOpen=()=>{this.areAllAccordionsOpen=this.accordions.every((e=>!!e.expanded))};this.accordionOpenBtnText=()=>!this.areAllAccordionsOpen?"See all":"Hide all"}watchThemeHandler(){this.accordions.forEach((e=>{e.theme=this.theme}))}watchExpandedHandler(){this.handleExpanded()}componentDidLoad(){const e=this.el.children;this.accordions=Array.from(e).filter((e=>e.tagName==="IC-ACCORDION"));this.linkAccordions();this.accordions.forEach((e=>{e.theme=this.theme}));this.accordions.forEach((e=>{e.size=this.size}));if(this.expanded){this.accordions.forEach((e=>{e.expanded=true}));this.setExpandedToAreAllAccordionsOpen()}else{this.setExpandedToAreAllAccordionsOpen();this.expanded=this.areAllAccordionsOpen}}handleAccordionClicked(e){if(!this.singleExpansion){this.setExpandedToAreAllAccordionsOpen()}else{this.accordions.forEach((t=>{if(t.expanded&&e.detail.id!==t.id){t.expanded=false}}))}}async setFocus(){const e=this.singleExpansion?this.accordions[0]:this.allButtonEl;e===null||e===void 0?void 0:e.setFocus()}render(){const{size:e,label:o,singleExpansion:a,accessibleButtonLabel:n,theme:r}=this;return t(i,{key:"ec057d7f6e128e8429ebd9e14497a86d1eaf1abe","context-id":this.accordionGroupId,class:{[`ic-accordion-group-${e}`]:true,["ic-accordion-group"]:true,[`ic-theme-${r}`]:r!=="inherit"}},t("div",{key:"86acdf79730dc3d2dcc95a5928e1a1bebf83412f",class:"label-container"},t("ic-typography",{key:"5f2b615ebe87304b410b896d5b102da42ff5bcd6",variant:"h4"},t("h3",{key:"9b33f5f102e27e4268b0edd894d8d725fd8cc5a4"},s(this.el,"label")?t("slot",{name:"label"}):o)),!a&&t("ic-button",{key:"1b8d8332cd10fed2eea6959f02841cb4b1586902",ref:e=>this.allButtonEl=e,onClick:this.handleExpanded,variant:"tertiary","aria-label":`${this.accordionOpenBtnText()} ${n}`},this.accordionOpenBtnText())),t("slot",{key:"b93775721fd0cc7560115c6bb62824db59b2ea27"}))}get el(){return o(this)}static get watchers(){return{theme:["watchThemeHandler"],expanded:["watchExpandedHandler"]}}};c.style=n;export{c as ic_accordion_group};
|
|
2
|
+
//# sourceMappingURL=p-d0607a70.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"f5ec87ebfe042f0ebc06c809601b7040c0979dc3"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
|
|
2
|
+
//# sourceMappingURL=p-d376858f.entry.js.map
|